Веб дизайн модульная сетка


Веб дизайн модульная сетка


Веб дизайн модульная сетка

Веб дизайн модульная сетка

Веб дизайн модульная сетка

Веб дизайн модульная сетка

Веб дизайн модульная сетка

Веб дизайн модульная сетка

Веб дизайн модульная сетка

Модульная сетка для веб-дизайна - дизайн и интерьер

Веб дизайн модульная сетка

Веб дизайн модульная сетка

Веб дизайн модульная сетка

Веб дизайн модульная сетка

Что такое модульная сетка и для чего она нужна в веб фото и картинки

А рисунки изображаются затемненными блоками или перечеркнутыми прямоугольниками (рис. 4). Рис. 3. Обозначение текста в макетах Рис. 4. Обозначение изображений в макетах Далее эти обозначения будем применять при рассмотрении наиболее распространенных модульных сеток. Одноколонная сетка Текст в одну колонку чаще всего встречается в академическом дизайне, при фиксированном макете и публикации большого текста. Академический дизайн характеризуется минимализмом оформления и даже аскетизмом. Основной упор делается на содержательную часть, а дизайну как таковому практически не уделяется внимания. Преимущественно академический дизайн встречается в научной среде. На рис. 5 показана типичная схема.

Модульная сетка представляет собой набор невидимых направляющих, вдоль которых располагаются элементы веб-страницы. Это облегчает размещение данных в документе, обеспечивает визуальную связь между отдельными блоками и сохраняет преемственность дизайна при переходе от одной страницы к другой. Веб-страница фактически рассматривается как набор прямоугольных блоков, которые выкладываются в определенном порядке. При этом, как правило, данные располагаются по колонкам, поэтому при верстке применяют термин одно-, двух-, трехколонный макет и т.д. Для примера рассмотрим главную страницу сайта m (рис. 1). Рис. 1. Главная страница m Каждый блок этой страницы четко отделен.

Если высота страницы достаточно велика, то блок навигации дублируют внизу или делают ссылку «Наверх которая перемещает к началу документа. Рис. 5. Одноколонная модульная сетка Иллюстрации в тексте встречаются по ходу, при этом текст их обычно обтекает по контуру. При активном применении изображений на сайте удобнее воспользоваться фиксированным макетом, ширина которого точно известна. Тогда рисунки можно готовить заданного размера, которые точно впишутся в макет страницы. Например, главная страница сайта m (рис. 6) основана на макете фиксированной ширины и практически полностью состоит из набора рисунков. Рис. 6. Главная.


Веб дизайн модульная сетка

Веб дизайн модульная сетка



Дата:

Рейтинг:
25