Большинство российских дизайнеров самоучки. Если на собеседовании не спрашивают диплом, то зачем тратить время и деньги на образование? С другой стороны, и работодатели неохотно вкладываются в повышение квалификации. Неохота обучать кадры для конкурентов! Так и получилось, что "мы все учились понемногу, чему-нибудь и как-нибудь".
В целом эта политика себя оправдывает. Конечно, если дизайнер - самоучка ленив, его менеджер нетребователен, а заказчик несведущ и заморочен делами, то результат получается убогий. Но бросив взор окрест, мы видим, что большинство макетов выглядят прилично. Как это получается? Очевидно, по мере накопления опыта добросовестный самоучка интуитивно усваивает законы красивого дизайна. О них мы и поговорим.
1. Свет распространяется сверху вниз
Как в реальной жизни, от солнца или ламп освещения. Обратите внимание: самый простой способ сделать изображение неестественным - осветить его снизу вверх.
Следовательно, у всех кнопок и переключателей тени должны быть в нижней части. Псовдорельефных элементов в интерфейсе много: поля ввода, чекбоксы, слайдеры, всплывающие окна. Оформляя их, следует размещать тени от верхнего источника света. Иначе они будут выглядеть "неправильно".
2. Черное и белое
Проектирование дизайна надо начинать в двухцветной гамме. Таким образом легко будет сосредоточиться на композиции, балансе освещенности, "воздухе" в макете. Посмотрите, как рисует обученный художник: сначала каркас карандашом. Последуем его примеру!
3. Больше воздуха!
Обилие свободного пространства между элементами позволяет легче ориентироваться в них, быстрее находить нужное, меньше напрягать глаза. Простое правило: поля между элементами стоит делать больше высоты заглавной буквы основного шрифта. В 1,5, а то и в 2 раза.
4. Добавляйте цвет скупо
Возьмите ваш черно - белый макет и добавьте 1 цвет. Видите, как он резко выделяется, как свежо и отчетливо выглядит окрашенный элемент? Может быть, так и оставить?
Одного цвета недостаточно? Сделайте из него же второй цвет, меняя насыщенность и яркость. Так вы гарантированно получаете гармоничное сочетание пары цветов.
5. Как наложить текст на фотографию?
Этот красивый оформительский прием не работает "с кондачка". Чаще всего текст на фотографии читается с трудом, затрудняя восприятие и раздражая читателя. Как правильно накладывать текст? Прежде всего, всегда задавайте белый цвет надписи! И примените один из приемов:
А) Затемните все изображение. Восприятию хороших фотографий это, как правило, не вредит. Наоборот, создает эффект тонирования, особенно если затемнять с использованием дополнительного цвета;
Б) Подложите темную плашку под текст. Непрозрачную или полупрозрачную. Главное, чтобы она была достаточно контрастной с текстом;
В) Подложите под текст "размытую" плашку. Да, эффект blur. Такой элемент выглядит органичнее, при этом выделение текста обеспечивает хорошо.
Удачных вам решений и красивых макетов, друзья!
Назад в раздел
В целом эта политика себя оправдывает. Конечно, если дизайнер - самоучка ленив, его менеджер нетребователен, а заказчик несведущ и заморочен делами, то результат получается убогий. Но бросив взор окрест, мы видим, что большинство макетов выглядят прилично. Как это получается? Очевидно, по мере накопления опыта добросовестный самоучка интуитивно усваивает законы красивого дизайна. О них мы и поговорим.
1. Свет распространяется сверху вниз
Как в реальной жизни, от солнца или ламп освещения. Обратите внимание: самый простой способ сделать изображение неестественным - осветить его снизу вверх.
Следовательно, у всех кнопок и переключателей тени должны быть в нижней части. Псовдорельефных элементов в интерфейсе много: поля ввода, чекбоксы, слайдеры, всплывающие окна. Оформляя их, следует размещать тени от верхнего источника света. Иначе они будут выглядеть "неправильно".
2. Черное и белое
Проектирование дизайна надо начинать в двухцветной гамме. Таким образом легко будет сосредоточиться на композиции, балансе освещенности, "воздухе" в макете. Посмотрите, как рисует обученный художник: сначала каркас карандашом. Последуем его примеру!
3. Больше воздуха!
Обилие свободного пространства между элементами позволяет легче ориентироваться в них, быстрее находить нужное, меньше напрягать глаза. Простое правило: поля между элементами стоит делать больше высоты заглавной буквы основного шрифта. В 1,5, а то и в 2 раза.
4. Добавляйте цвет скупо
Возьмите ваш черно - белый макет и добавьте 1 цвет. Видите, как он резко выделяется, как свежо и отчетливо выглядит окрашенный элемент? Может быть, так и оставить?
Одного цвета недостаточно? Сделайте из него же второй цвет, меняя насыщенность и яркость. Так вы гарантированно получаете гармоничное сочетание пары цветов.
5. Как наложить текст на фотографию?
Этот красивый оформительский прием не работает "с кондачка". Чаще всего текст на фотографии читается с трудом, затрудняя восприятие и раздражая читателя. Как правильно накладывать текст? Прежде всего, всегда задавайте белый цвет надписи! И примените один из приемов:
А) Затемните все изображение. Восприятию хороших фотографий это, как правило, не вредит. Наоборот, создает эффект тонирования, особенно если затемнять с использованием дополнительного цвета;
Б) Подложите темную плашку под текст. Непрозрачную или полупрозрачную. Главное, чтобы она была достаточно контрастной с текстом;
В) Подложите под текст "размытую" плашку. Да, эффект blur. Такой элемент выглядит органичнее, при этом выделение текста обеспечивает хорошо.
Удачных вам решений и красивых макетов, друзья!
Назад в раздел
Подписаться на новые материалы раздела:
Загрузка...
Наверх