Подборка интересных материалов для веб-дизайнера за июль 2019. Статьи для развития, видео-уроки по дизайну приложения, типографике и Adobe Illustrator, интересные ресурсы и сервисы, бесплатные кириллические шрифты, проекты для вдохновения и другое. Изучайте, вдохновляйтесь и становитесь лучше!
Для развития
5 онлайн-инструментов, которые прокачают ваши навыки в типографике
Эти ресурсы будут полезны как опытным дизайнерам, так и новичкам, которые хотят открыть для себя новый мир.
Топ-10 горячих навыков 2019-го и как их освоить
Навыки, которые, согласно опросу в SkillUp your Life, хотят освоить большинство людей. Каждый навык автор (Дэнни Фореста) разбил на несколько поднавыков, которые будет проще освоить, плюс подобрал полезные ресурсы.
10 UX-татуировок, которые я набил пока дизайнил 10 000 экранов интерфейсов
Советы, которые все дают новичкам в UI/UX, а они все равно не верят, пока не набьют собственных шишек.
Ген UX/UI дизайнера: 5 жизненных принципов от продуктового дизайнера Atlassian
Статья помогает оценить подход к UX/UI дизайну, встать на рельсы доставки ценности клиентам/компании и ответить уже на вопрос «ui ux дизайн с чего начать».
Десять ошибок разработчиков в дизайне приложений
В 2008 году году авторы провели исследование среди пользователей. На основе результатов они выделили десять главных ошибок, которые допускают веб-дизайнеры при разработке приложений. В 2019 они провели исследование вновь и составили новый список. В нём сохранились пять старых ошибок.
Цикл статей про дизайн данных
- Дизайн данных (часть 1). Что и зачем?
- Дизайн данных (часть 2). Как?
- Дизайн данных (часть 3). Меняемся?
- Дизайн данных (часть 4). Матчасть: основы.
- Дизайн данных (часть 5). Матчасть: базы данных.
- Дизайн данных (часть 6). Матчасть: API.
- Дизайн данных (часть 7). Прототипирование.
7 распространенных мифов о UX дизайне
Не полагайтесь только на чужие исследования, делайте свои собственные. Продукты, услуги и целевая аудитория существенно отличаются друг от друга. Поэтому никогда не забывайте, что исследования — ваши лучшие друзья и надежная основа для будущего вашего продукта.
Не пытайтесь делать упор только в сторону визуального дизайна. Эстетика и оформление не являются самой важной частью вашего продукта. Он должен решать проблемы, а не создавать их.
Дизайн Альманах
Образовательный проект, рассказывающий об основах дизайна: типографике, сетке, цвете и анимации.
Посмотреть
Мини-курс «App Design»
Типографика. Виды гарнитур
Adobe Illustrator. Базовый курс
Figma
Шесть советов для выживания в Figma
1. Не меняйте текст в компоненте из библиотеки
2. Дробите библиотеки компонентов
3. Страницы и попапы тоже могут быть компонентами
4. Дробите прототипы
5. Рисуйте отступы для компонент
6. Загоняйте ячейки таблиц в компоненты
Figma.help
Хэлпер по Фигма, где автор, Алексей Бычков, публикует обучающие видео, ответы на часто задаваемые вопросы, релизы, заметки и файлы с различными полезностями
Интересные особенности типографики в Figma
Теперь Figma будет распределять дополнительную высоту строки над и под буквами и будет измерять высоту строки более современным способом.
Эффективная работа с типографикой в Figma
Автор описывает улучшения рабочего процесса, которые делают использование стилей текста более эффективным, как для дизайнеров, так и для разработчиков.
Framer
Встречайте Framer Motion, библиотека с открытым исходным кодом
Framer Motion – это новая готовая к работе веб-моушен-библиотека React с открытым исходным кодом.
Sketch
Обновление Sketch
Улучшенное выравнивание, редактирование текста в символе и совместная работа
Сервисы и ресурсы
UX Flow
Огромный бесплатный набор элементов для создания sitemaps, диаграмм и блок-схем, wireframes и др. для Sketch и Figma.
useAnimations
Коллекция интерфейсных анимированныйх иконок
Mixkit
Бесплатные видео-ролики и иллюстрации для сайта
Шрифты
Где брать (действительно) модные шрифты для диджитала
Краткий список компаний и отдельных шрифтов, которые можно использовать в цифровых продуктах. Большая часть из них — гротески, но попадётся и несколько антикв. Они разделены на две глобальные части: CYR — кириллические, EN — не кириллические.
Cormorant
Для тех кто еще не в курсе, это бесплатный, с поддержкой кириллицы шрифт, доступный в Google Fonts
Aqum
Бесплатный шрифт с поддержкой кириллицы