В этой статье я собрал все свои советы по улучшению навыков UI-дизайна, которые публиковал в своем уютном Telegram-канале. Если вы хотите не пропустить полезный контент о дизайне, подписывайтесь на него!
Если вы чувствуете, что ваш UI-навык требует улучшения, особенно когда вы работаете в рамках дизайн-систем и времени на работу над UI не хватает, эти упражнения помогут вам развить этот аспект дизайна. Я предложу несколько упражнений, начиная с простых и переходя к более сложным.
1. Анализ референсов
Самое простое и доступное упражнение — это детальный анализ референсов. Не просто посмотрите на них мимолетно, а внимательно изучите композицию, цвета, типографику и визуальные приемы. Возьмите один референс и проведите 2-4 минуты, отвечая на вопросы:
- Что именно привлекло ваше внимание в этом референсе?
- Что вам не нравится и как можно улучшить эти элементы?
- Как организованы типографика, композиция, цвета и другие визуальные аспекты?
Эти вопросы помогут вам глубже понять, как устроены успешные дизайны, и пополнят вашу внутреннюю дизайн-библиотеку новыми приемами.
2. Копирование референсов
Следующий уровень — это копирование референсов. Этот процесс позволяет вам вникнуть в детали и проанализировать приемы, использованные автором оригинала. Копируя референс, вы нарабатываете руку и ваш мозг будет подсказать идеи, основанные на тех приемах, которые вы ранее использовали. В результате вы сможете создавать более оригинальные и продуманные концепты.
3. Делание ремиксов
Делание ремиксов — это следующий уровень после копирования. Здесь вы берете за основу референс, но вносите в него свои изменения. Модифицируйте цвета, шрифты, стиль иконок, скругления и другие элементы. В конце концов, ваш результат может быть совсем не похож на исходный референс, но это поможет вам развить собственный стиль и подход.
4. Дизайн небольших частей интерфейса
Работа с небольшими частями интерфейса, а не с полными концептами, — это хороший способ улучшить свои UI-навыки. Вы можете дизайнить элементы, такие как экран приложения для Apple Watch, виджет для смартфона или боковую панель. Используйте несколько референсов для совмещения различных элементов, таких как цветовая палитра, композиция и стилистика. Это упражнение позволит вам сосредоточиться на деталях и создавать уникальные дизайны с акцентом на интерфейс.
Рекомендации по источникам референсов:
- Twitter
Twitter — отличное место для поиска вдохновения. Здесь вы найдете работы дизайнеров из разных уголков мира. Крутые дизайнеры делятся своими концептами и работами, и вы сможете черпать идеи из их постов. Рекомендую скачать Twitter и следить за креативными дизайнерскими аккаунтами. Также можно использовать специальный сайт, который собирает лучшие дизайны с Twitter, для настройки вашей ленты и поиска оригинальных идей.
- Are.na
Are.na — отличная платформа для коллекционирования и изучения референсов. Здесь можно находить каналы и коллекции с интересными визуальными решениями. Я часто использую Are.na для хранения и сортировки референсов.
Заключение
Регулярное выполнение этих упражнений 3-5 раз в неделю в течение 3-х месяцев поможет вам значительно улучшить ваши UI-навыки. Комбинируя анализ, копирование, ремиксы и работу с частями интерфейса, вы сможете развивать свой стиль и совершенствовать свои дизайнерские навыки.