Russian (CIS)Ukrainian (UA)

Шаблон для сайта

Сделаем макет?

Когда вы начинаете искать идеи и разрабатывать дизайн вашего сайта, то лучшими товарищами в планировании и создании эскиза макета могут выступить старые добрые карандаш и бумага.

Стоит помнить, что страницы должны быть основаны на сетке, с местами, выделенными для навигации, верхними и нижними колонтитулами, основным текстом и любыми другими элементами, которые будут повторяться. Этот очерк будет служить образцом для появления его на свет и не должен меняться кардинальным образом, по мере перехода от страницы к странице.

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

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

Создание сайта - Как выбрать шаблон layout для сайта

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

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

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

Создание сайта - Как выбрать шаблон layout для сайта

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

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

Дизайн просто обязан быть функциональным!

Многие люди, когда работают над дизайном для сайта, подходят к этому к нему, как будто они создают произведение искусства. Часто существует огромный соблазн добавить побольше "эдакого" в разработке графики, Flash и так далее.

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

На первом плане для вас должны быть только две вещи:
  • Ваши ПосетителиВ большинстве случаев они хотят получать информацию, и они хотят этого здесь и сейчас. Каким великолепным ни был бы ваш сайт, это не будет играть никакого значения для них до тех пор, пока он загружается быстро, выглядит достаточно привлекательно и позволяет легко пользователю оценить его полезность для них. Общий принцип таков, что вы потеряете около одной трети ваших потенциальных посетителей, если он загружается дольше чем 10 секунд.
  • ПоисковикиМногие функции, упомянутые выше, могут стать блоком для поисковых систем индексирования вашего сайта. Поэтому, во время проектировки всегда спрашивайте себя, какое влияние все, что вы планируете относительно сайта, будет иметь на удовлетворенность ваших посетителей и потенциал поисковых машин, чтобы эффективно индексировать каждую, кропотливо созданную вами страницу.

Мы рады помочь вам в создании вашего сайта!

Для написания статьи использовались следующие материалы:

Леонтьев В.П. "Интернет. Курс начинающего вебмастера"
Callahan C. A. "Mastering Windows SharePoint Services 3.0" 
Katherine Nolan "OutFront.net"
Сырых Ю.А. "Современный веб-дизайн"

 

 

Добавить комментарий


Защитный код
Обновить