ДИЗАЙН НА УРОВНЕ
БЛОК 1
БЛОК 1
Урок-обобщение по первой части
БЛОКА 1.
БЛОКА 1.
Пошаговый план - как создать идеальный макет :
1.Определяем, что в будущем макете главное.
На этом этапе отвечаем на самые главные вопросы:
- Какие эмоции хотим вызвать своим макетом?
- Что в нем самое главное?
На этом этапе отвечаем на самые главные вопросы:
- Какие эмоции хотим вызвать своим макетом?
- Что в нем самое главное?
2. Планирование композиции
Начинаем с анализа, какой прием в композиции поможет лучше отразить идею макета. Что хотим донести? Движение? Или спокойствие? И определяемся, что нам поможет отразить данное состояние? Статика или динамика? Симметрия или асимметрия?
Определяемся с основной цветовой гаммой, опять же исходя из наших целей.
Начинаем с анализа, какой прием в композиции поможет лучше отразить идею макета. Что хотим донести? Движение? Или спокойствие? И определяемся, что нам поможет отразить данное состояние? Статика или динамика? Симметрия или асимметрия?
Определяемся с основной цветовой гаммой, опять же исходя из наших целей.
3. Выделение главного
На третьем шаге думаем, за счет чего мы можем выделить главное в макете. И как с помощью фона сможем его поддержать. Вспоминаем, какие способы выделения существуют - урок 2 часть 3 (выделение с помощью света, цвета, текстуры, контраста по исполнению, размера или формы). Не забываем про визуальную иерархию, главное больше и активнее, второстепенное меньше и не такое яркое.
Продумываем направляющие, если они нам необходимы. И не забываем про 3 закона композиции: Соподчинение, целостность и равновесие.
На третьем шаге думаем, за счет чего мы можем выделить главное в макете. И как с помощью фона сможем его поддержать. Вспоминаем, какие способы выделения существуют - урок 2 часть 3 (выделение с помощью света, цвета, текстуры, контраста по исполнению, размера или формы). Не забываем про визуальную иерархию, главное больше и активнее, второстепенное меньше и не такое яркое.
Продумываем направляющие, если они нам необходимы. И не забываем про 3 закона композиции: Соподчинение, целостность и равновесие.
Помним, что из хорошей композиции не хочется ничего убрать или добавить.
В ней все элементы согласованы и имеют связи между собой (по цвету, форме или общей стилистике) .
В ней все элементы согласованы и имеют связи между собой (по цвету, форме или общей стилистике) .
4. Стараемся не перегружать композицию
Не создаем дополнительного визуального шума.
Чем больше разных выделений, форм, изображений, тем сложнее что-то вообще выделить - вывод: не создаем ничего лишнего.
Оставляем "воздух" в композиции.
Не создаем дополнительного визуального шума.
Чем больше разных выделений, форм, изображений, тем сложнее что-то вообще выделить - вывод: не создаем ничего лишнего.
Оставляем "воздух" в композиции.
5. Выравнивание
Выравнивание всегда и везде. Стараемся все элементы подвести под общую сетку. Начало и конец блоков с информацией совпадают между собой.
Выравнивание всегда и везде. Стараемся все элементы подвести под общую сетку. Начало и конец блоков с информацией совпадают между собой.
Сайты для вдохновления:
Behance
замечательная подборка проектов
на любой вкус и тему
замечательная подборка проектов
на любой вкус и тему
www.behance.net
Dribbble
самое крупное сообщество дизайнеров
самое крупное сообщество дизайнеров
www.dribbble.com
Pinterest
все наверное и так знают про эту соц. сеть, но не упомянуть ее я не могу... :)
все наверное и так знают про эту соц. сеть, но не упомянуть ее я не могу... :)
www.pinterest.com
Но хочу напомнить, что вдохновляться -
не значит воровать!
не значит воровать!
Как вдохновляться чужими работами правильно и этично:
1. Если вам понравился какой-то макет, не копируйте его. Лучше проанализируйте, почему именно он вам понравился. Что в нем особенного? Может какой-то интересный прием? Попробуйте выделить эти отличия и подумайте, как можно их использовать в вашем проекте.
2. Развивать свою насмотренность. Этот навык, на самом деле не так просто получить. Это десятки часов, из которых составляется ваш визуальный опыт. С его помощью в вашей голове формируется большая "библиотека" идеальных образцов, с которыми вы неосознанно будете сравнивать все, что вы делаете и видите вокруг. И очень важно, чтобы эта "библиотека" была качественной.
И когда будет нужно придумать что-то свое, благодаря насмотренности идеи сами будут появляться в вашей голове. И это будет не плагиат т.к. случайно повторить по памяти чью-то работу у вас точно не выйдет:)
1. Если вам понравился какой-то макет, не копируйте его. Лучше проанализируйте, почему именно он вам понравился. Что в нем особенного? Может какой-то интересный прием? Попробуйте выделить эти отличия и подумайте, как можно их использовать в вашем проекте.
2. Развивать свою насмотренность. Этот навык, на самом деле не так просто получить. Это десятки часов, из которых составляется ваш визуальный опыт. С его помощью в вашей голове формируется большая "библиотека" идеальных образцов, с которыми вы неосознанно будете сравнивать все, что вы делаете и видите вокруг. И очень важно, чтобы эта "библиотека" была качественной.
И когда будет нужно придумать что-то свое, благодаря насмотренности идеи сами будут появляться в вашей голове. И это будет не плагиат т.к. случайно повторить по памяти чью-то работу у вас точно не выйдет:)
Домашнее задание к уроку 5
1. Начинаем развивать насмотренность.
Задание сегодня не сложное, но очень важное и полезное. Вам нужно зарегистрироваться в Pinterest (кто еще там не зарегистрирован) начать собирать там примеры хороших дизайнов. Задание не сложное, но подойти нужно со всей серьезностью, ведь ваша насмотренность в дальнейшем будет вам хорошим помощником и нужно сформировать базу именно хороших примеров.
Поэтому самое главное здесь: качество, а не количество. Не забирайте себе в подборки все подряд. Сначала проанализируйте работу (можете использовать шаблон анализа из домашнего задания к уроку 2 ), подумайте, чем она вас зацепила и отметьте для себя приемы, которые можно будет дальше использовать при создании своих работ.
2. Структурируем нашу библиотеку.
Как и в настоящей библиотеке, со временем в вашей насобирается очень много примеров по всем возможным направлениям. И с каждым днем (работать над созданием библиотеки нужно каждый день хотя бы по 10-15 минут) вам будет все сложнее ориентироваться в ней и найти быстро тот самый пример, который вам нужен именно сейчас.
Поэтому советую сразу структурировать вашу библиотеку по различным "каталогам". Заведите себе отдельные папки (доски) по отдельным темам и сразу помещайте примеры в нужную. Например, можно создать папки Постеры, Логотипы, Фирменный стиль, Рекламный дизайн и т.д.
Задание сегодня не сложное, но очень важное и полезное. Вам нужно зарегистрироваться в Pinterest (кто еще там не зарегистрирован) начать собирать там примеры хороших дизайнов. Задание не сложное, но подойти нужно со всей серьезностью, ведь ваша насмотренность в дальнейшем будет вам хорошим помощником и нужно сформировать базу именно хороших примеров.
Поэтому самое главное здесь: качество, а не количество. Не забирайте себе в подборки все подряд. Сначала проанализируйте работу (можете использовать шаблон анализа из домашнего задания к уроку 2 ), подумайте, чем она вас зацепила и отметьте для себя приемы, которые можно будет дальше использовать при создании своих работ.
2. Структурируем нашу библиотеку.
Как и в настоящей библиотеке, со временем в вашей насобирается очень много примеров по всем возможным направлениям. И с каждым днем (работать над созданием библиотеки нужно каждый день хотя бы по 10-15 минут) вам будет все сложнее ориентироваться в ней и найти быстро тот самый пример, который вам нужен именно сейчас.
Поэтому советую сразу структурировать вашу библиотеку по различным "каталогам". Заведите себе отдельные папки (доски) по отдельным темам и сразу помещайте примеры в нужную. Например, можно создать папки Постеры, Логотипы, Фирменный стиль, Рекламный дизайн и т.д.
Поздравляю! Вы закончили
первую часть БЛОКА 1!
первую часть БЛОКА 1!
Это было самое сложное и вы справились!
