ДиасПро - Главные элементы web-дизайна

Смотрите также


    Набор шрифтов Хотя почти всегда дизайн опирается только на один шрифт, что вполне понятно, бывают и исключения, когда местный дизайнер, перенося Word'ошный стиль оформления, использует множество шрифтов: начиная с Times New Roman и заканчивая таким как Verdana. Каждому web-мастеру понятно, что смешение шрифтов очень опасно и нежелательно, главным образом из-за того, что это многообразие не выделяет нужную информацию, как хотелось бы, зато опытному глазу режет глаза, когда смешивают рубленый и плавный шрифт (например, Times и Arial). Размер шрифтов Как вы знаете размер шрифта можно указывать в пунктах и пикселях (только через CSS). Во втором случае можно указать точный размер независимо от настроек броузера (крупный, средний, мелкий). Обычно с размером проблем не возникает: - для обычного текста и какой-то размер для заголовков. Фон страниц Одним из самых важных элементов дизайна 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. Размер шрифтов Если вы используете размер в пунктах, то допустимы следующие варианты: - для комментариев - для обычного текста или - для крупных заголовков - для средних заголовков Если вы используете размер в пикселях, то есть через 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-дизайне является фон. Он может состоять либо из монотонного цвета, либо из сложного рисунка; хотя картинка может быть и очень простой, тем не менее она должна загрузится (и далеко не всегда первой). Конечно, главным (и к сожалению единственным) преимуществом графического фона является его "красочность", "изощренность"... В противовес этому - необходимость скачивать этот рисунок и появляющуюся "несолидность" у сайта: так как общепринято, что у страниц фон должен быть монотонным, то есть состоять просто из цвета. Примером могут послужить все самые известные сайты... В этом разделе существует единственное правило - фон должен быть подложкой, на втором плане, а не центром внимания пользователя; поэтому выбирайте не сочные цвета, близкие к прозрачным. Сочетание цветов Пожалуй, это самый важный этап, которым, к сожалению, многие пренебрегают. Очень часто среди начинающихся проектов можно увидеть совершенно дикие сочетания цветов: например, темно-красный на черном или наоборот, салатовый на ярко-красном и т.д. Вообще, таких сочетаний громадное множество, всех их не упомнишь. Надо знать правило, с помощью которого таковые не должны появляться у вас: Каждый цвет отдельных объектов, фон страницы, таблиц и ячеек, не должны "перебивать" информацию - пользователь не должен обращать внимание на дизайн сайта, это должно происходить само собой.
    Пока комментариев нет
    Разместил: Maggot   Дата: 2008-11-04 11:46

    ДиасПро - Высокоскоростной домашний интернет