Датское агентство инфографики Ferdio, основываясь на собственном опыте, написали 67 коротких заметок об информационном дизайне и инфографике. Они разбили их на 8 больших тем: процессы, визуализация данных, дизайн, подход, контент, структура, публикация и продвижение, визуальное представление
Мы подготовили перевод первой серии, которая состоит из 15 заметок, о том, как правильно выстроить процессы при создании информационного дизайна. Они помогут научиться расставлять приоритеты, генерировать крутые идеи и, самое главное, создавать впечатляющий информационный дизайн, который в понятной форме донесёт до пользователей главную идею проекта
awdee.ru/processes-in-information-design-15-short-tips-from-ferdio
#awd_article #awd_dataviz #awd_infographic
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Процессы в информационном дизайне: 15 коротких советов от Ferdio — Оди. О дизайне
Датское агентство инфографики Ferdio, основываясь на собственном опыте, написали 67 коротких заметок об информационном дизайне и инфографике. Они разбили их на 8 больших тем: процессы, визуализация данных, дизайн, подход, контент, структура, публикация и…
Оптические эффекты в пользовательских интерфейсах (для задротов)
Рекомендуем интересную статью о том, как с помощью оптических эффектов создавать гармоничный и эстетичный интерфейс, а именно: выравнивать элементы, создавать согласованные иконки и правильно скруглять углы
Тезисы из статьи:
— Визуальный вес необязательно равен размеру в пикселях
— Неквадратные фигуры должны иметь большую высоту и ширину, чтобы оптически сочетаться с квадратными
— Иконки выглядят согласованно только с учётом их оптического размера
— Формы с острыми краями должны быть больше прямоугольных
— Подписи в кнопках необходимо выравнивать по высоте прописной буквы
— Треугольную иконку внутри кнопки следует вписать в круг и потом центрировать
— Оптически правильное скругление углов требует специальных расчётов или регулировки фигуры вручную
Статья: medium.com/design-bridges/optical-effects-9fca82b4cd9a
Перевод на русский: ux.pub/editorial/optichieskiie-effiekty-v-polzovatielskikh-intierfieisakh-dlia-zadrotov-fic
#awd_article
Рекомендуем интересную статью о том, как с помощью оптических эффектов создавать гармоничный и эстетичный интерфейс, а именно: выравнивать элементы, создавать согласованные иконки и правильно скруглять углы
Тезисы из статьи:
— Визуальный вес необязательно равен размеру в пикселях
— Неквадратные фигуры должны иметь большую высоту и ширину, чтобы оптически сочетаться с квадратными
— Иконки выглядят согласованно только с учётом их оптического размера
— Формы с острыми краями должны быть больше прямоугольных
— Подписи в кнопках необходимо выравнивать по высоте прописной буквы
— Треугольную иконку внутри кнопки следует вписать в круг и потом центрировать
— Оптически правильное скругление углов требует специальных расчётов или регулировки фигуры вручную
Статья: medium.com/design-bridges/optical-effects-9fca82b4cd9a
Перевод на русский: ux.pub/editorial/optichieskiie-effiekty-v-polzovatielskikh-intierfieisakh-dlia-zadrotov-fic
#awd_article
Из-за особенностей зрения и восприятия математически точные композиции могут выглядеть не так, как задумано. Поэтому дизайнеры вносят оптические поправки. Их можно делать интуитивно, на глаз, а можно попробовать использовать математические методы достижения оптического баланса
Мы перевели заметку Bjango, в которой они на наглядных примерах показали, как математически точно выравнивать круг относительно квадрата, центрировать треугольник внутри круга и задавать правильный масштаб нестандартным фигурам
awdee.ru/formulas-for-optical-adjustments
#awd_edu #awd_article
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Точные методы создания оптического баланса между фигурами — Оди. О дизайне
Мы перевели заметку Bjango, в которой они на наглядных примерах показали, как математически точно выравнивать круг относительно квадрата, центрировать треугольник внутри круга и задавать правильный масштаб нестандартным фигурам Далее текст от лица автора…
Мнения: рубрика, в которой несколько заметных дизайнеров высказываются по одной конкретной теме
Мы надеемся, что такой формат помогает читателям составлять разностороннее и взвешенное собственное мнение по важным темам. По крайней мере, такая идея у этой рубрики :–)
Вот девять статей в этой рубрике, которые мы уже опубликовали: https://awdee.ru/tag/mneniya/
Там вы можете узнать, к примеру, что такое хороший дизайн, заменят ли дизайнеров нейросети, как поддерживать баланс в работе и жизни, как стать хорошим арт-директором и как защищать свои решения перед заказчиком
А какие ещё в таком формате вы хотели бы почитать? По каким темам вам было бы интересно узнать мнение состоявшихся профессионалов? Героев тоже не стесняйтесь предлагать
#awd_article #awd_opinion
Мы надеемся, что такой формат помогает читателям составлять разностороннее и взвешенное собственное мнение по важным темам. По крайней мере, такая идея у этой рубрики :–)
Вот девять статей в этой рубрике, которые мы уже опубликовали: https://awdee.ru/tag/mneniya/
Там вы можете узнать, к примеру, что такое хороший дизайн, заменят ли дизайнеров нейросети, как поддерживать баланс в работе и жизни, как стать хорошим арт-директором и как защищать свои решения перед заказчиком
А какие ещё в таком формате вы хотели бы почитать? По каким темам вам было бы интересно узнать мнение состоявшихся профессионалов? Героев тоже не стесняйтесь предлагать
#awd_article #awd_opinion
10 великих шрифтов
В истории шрифтового дизайна есть шрифты, которые закрепили за собой статус знаковых и влиятельных. Они стали классикой благодаря гармоничному сочетанию эстетики, удобочитаемости и универсальности. Они все — продукты своих эпох, и поэтому обладают уникальными характерами. И почти все они стояли у истоков больших отдельных видов шрифтов
Каждый из них обладает богатой историей, и, бесспорно, значительно повлиял на развитие мировой графической культуры. Многие из этих шрифтов использовали в исторически значимых документах или изданиях. Например, Caslon в Конституции США, а Gill Sans — в названиях вывесок лондонского метрополитена
Все они признаны во всём мире и популярны в различных областях дизайна, от печати до веба. Полезно знать их историю, чтобы лучше понимать, где, когда, как и зачем их применять
В статье мы рассмотрим 10 великих шрифтов:
— Garamond (Гарамон)
— Caslon (Кэзлон)
— Baskerville (Баскервиль)
— Didot (Дидо)
— Bodoni (Бодони)
— Futura (Футура)
— Gill Sans (Гилл Санс)
— Times New Roman (Таймс Нью Роман)
— Univers (Юниверс)
— Helvetica (Гельветика)
🙂️️️️️️ awdee.ru/10-great-fonts
#awd_retro #awd_typo #awd_article
В истории шрифтового дизайна есть шрифты, которые закрепили за собой статус знаковых и влиятельных. Они стали классикой благодаря гармоничному сочетанию эстетики, удобочитаемости и универсальности. Они все — продукты своих эпох, и поэтому обладают уникальными характерами. И почти все они стояли у истоков больших отдельных видов шрифтов
Каждый из них обладает богатой историей, и, бесспорно, значительно повлиял на развитие мировой графической культуры. Многие из этих шрифтов использовали в исторически значимых документах или изданиях. Например, Caslon в Конституции США, а Gill Sans — в названиях вывесок лондонского метрополитена
Все они признаны во всём мире и популярны в различных областях дизайна, от печати до веба. Полезно знать их историю, чтобы лучше понимать, где, когда, как и зачем их применять
В статье мы рассмотрим 10 великих шрифтов:
— Garamond (Гарамон)
— Caslon (Кэзлон)
— Baskerville (Баскервиль)
— Didot (Дидо)
— Bodoni (Бодони)
— Futura (Футура)
— Gill Sans (Гилл Санс)
— Times New Roman (Таймс Нью Роман)
— Univers (Юниверс)
— Helvetica (Гельветика)
#awd_retro #awd_typo #awd_article
Please open Telegram to view this post
VIEW IN TELEGRAM
Научный подход для эффективного UX-прототипирования
Почему «быстрого прототипирования» недостаточно для критического влияния на дизайн продукта. Перевод статьи Майкла Доджа, Principal Design Technologist в Alexa Voice Shopping в Amazon
https://awdee.ru/nauchnyj-podhod-dlya-effektivnogo-ux-prototipirovaniya/
#awd_article #awd_ux
Почему «быстрого прототипирования» недостаточно для критического влияния на дизайн продукта. Перевод статьи Майкла Доджа, Principal Design Technologist в Alexa Voice Shopping в Amazon
https://awdee.ru/nauchnyj-podhod-dlya-effektivnogo-ux-prototipirovaniya/
#awd_article #awd_ux
Оди. О дизайне
Научный подход для эффективного UX-прототипирования — Оди. О дизайне
Почему «быстрого прототипирования» недостаточно для критического влияния на дизайн продукта. Перевод статьи Майкла Доджа, Principal Design Technologist в Alexa Voice Shopping в Amazon. UX-прототипы — мощный инструмент для изучения новых концепций дизайна…
Продуктовый дизайнер Иван Емелюшкин написал статью о том, как дизайнеру передавать элементы с размытием разработчику, чтобы на выходе получить предсказуемый результат
В статье автор:
— Рассказал, как сделать размытие на Android
— Перечислил все 11 размытий на iOS с указанием особенностей каждого
— Затронул тему стилей текста и заливок для иконок на iOS
— Объяснил, как правильно передавать информацию о размытии разработчику
В конце статьи вы найдёте шаблон со всеми размытиями в Figma, чтобы быстро применять их в своих дизайн-проектах
awdee.ru/11-ways-of-blurring
#awd_article #awd_web #awd_ui #awd_figma
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
11 оттенков размытия — Оди. О дизайне
Как выбрать нужное и заслужить благодарность разработчиков
Перевод статьи Анны Кейли из Nielsen Norman Group, из которой вы узнаете, в чём разница между всплывающим окном и модальным, какие проблемы могут вызвать всплывающие окна своим появлением и какие факторы необходимо учитывать при их проектировании. Автор также рассказывает о дизайн-решениях, которые могут заменить попапы и донести до посетителей сайта или приложения важную информацию, но при этом будут менее навязчивыми
awdee.ru/10-problems-of-popups
#awd_ui #awd_ux #awd_article
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
10 проблем попапов и как их решить — Оди. О дизайне
Перевод статьи Анны Кейли из Nielsen Norman Group, из которой вы узнаете, в чём разница между всплывающим окном и модальным, какие проблемы могут вызвать всплывающие окна своим появлением и какие факторы необходимо учитывать при их проектировании. Автор также…
Егор Цеманек написал статью о том, как оформляли книги в 1910-20 гг. Это был период авангарда в книжном дизайне, когда художники и графики смело экспериментировали с вёрсткой, типографикой, материалами, иллюстрациями и формой книг
В статье автор показывает обложки и развороты самых разных изданий. Там и футуристическая книга с примитивистскими иллюстрациями и нарушением всех правил типографики. Есть развороты с экспериментальной типографикой авангардного типа. Можно увидеть примеры книжного конструктивизма, в котором преобладают композиции из простейших геометрических форм. Есть и варианты с использованием приёмов фотомонтажа, а также книга с текстом в качестве главного формообразующего элемента
А ещё автор показал примеры разворотов нескольких детских книг, которые иллюстрировали лучшие графики того времени
awdee.ru/book-design-of-the-russian-avant-garde
#awd_article #awd_retro
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Книжный дизайн русского авангарда — Оди. О дизайне
Двадцать лет самых громких экспериментов с формой книги. Поиск связи между внешним видом и внутренним смыслом. Материал о том, как издать и украсить главные идеи эпохи В 1910-х годах в России расцветают новые художественные движения, и случается то, что в…
Стёпа Гирич написал у нас заметку о гармонии в дизайне транспортных схем
awdee.ru/harmony-in-music-and-transport-scheme-design
#awd_article
awdee.ru/harmony-in-music-and-transport-scheme-design
#awd_article
Оди. О дизайне
Гармония в музыке и дизайне транспортных схем — Оди. О дизайне
В своей лекции о дизайне и музыке я сравнивал эти два направления с точки зрения психологии восприятия. Советую обязательно посмотреть запись. За прошедшее время я сделал еще одно наблюдение о связи дизайна и музыки, но уже с прикладной точки зрения: решения…