Page 167 - Tomal_Rafal_-_Osnovy_Web-Dizayna_-_2015

Разработка домашней страницы
Проект

Я обычно начинаю создание макета с разработки

домашней страницы. Домашняя страница определенно

является самой важной страницей. Это первая страница,

которую видят посетители вашего сайта. Вам нужно

произвести хорошее впечатление на них. В целом у вас

есть всего несколько секунд на привлечение их внимания,

прежде чем они покинут ваш сайт.

Я так же обнаружил, что если я начинаю показывать свой дизайн клиентам с домашней

страницы, то это производит на них очень позитивный эффект. Обычно они шокированы
привлекательностью первой страницы. Это помогает мне гораздо проще представлять
остальной дизайн.

Домашняя страница чаще всего имеет немного отличающийся дизайн разметки, чем у
остального сайта. Довольно часто она больше похожа на лэндинг пэйдж (кстати, это и есть
ваша лэндинг пэйдж!) и нынешний тренд состоит в том, что создаются страницы, контент

которых располагается по вертикали. Мы уже распланировали то, как у нас будет идти
контент и весь макет в целом, в предыдущей главе. Теперь пришло время сделать так, чтобы
он выглядел лучше и принять финальные решения.

Давайте приступим и посмотрим, как все это выглядит на практике!

Аналогично разработке прототипов, я начал с копирования стартового шаблона в
Шаг 1
Photoshop в новую папку, в которой я буду хранить все свои PSD-файлы. Я назову этот файл

“ProjectName-Home.psd”. Я так же открою домашнюю страницу с прототипами. Так я смогу
ссылаться на них. Полезно печатать прототип на бумагу. Так перед вами будет лежать
реальная копия вашего прототипа и вам не нужно будет «прыгать» между окнами.

Я открыл копию стартового шаблона и выбрал папку со слоями для того, чтобы подготовить
файл для контента моей домашней страницы. Смотря на прототип домашней страницы, я
знаю какой именно разделы я буду прорабатывать, так что я могу изменять папку слоев на

вот эту:

www.trk.kg