Все, чего ни коснись, ограничивается правилами. Дизайн не исключение. Да, иногда правила даны для того, чтобы их нарушать, но что касается дизайна, то для получения действительно шедеврального результата стоит их придерживаться. Тот, кто имеет заработок в интернете на дому, тот знает и соблюдает эти правила. А для тех, кто только начинает заниматься дизайном, мы подготовили подробную статью из двух частей.
Приступайте к изучению.
- Правила дизайна
- Учитывайте кернинг
- Учитывайте расстояние между словами
- Работайте над удобочитаемостью
- Делайте строки средней длины
- Наглядно:
- Используйте типографическую иерархию
- Следите за выравниванием
- Используйте сетку
- Создавайте для людей
- Избегайте «вдов» и «сирот»
- Используйте подходящую цветовую палитру
- Наглядно:
- Резюмируем
Правила дизайна
Учитывайте кернинг
Кернинг – это промежуток между буквами в слове. И он должен быть одинаковым, чтобы текст читался спокойно и без напряга. Хорошая работа доставит визуальное удовольствие, а плохая заставит ненавидеть дизайнера, который ее сделал.
Учитывайте расстояние между словами
Продолжим тему промежутков. Как и между буквами, расстояние между словами также важно, так как оно тоже отвечает за удобочитаемость.
Для этого есть один полезный инструмент – отслеживание. Это регулировка расстояния между буквами и словами в общем смысле. Вы можете выбрать этот параметр в онлайн-сервисах по проверкам текстов и проверить полотно материала на одинаковое расстояние между словами.
Работайте над удобочитаемостью
Сделайте удобочитаемость главным приоритетом.
Лайфхак: чтобы понять, насколько текст понятный и удобочитаемый, попросите посетителей дать вам обратную связь. Ваш взгляд может отличаться от другого и это нужно понимать.
Не пытайтесь усложнить задачу читателю, он не должен добывать информацию. В ваших интересах предоставить ее на блюдечке, чтобы пользователь усвоил ее максимально быстро и просто, а потом захотел вернуться на ваш веб-ресурс или порекомендовать его знакомым.
Важно: учитывайте контраст, размер шрифта и не перебарщивайте с заглавными буквами. Пользователь может подумать, что на него повышают голос и заставляют что-то сделать.
Делайте строки средней длины
Наглядно:
Читая какую-либо статью, вы вдруг отвлекаетесь и теряете место, где остановились. А потом долго не можете найти. Знакомо? Так происходит тогда, когда длина строки не продумана. Чтобы читатель легко мог возвращаться к месту остановки и не утомляться при чтении, продумайте длину колонки.
Совет: Идеальное количество символов в строке – 30-40 штук, считая пробелы.
Используйте типографическую иерархию
Обратите внимание на наглядный пример выше. Типографическая иерархия во всей её красе. Этот прием используется для выделения более важной информации в полотне второстепенной. Вы можете выделять главные мысли крупным шрифтом, другим цветом и даже другим видом шрифта.
Иерархия заставляет задержать внимание читателя на главных моментах материала и выделить их на фоне основного полотна текста. Это должны знать дизайнеры как в найме, так и на фриланс площадках.
Следите за выравниванием
Всем известны общие параметры выравнивания – по левому краю, по центру, по правому краю и по ширине листа.
Выравнивание по левому краю самый распространенный вариант. Даже этот текст, если вы обратите внимание, выровнен по левой стороне.
По правой стороне тексты выравнивают в декоративных или дизайнерских целях и для небольших текстов. Он немного затрудняет восприятие материала и немного режет глаз.
Центрирование имеет почти такое же широкое применение, как и левостороннее выравнивание, но его также рекомендуют для коротких материалов.
Выравнивание по ширине страницы визуально обманчиво: ровные левые и правые стороны кажутся легкими для восприятия, но середина текста может растянуться и расстояние между буквами и словами будет неравномерное.
Используйте сетку
Сетка – образователь порядка, понятности и логики. Разные формы, размеры, и прочие настройки помогут вам расставить материал так, как вам захочется. Посмотрите на пример выше, вы можете компоновать блоки как вам угодно, но они будут смотреться ровно и красиво.
Экспериментируйте с размерами, с разметками, с промежутками, с расположением и выберите то, что наиболее подходит для вашего дизайна.
Создавайте для людей
Изучите вашу целевую аудиторию. Изучите примеры работ для конкретных групп людей. Изучите методы воздействия на определенные типы публики. Вы можете создать прекрасный дизайн, но он может быть не понят или просто не подходить вашей аудитории.
Важно: применяйте тематические цвета, символы и предметы для плакатов, чтобы их смысл был понят максимально быстро и недвусмысленно.
Избегайте «вдов» и «сирот»
Вдовы — строки текста, принадлежащие абзацу, которые перепрыгнули на следующий столбец. Сироты — то же, только слова в строке.
Справиться с ними можно следующими способами: редакцией текста вручную, скорректировав длину строки или использовав мягкое возвращение сочетанием кнопок Shift + Return. Остается выставить размеры столбцов.
Используйте подходящую цветовую палитру
Цвет — один из мощнейших инструментов в дизайне, поэтому пользоваться им нужно очень осторожно и продуманно. Цветовая гамма не должна путать, отвлекать пользователей и сбивать их с толку.
Наглядно:
на примере выше два логотипа, для пейнтбола и для цветочного магазина. Варианты расцветок слева выбран не очень удачно, но стоит им поменяться, как всё становится на свои места.
Резюмируем
Перечисленные для вас инструменты помогут избежать главных дизайнерских ошибок, моментально бросающихся в глаза на любом веб-ресурсе.
Изучайте Продолжение статьи, чтобы увидеть полный список правил и избежать их при создании следующего проекта.
С пользой для вас, биржа микрозадач iworky.ru.
