World1000 - Главные элементы web-дизайна
Баннерная сеть

Личный кабинет

Имя

Пароль

Запомнить меня


Забыли пароль?
Зарегистрироваться

  2008-11-04 11:46
Набор шрифтов Хотя почти всегда дизайн опирается только на один шрифт, что вполне понятно, бывают и исключения, когда местный дизайнер, перенося 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"><B> или <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-дизайне является фон. Он может состоять либо из монотонного цвета, либо из сложного рисунка; хотя картинка может быть и очень простой, тем не менее она должна загрузится (и далеко не всегда первой). Конечно, главным (и к сожалению единственным) преимуществом графического фона является его "красочность", "изощренность"... В противовес этому - необходимость скачивать этот рисунок и появляющуюся "несолидность" у сайта: так как общепринято, что у страниц фон должен быть монотонным, то есть состоять просто из цвета. Примером могут послужить все самые известные сайты... В этом разделе существует единственное правило - фон должен быть подложкой, на втором плане, а не центром внимания пользователя; поэтому выбирайте не сочные цвета, близкие к прозрачным.



Сочетание цветов



Пожалуй, это самый важный этап, которым, к сожалению, многие пренебрегают. Очень часто среди начинающихся проектов можно увидеть совершенно дикие сочетания цветов: например, темно-красный на черном или наоборот, салатовый на ярко-красном и т.д. Вообще, таких сочетаний громадное множество, всех их не упомнишь. Надо знать правило, с помощью которого таковые не должны появляться у вас: Каждый цвет отдельных объектов, фон страницы, таблиц и ячеек, не должны "перебивать" информацию - пользователь не должен обращать внимание на дизайн сайта, это должно происходить само собой.
Быстрый переход
  • Company
  • Overview
  • Facts and Figures
  • Why Us
  • Testimonials
  • Careers
  • Capabilities
  • Technology Centers
  • Microsoft .NET
  • Java EE
  • PHP
  • AJAX
  • Skill Set
  • Domain Expertise
  • Web 2.0
  • Rich Internet Applications
  • Business Continuity
  • Quality Management
  • Methodology
  • Services
  • Advanced Web Development
  • Web Application Development
  • Web and Enterprise Portal Development
  • Website Design and Development
  • Web-based Database Programming
  • Web-enabling Legacy Applications
  • Opensource Software Customization
  • Business Application Development
  • Content and Document Management
  • Secure Intranets / Extranets
  • Customer Relationship Management
  • Workflow Management
  • Supply Chain Management
  • Interactive Learning
  • Independent QA and Testing
  • Application Security Consulting
  • Graphic Design / Multimedia
  • Maintenance and Support
  • Outsourcing
  • Outsourcing Overview
  • Dedicated Teams
  • Security and IP Protection
  • Engagement Models
  • Portfolio
  • By Business Domain
  • Corporate / Info Websites
  • Communities and Networks
  • B2B / B2C Internet Portals
  • Retail / Ecommerce
  • Media Distribution
  • Workflow Management
  • Customer Management
  • Enterprise Collaboration
  • Supply Chain Management
  • eLearning / Online Training
  • By Technology Focus
  • Microsoft .NET
  • Java EE
  • PHP
  • By Solution Type
  • Websites
  • Web Applications
  • Enterprise Solutions
  • Contact
  • Contact Form
  • Get Free Evaluation
  • Call Me Back
  • Contact Info
  • Map