глоссарий
это блок в верхней части страницы сайта, который виден на всех страницах сайта. Как правило, содержит логотип, меню, контакты, переключатель языков или корзину, если в интернет-магазине несколько страниц и нужна общая корзина.
хедер ( шапка сайта )
это одностраничный сайт с краткой информацией о товаре, услуге или мероприятии. Его задача — превращать посетителей в клиентов.
лендинг
блок в нижней части страницы. Содержит полезную, но не первостепенную информацию. Виден на всех страницах сайта. В футер можно вынести: копирайт, название студии, которая разрабатывала сайт, контакты. Иногда в футере дублируются пункты меню.
футер ( подвал сайта )
задача
выполнение
Нам предстоит разработать дизайн современного сайта на 5 блоков, включая шапку сайта и футер.
Обязательные элементы
Технические ограничения
Блок 1. Шапка сайта
Блок 2. О студии
Блок 3. Карты
Блок 4. Ваша польза
Блок 5. Заявка и футер
- Пункты «Меню» и текст (файл «Модуль 2_text.docx»);
- Логотип;
- Одно фото с обработкой;
- Кнопка «Узнать цену».
Блок 2. О студии
- Текст из файла «Модуль 2_text.docx»;
- Фото для каждого пункта из папки «Медиа 2».
Блок 3. Карты
- Текст из файла «Модуль 2_text.docx»;
- Одно фото с обработкой.
Блок 4. Ваша польза
- Текст из файла «Модуль 2_text.docx»;
- Инфографика.
Блок 5. Заявка и футер
- Текст из файла «Модуль 2_text.docx»;
- Одно фото с обработкой;
- Логотип;
- Иконки онлайн-магазинов.
- Ширина 1680 px;
- Высота каждого блока 1050 px;
- Лэндинг (блочный) на 5 секций включая шапку и футер;
- Цветовой режим: RGB;
- Разрешение 72 dpi;
- ICC profile Аdobe RGB 1998.
Выходные файлы
- Один рабочий файл в формате .psd (послойный) / .xd (с полосой прокрутки и интерактивным меню) под названием «Lending»;
- Один файл в формате png
- Вставляем весь текст в программу
- Вставляем все фотографии
- Создаем дизайн
- Делаем кнопку
О студии
5. Прибавляем 1050 px к высоте, это будет новый блок
6. Создаем 3 блок: карты
6. Создаем 3 блок: карты
1. Создаем рабочий файл ширина 1680 px, высота 1050 px
2. Создаем шапку сайта
2. Создаем шапку сайта
- Вставляем весь текст в программу
- Вставляем логотип
- Вставляем фото
- Создаем дизайн
- Ставим кнопку
- Обрабатываем фото, ставим ему нужный цветовой режим и профиль
- Ставим на старое место
3. Прибавляем 1050 px к высоте, это будет новый блок
4. Создаем 2 блок: О студии
4. Создаем 2 блок: О студии
шапка сайта
7. Прибавляем 1050 px к высоте, это будет новый блок
8. Создаем 4 блок: Ваша польза
8. Создаем 4 блок: Ваша польза
ваша польза
- Вставляем весь текст в программу
- Рисуем инфографику
- Создаем дизайн
карты
- Вставляем весь текст в программу
- Вставляем фото
- Создаем дизайн
- Обрабатываем фото, ставим ему нужный цветовой режим и профиль
- Вставляем на старое место
- Создаем кнопки «узнать цену»
9. Прибавляем 1050 px к высоте, это будет новый блок
10. Создаем 5 блок: Заявка и футер
10. Создаем 5 блок: Заявка и футер
Заявка и футер
- Вставляем весь текст в программу
- Вставляем фото
- Вставляем логотип
- Вставляем иконки онлайн-магазинов
- Создаем дизайн
- Обрабатываем фото, ставим ему нужный цветовой режим и профиль
- Вставляем на старое место
- Создаем кнопку «Оставить заказ»
Сохранение
1. Сохраняем рабочий файл ( файл - сохранить локально )
2. Экспортируем один файл в формате png ( файл - экспорт - всем монтажные области )
2. Экспортируем один файл в формате png ( файл - экспорт - всем монтажные области )
