Программирование - это просто
Advertisement
Главная arrow Дизайн и графика arrow Web-дизайн arrow Основы web-дизайна. Урок 5. Рисуем макет сайта.
01.03.2024 г.
Главное меню
Главная
Интернет магазин
Программные продукты
Биржевые роботы
Искусственный интеллект
Математика и информатика
1С:Предприятие
Уроки C#
Уроки Delphi
Уроки программирования
Web-программирование
Дизайн и графика
Компьютер для блондинок
Исходники
Статьи
Платный раздел
Рассказы про компьютеры
Хитрости и секреты
Системный подход
Размышления
Наука для чайников
Друзья сайта
Excel-это не сложно
Все о финансах
.
Основы web-дизайна. Урок 5. Рисуем макет сайта. Печать E-mail
Автор megabax   
10.11.2013 г.
New Page 1

Основы web-дизайна. Урок 5. Рисуем макет сайта.

Это последний урок из серии "Основы Web-дизайна", публикуемый в бесплатном разделе. Начиная со следующего, публикация уроков будет продолжена в платном разделе. В бесплатном же разделе иногда, возможно, будут опубликованы некоторые отдельные статьи по дизайну сайта.

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

  • Что главное, а что второстепенное, и как это показать.

  • Как правильно расположить блоки.

  • Как сделать сайт удобным для пользователя.

При рисовании  картинок следует использовать сетку, по ней удобно ориентироваться при расположении элементов макета. Размер картинок так же следует выбирать кратным шагу сетки, который вы приняли заранее. Обычно это 20 пикселей.

Начинать макет сайта нужно с выбора модульной сетки. Два стандартных варианта модульной сетки:

вариант 1:

 
   
 

вариант 2:

 
     
 

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

   
     
     

или вот такую:

     
     

В газетном дизайне часто модульные сетки строятся с учетом так называемого "золотого сечения".  Этот же принципа придерживаются художники, скульпторы, архитекторы. Так что же это за чудо формула? Золотое сечение образуется при делении отрезка AC на две части таким образом, что что большая часть AB относится к меньшей части BC так же, как весь отрезок относиться к AB. Иными словами, AB:BC=AC:AB. Это отношение примерно равно 8:5 (или 68:32).

Вот так выглядит это золотое сечение:

   

Теперь давайте нарисуем модульную при помощи этого злотого сечения:

   
 

Существует мнение, что если многократно повторить золотое сечение, в дизайне, то вы добьетесь невиданных успехов. Однако, не следует доходить до фанатизма. Есть и другие, не менее важные задачи.

 

 
Пред. »
 
© 2024 Программирование - это просто
Joomla! - свободное программное обеспечение, распространяемое по лицензии GNU/GPL.
Русская локализация © 2005-2008 Joom.Ru - Русский Дом Joomla!
Design by Mamboteam.com | Powered by Mambobanner.de
Я принимаю Яндекс.Деньги