Основные принципы
В первую очередь нужно определить ЦА и её потребности |
Главная цель дизайна - сделать удобно и функционально |
Настройки Photoshop
Настройки цвета RGB: sRGB IEC6... Стратегии управления цветом - выключить все
|
Единицы измерения Линейки и Тест: пиксели
|
Панели 1. Цвет, История, Образцы 2. Символ, Абзац, Свойства 3. Слои
|
Показать линейки Ctrl+R
|
Сочетания клавиш Photoshop
Инструмент "Текст" |
T |
Показать/скрыть Линейки |
Ctrl+R |
Перемещать по одной оси / Сохранять пропорции |
Удерж. Shift |
Заменить цвет текста |
1. Выб. цвет 2. Выб. текстовый слой 3. Alt+Backspace |
Скопировать объект |
Перетащить, удерж. Alt |
Клонировать на новый слой |
Ctrl+J |
Пипетка |
Удерж. Alt |
Трансформирование |
Ctrl+T |
Масштаб |
Alt+колесико |
Масштаб 100% |
Ctrl+1 |
Перемещние по макету |
Удерж. Пробел |
Выбор слоя элемента |
Ctrl+клик на элемент |
Скрыть/показать все панели |
Tab |
Принципы создания макета
Всегда группировать слои |
Для создания эффектов (оверлеи, тени, обводки) использовать параметры наложения |
|
|
Landing
Весь лендинг должен мотивировать сделать 1-2 действия (оформить заказ, заказать звонок) |
Кнопки (например "заказать") обычно дублируются в нескольких местах |
Часто используемые элементы: Форма, Pop-Up, Карта, Преимущества, Примеры, Отзывы |
Скетч
Скетч лендинга 1. Шапка (логотип+меню+доп); 2. Оффер (УТП) - первый экран, отражающий суть предложения: слоган+преимущества(опционально, можно в след.блоке)+CTA(Призыв к действию - напр.); 3. Остальные инфо-блоки. 4. Контакты (можно сделать карту на весь экран)+форма обратной связи. 5. Футер (шрифт уменьшен): копирайт/лого + меню + телефон. 6. Кнопка "наверх". 7. Всплывающие окна.
|
Основные элементы сайтов Кнопки, меню, заголовки, параграфы, списки, хлебные крошки (обычно под заголовком), строка поиска, формы и поля форм, блоки предложения, модальные окна, триггеры
|
|
|
|