Стильным web-сайт можно считать, когда все страницы сайта имеют дизайн, совпадающий с общей концепцией сайта. Когда пользователь свободно ориентируется в контенте и поиск по сайту выдает страницы в соответствии с запросом. Когда страницы сайта не перегружены тяжелыми пусть даже и красивыми флеш роликами и картинками, которые существенно снижают скорость загрузки, что очень портит впечатление даже о ярких и интересных ресурсах. И так далее…
Стильность web-сайта зависит от некоторых моментов. И так выделим основные из них от которых на прямую зависит на сколько дизайн сайта окажется стильным:
Шрифты — в пределах публикации они должны иметь одинаковые параметры – к ним относится, как гарнитура (внешний вид), кегль (высота в пикселях), цвета;
Абзацы – нужно стараться, чтобы использовался какой-нибудь один из способов выравнивания материалов на странице, к примеру, текст размещался с одинаковым отступом от левого края и таким же выравниванием;
Цветовая схема web-сайта — она начинается с подбора трех основных цветов, которые будут использоваться для написания основного текста, ссылок, ссылок при наведении и посещенных ссылок. Эти свойства задаются в тегах;
Цвета должны в точности повторяться на всех страницах и выглядеть одинаково, в этом особенно помогают таблицы CSS. Цвета ссылок нужно подобрать так, чтобы, с одной стороны, сразу было видно, что это ссылка, а с другой стороны, она бы не перебивала основной текст, мешая восприятию. По поводу ссылок есть два полезных момента: во-первых – не делайте цвет ссылок и посещенных ссылок одинаковым, постарайтесь подобрать цвета хотя бы немного отличающиеся, например сделайте цвета уже посещенных ссылок немного темнее; во-вторых — так уж принято, что подчеркнутый текст в Web обозначает ссылки, поэтому не стоит использовать подчеркнутый текст в основной публикации, используйте любой другой способ. Вы знаете, как иногда неприятно когда, вы пытаетесь по привычки надавить на подчеркнутый текст с целью прочитать больше, а перехода не происходит, т.к. это всего лишь текст.
Основное графический дизайн — оформление сайта — первое, он должен соответствовать в общей цветовой схеме; второе, вы должны реализовать общую концепцию графического оформления. Графические элементы делятся на два основных вида: рисованные и фотореалистичные. Старайтесь не смешивать эти два вида при оформлении сайта. Кроме этого, на сайте могут использоваться фотографии в качестве иллюстраций, то перед размещением обработайте их – сделайте, в случае если необходимо тоновую и цветовую коррекцию, кадрирование, определитесь с оптимальным размером и качеством фото для публикации. И далее используйте данное оформление при оформлении всего сайта. Обязательно пишите осознанные названия к фотографиям в параметре ALT тэга IMG — это улучшит поисковую оптимизацию и позволит посетителям выходить на ваш сайт из поиска картинок и, кроме того, избавит пользователя от ожидания загрузки картинки в случае, если у посетителя медленное соединение и его не интересует данная картинка;
Навигация по сайту — именно она определяет на сколько удобно будет пользоваться вашим сайтом. Всегда размещайте на видном месте ссылку на главную страницу сайта. Также помните, что в основном посетители приходят на ваш сайт из поисковых систем, т.е. не на главную страницу и удобный в использовании сайт должен легко предоставлять возможность перехода на главную страницу. Проще говоря, навигационная система должна размещаться на всех страницах сайта в полном объеме и в одних и тех же местах, чтобы избежать путаницы при просмотре страниц сайта. Если вы используете графическое меню, то нужно сделать ее текстовую копию и поместите например в нижней части сайта, в футере (текст легче графики и загружается быстрее). Э то нужно для того, чтобы пользователь даже со слабым интернет соединением или при отключенном отображении картинок в браузере мог пользоваться вашим сайтом.