Пять шагов к улучшению модульной сетки – шаг 4

Какой ширины должен быть макет? Это всегда горячая и актуальная тема, связанная с техническим софтверным развитием. Мы не останавливаемся на мониторах пользователей с установленным разрешением 1024 пикселей, но для начала попробуем разобраться с ней.

Итак, фиксированная ширина сетки, что это? И как это можно сделать?

Эволюция логотипов

В ознакомительных целях решил выложить отличную иллюстрацию как менялись логотипы корпораций Pepsi и Coca Cola. Ребрендинг не всех касается :)

Пять шагов к улучшению модульной сетки – шаг 3

Третья статья немного отличается от двух предыдущих. В предыдущих записях речь шла о использовании основы для построения сетки пропорции рабочей области (бумаги). Также они более ориентированы на печатную продукцию. К сожалению в веб дизайне нет той точности что есть у печатных издательств – точные размеры, соотношения, пропорции.

Пять шагов к улучшению модульной сетки – шаг 2

В первой части шла речь о использовании пропорции рабочей области (бумаги) для построения простейшей сетки. В этой части речь пойдет о более сложных методах и возможности объединять их.

Пять шагов к улучшению модульной сетки – шаг 1

Первая из пяти частей о модульных сетках в веб-дизайне, мы постараемся перейти от теории к практическому применению их на практике.

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

Иллюстрация в дизайне

Так уже повелось, что в современном дизайне доминирует иллюстрация, а текст, лишь намек или пояснение. Хотя изначальная идея иллюстрации создавать настроение, создание баланса и стилизация.
Нужно всегда определять задачу — если цель сайта информативность, то и оформление должно быть соответствующее.

P.S.
Превью для статьи нарочно не делал :-)

Normal mapping

В 3д графике карты нормалей, или «Dot3 bump mapping» — метод используемый для создания карт выдавливания. Этот метод добавляет деталей без исользования дополнительных полигонов и нагрузки на процессор. Карта использует RGB изображение которые совпадают с координатами X,Y,Z поверхности с более высокой детализацией. Общий принцип заключается в создании карты нормалей для низкополигональной модели из объекта детализированного.

Думайте о цвете

Принцип: Не полагайтесь только на цвет в представлении информации.

Заметки: Около 8% мужчин и 0,5% женщин имеют трудности с восприятием цветов. Большинсво пользователей имеют проблемы с восприятием зеленого спектра.

Parallax mapping

Parallax mapping (так же называемая картой смещения или картой гашения) – карты выдавливания трехмерных поверхности используемых для игр. Суть использования карты лежит в увеличении глубины поверхности без добавления полигонов и уменьшения нагрузки на ресурсы компьютера. Придумал их Tomomichi Kaneko в 2001 году.

Этот метод осуществляется за счет смещения координат поверхности на каждом конкретном полигоне относительно пространства. Под углом создается иллюзия объема поверхности.

Что такое свет — часть 2

Направление света

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