Предисловие
Сначала давайте вспомним все элементы дизайна, с
помощью которых сайту придается нужный характер.
Если все параметры кроме одного-двух уже настоены,
то не составит труда подобрать оставшиеся. Но вот,
если приходиться делать дизайн с пустой страницы, то
чрезвычайно трудно выбрать из множества параметров
дизайна нужные. Именно эта способность отличает
профессионального дизайнера, любителя и начинающего.
Набор шрифтов |
Хотя почти всегда дизайн
опирается только на один шрифт, что вполне
понятно, бывают и исключения, когда местный
дизайнер, перенося Word'ошный стиль
оформления, использует множество шрифтов:
начиная с Times New Roman и заканчивая таким
как Verdana. Каждому web-мастеру понятно,
что смешение шрифтов очень опастно и
нежелательно, главным образом из-за того,
что это многообразие не выделяет нужную
информацию, как хотелось бы, зато опытному
глазу режит глаза, когда смешивают рубленый
и плавный шрифты (например, Times и Arial). |
Размер
шрифтов |
Как вы знаете размер
шрифта можно указывать в пунктах и пикселях
(только через CSS). Во втором случае можно
указать точный размер независимо от настроек
броузера (крупный, средний, мелкий). Обычно
с размером проблем не возникает: <Font Face="Tahoma"
Size="2"> - для обычного текста и какой-то
размер для заголовков. |
Фон
страниц |
Одним из самых важных
элементов дизайна HTML является фон или
картинка страниц сайта. Понятно, что разница
между темно-синим и белым фоном очевидна,
однако бывают фоны, которые близки по
html-коду, но вызывают самые разные
ассоциации. |
Цвет
объектов |
Каждому видимому объекту
можно задать цвет, который обязан сочетаться
с общим дизайном. Понятно, что сразу
появляются ряд ограничений сочетания цветов.
В этой ситуации самое простое - использовать
серые оттенки. |
Набор шрифтов
Когда вы собираетесь сделать какой-либо дизайн,
точнее первую страницу вашего сайта, вы
задумываетесь о всех компонентах в отдельности и об
их сочитаемости. Первое, что нужно подобрать с
нужной точностью - набор шрифтов, которые будут
использоваться. Самое главное - использовать
только стандартные шрифты, какими являются:
Times New Roman, Arial, Tahoma, Verdana, Sans-Serif,
Courier New, сейчас в этот список пробивается
еще один - Comic Sans MS. В противном случае,
у пользователя может не быть указанного шрифта, и
броузер будет использовать стандартные: Times New
Roman - для body, Arial - для таблиц.
Конечно, если составить дизайн, вместив все так
называемые стандартные шрифты, то ничего хорошего не
будет. Сразу надо сказать, что все шрифты, в том
числе и вышеупамянутые, делятся на два типа: плавные
и рубленные. Разобъем их на две группы:
Arial, Tahoma, Vardana, Sans-Serif - в
первой; Times New Roman, Courier New
- во второй.
Проверено, что для обычного текста, как в таблице,
так и прямо в body лучше всего использовать
Tahoma или Sans-Serif, а для различных
заголовков подойдет Courier New (жирный) или
Verdana.
Размер шрифтов
Если вы используете размер в пунктах, то допустимы
следующие варианты:
<Font Face="Tahoma,Arial" Size="1"> - для
комментариев
<Font Face="Tahoma,Verdana,Sans-Serif" Size="2">
- для обычного текста
<Font Face="Courier New" Size="5"> или
<Font Face="Verdana,Arial" Size="5"> -
для крупных заголовков
<Font Face="Verdana,Tahoma,Arial" Size="4">
- для средних заголовков
Если вы используете размер в пикселях, то есть через
CSS, то выбирайте из следующего списка:
{font-family: tahoma,verdana; font-size:
11px;} - для комментариев и многочисленного
текста
{font-family: tahoma,verdana,sans-serif;
font-size: 12px;} - для обычного текста
{font-family: courier new; font-size: 45px;}
- для крупных логотипов
{font-family: courier new; font-size: 22px;
font: bold;} - для крупных заголовков
{font-family: verdana,tahoma; font-size:
22px;} - для средних заголовков
{font-family: verdana,tahoma; font-size:
18px;} - для посредственных заголовков
Фон страниц
Кроме выбора настроек шрифтов и выбора картинок,
один из самых важных компонентов в web-дизайне
является фон. Он может состоять либо из монотонного
цвета, либо из сложного рисунка; хотя картинка может
быть и очень простой, тем не менее она должна
загрузится (и далеко не всегда первой). Конечно,
главным (и к сожалению единственным) преимуществом
графического фона является его "красочность",
"изощренность"... В противовес этому - необходимость
скачивать этот рисунок и появляющуюся "несолидность"
у сайта: так как общепринято, что у страниц фон
должен быть монотонным, то есть состоять просто из
цвета. Примером могут послужить все самые известные
сайты... В этом разеделе существует единственное
правило - фон должен быть подложкой, на втором
плане, а не центром внимания пользователя; поэтому
выбирайте несочные цвета, близкие к прозрачным.
Сочетание цветов
Пожалуй, это самый важный этап, которым, к
сожалению, многие пренебрегают. Очень часто среди
начинающихся проектов можно увидеть совершенно дикие
сочетания цветов: например, темно-красный на черном
или наоборот, салатовый на ярко-красном и т.д.
Вообще, таких сочетаний громадное множество, всех их
не упомнишь. Надо знать правило, с помощью которого
таковые не должны появляться у вас: Каждый цвет
отдельных объектов, фон страницы, таблиц и ячеек, не
должны "перебивать" информацию - пользователь не
должен обращать внимание на дизайн сайта, это должно
происходить само собой.
Статьи
|