62 подписчика
ПЯТЬ ЛАЙФХАКОВ ДЛЯ WEB-ДИЗАЙНА
Привет, дизайнер! Сегодня разберем ряд правил и рекомендаций от DIGITAL для 5 важнейших элементов web-дизайна — типографики, цвета, фотографий, иллюстраций и воздуха (white space), которые помогут тебе сделать не только вкусный и стильный визуал, но и донести идеи грамотно.
1. Типографика — помни о важности шрифтов и избегай перегруза
Помни, что главная задача типографики — это правильное донесение контента. Что мы имеем в виду? Очень важно сделать тексты читабельными, понятными и разборчивыми, поэтому, шрифты не должны перетягивать на себя внимание. Это как хороший, дорогой парфюм: стоит переборщить, и он тут же захватывает все пространство, и вот ты уже не видишь своего собеседника, окутанного изысканным, но чрезмерным ароматом. Все хорошо в меру. Дизайнеры, не напрягайте пользователей, им и так сложно читать!
2. Собственно шрифты — люби лаконичность и не делай мусора
Что нельзя в типографике? Использовать более 3-х разных шрифтов. Вообще, ограничь количество семейств шрифтов до 1-2 и придерживайся их во всем проекте. Если это пара, удостоверься, что они гармонично сочетаются друг с другом по ширине символов. Также, не злоупотребляй верхним регистром и дели тексты на логичные абзацы с межстрочным интервалом средней плотности. Про “запрещенку” курсива и слишком творческих шрифтов, полагаем, упоминать не стоит.
Что нужно? Повышать читабельность. Для этого выдерживай высокий контраст текстов с фоном; используй около 60 символов в строке текста web-сайта для ПК-версии и 30-40 символов для мобайла; и применяй шрифт, который будет хорошо отображаться в разных размерах — как на маленьких, так и на больших экранах. Как это понять? Просто брать и проверять.
3. Фото и иллюстрации — вдохновляйся чужими работами
Стоит ли говорить, что залог успеха в дизайне — это насмотренность? Классные примеры способны завести тот самый моторчик, который так важен для человека творческой профессии. Волшебная палочка для вдохновения — это специализированные сайты-хостинги с визуалами. Помимо всеми любимых ресурсов Freepik, Flickr, Pinterest и Behance рекомендуем добавить в список регулярного просмотра сайты для web-дизайнеров, на которых можно не только почерпнуть много полезного и интересного, но также посмотреть разборы кейсов и поучаствовать в интерактивах: Collectui.com, Dribbble.com, Sitesee.co, SiteInspire.com, Webdesign-inspiration.com, Niice.co, Mobbin.design и, конечно, Awwwards.com.
4. Цвет — смешивай правильно
Вместо того, чтобы подбирать цвета на глаз, используй специализированные сайты для подбора гармоничных цветовых схем. Очень многие дизайнеры любят www.colorscheme.ru за простоту и, в то же время, дополнительные возможности. На этом сайте пользователи могут создавать свои цветовые схемы и делать проверку, например, с симуляцией зрения или в темной или светлой теме. Мы бы также рекомендовали популярные “рабочие” ресурсы - color.adobe.com, coolors.co и colorhunt.co, чтобы брать там для работы готовые цветовые палитры из многотысячных коллекций.
Ну, а если ты еще не изучил теорию цвета, то самое время это сделать. Начни с базы: бессмертных работ Иоханнеса Иттена «Искусство цвета» или Михаила Матюшина «Справочник по цвету».
5. Воздух — добавляй больше пространства
Воздух, или негативное пространство — это пространство, окружающее заголовки, баннеры, посты. Воздух гарантированно повышает эстетичность сайта, равно как и любого дизайна. Он также может улучшить и усилить функциональность: макровоздух помогает расставлять акценты, а микровоздух — повышает читабельность. К тому же, минимализм и простота сейчас в тренде. Поэтому, не бойся воздуха и старайся почаще его применять.
Управляйте пространством со вкусом!
3 минуты
5 августа 2024