Модульная сетка Важность информационной архитектуры (ИА)

Модульная сетка

Важность информационной архитектуры (ИА) при разработке Веб-сайта ИА - оптимизация поисковой программы на вашем сайте с целью помочь посетителям быстрее найти то, что им нужно, является информационной архитектурой. Визуальная архитектура (presentation architecture), т. е. то, как информация, взятая из ИА, будет показана. Дизайнеры и дизайнеры интерфейсов используют диаграммы (отражение ИА), чтобы определить количество типов страниц с уникальным дизайном, а так же для того, чтобы получить общее представление о системе навигации и требованиях к интерфейсу.

Форматы изображения

Равновесие формы — состояние, при котором все элементы сбалансированы между собой, — вызывает ощущение покоя и уверенности. Равновесие безусловно в композициях с вертикальной осью симметрии (рис. А). Более сложным и интересным способом оно достигается при асимметричной компоновке элементов (рис Б). А Б

Равновесие Композиционное равновесие может быть: • устойчивым, статичным; • отличаться внутренней динамикой.

Различные виды симметрии обладают различным воздействием на эстетическое чувство: • зеркальная симметрия - равновесие, покой; • винтовая симметрия вызывает ощущение движения. Зеркальная, винтовая, центральная, по сдвигу

Контраст

Контраст и ньюанс

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

Предпочтительные числа «Предпочтительные числа» - ряд чисел геометрической прогрессии, где каждое последующее число образуется умножением предыдущего числа на какую- нибудь постоянную величину. Они обеспечивают ритмическое развитие формы. • Используют «итальянские ряды» , в основе которых лежат первые числа ряда Фибоначчи - 2, 3, 5. Каждое из этих чисел, удваиваясь, составляет ряд чисел, 2, 3, 5 гармонически связанных между собой: • 2 - 4, 8, 16, 32, 64, и т. д. • 3 -. 6, 12, 24 48, 96 • 5 - 10, 20, 40, 80, 160 5 Пропорционирование связано с понятиями соразмерности и меры. Одним из способов соизмерения целого и его частей является модуль. Модуль - размер или элемент, повторяющийся неоднократно в целом и его частях. Модуль (лат. ) Модуль означает – мера, единица измерения.

Варианты деления прямоугольника на основе Модулора

Пример пропорционирования

Восприятие человеком информации Активные направления Пассивные направления Движение взгляда по листу бумаги

Траектория движения взгляда при рассматривании профиля Нефертити

Пример рисунков с резкими изломами линий

Цветовой круг Гете

В табл. приведены усредненные показатели сочетаний основных цветов, влияющих на четкость шрифта и его удобочитаемость (ухудшение направлено сверху вниз). Таблица. Сочетание цвета шрифта и фона Шрифт Фон Шрифт Фон Черный Желтый Белый Красный Зеленый Белый Зеленый Красный Белый Черный Синий Белый Красный Желтый Белый Синий Зеленый Красный Черный Белый Красный Зеленый Желтый Черный

Задачи сетки: 1. Ускорение работы Мы не тратим лишнего времени на поиск геометрического места элемента в макете. К тому же имеем обоснования в размещении элементов. 2. Сбалансированность и пропорциональность Элементы в макете соизмеримы и пропорциональны между собой. Мы можем обосновать размеры блоков, кегль и проч. 3. Ускорение и шаблонирование, единообразность элементов Разработав сетку, мы делаем основу для решений на будущее. Кафедра Информатики Лекции "Основы 22. 01. 2018 20 компьютерного дизайна"

Пример гармоничного единства

Зрительные центры

Колоночная сетка В этом примере расстояние между направляющими одинаковое. Естественно, это частный случай, колонки не обязаны быть равной ширины.

Колоночная сетка

Модульная сетка

Модули и макет сайта

Выравнивание текста и графики

Спасибо за внимание!