Beauty – ретушь для начинающих при помощи Photoshop.

Beauty – ретушь для начинающих при помощи Photoshop.

Эффект голограммы на фотографии.

Эффект голограммы на фотографии.

Создание портрета при помощи шрифтов.

Создание портрета при помощи шрифтов.

Создаем красивую оригинальную шапку для блога.

Создаем красивую оригинальную шапку для блога.

Необычный эффект глаз при помощи Photoshop.

Необычный эффект глаз при помощи Photoshop.

Создаем макет сайта о звездах и знаменитостях.

Создаем макет сайта о звездах и знаменитостях.

Создание текстового логотипа в стиле Ретро при помощи фотошоп.

Создание текстового логотипа в стиле Ретро при помощи фотошоп.

Урок ретуши фото. Создаем потрясающий портрет в Photoshop.

Урок ретуши фото. Создаем потрясающий портрет в Photoshop.

Урок по созданию летнего водного макета сайта в Photoshop.

Урок по созданию летнего водного макета сайта в Photoshop.

Урок по созданию футуристического логотипа в фотошоп.

Урок по созданию футуристического логотипа в фотошоп.

Создаем дизайн телефона на Android в Photoshop.

Создаем дизайн телефона на Android в Photoshop.

Создание макета сайта в стиле минимализма.

Создание макета сайта в стиле минимализма.

Как создать пиксельную кнопку в фотошопе

Как создать пиксельную кнопку в фотошопе

Создаем макет сайта для службы знакомств.

Создаем макет сайта для службы знакомств.

Создание RSS иконки.

Создание RSS иконки.

Урок по созданию простого  и современного  макета для сайта.

Урок по созданию простого и современного макета для сайта.

Графика для сайта.  Рисуем иконку на сайт.

Графика для сайта. Рисуем иконку на сайт.

Урок по созданию зимнего текста.

Урок по созданию зимнего текста.

Урок по созданию красивого новогоднего макета в фотошоп.

Урок по созданию красивого новогоднего макета в фотошоп.

Псевдо HDR.

Псевдо HDR.

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

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

Создание эффекта рисунка на фотографии.

Создание эффекта рисунка на фотографии.

Создаем макет сайта, продающий програмное обеспечение.

Создаем макет сайта, продающий програмное обеспечение.

Урок по созданию макета сайта-портфолио при помощи текстуры "джинс".

Урок по созданию макета сайта-портфолио при помощи текстуры "джинс".

Урок по созданию макета сайта для гостиниц и ресторанов.

Урок по созданию макета сайта для гостиниц и ресторанов.

Создаем креативный макет для продажи косметических средств с помошью Photoshop.

Создаем креативный макет для продажи косметических средств с помошью Photoshop.

Урок по созданию фотореалистичного макета сайта для его дальнейшей верстки CSS/XTML.

Урок по созданию фотореалистичного макета сайта для его дальнейшей верстки CSS/XTML.

Урок по созданию яркого красочного дизайна сайта.

Урок по созданию яркого красочного дизайна сайта.

Создание простого и стильного макета сайта.

Создание простого и стильного макета сайта.

Создаем макет блога в фотошоп.

Создаем макет блога в фотошоп.

Создаем оригинальный чистый стиль для сайта.

Создаем оригинальный чистый стиль для сайта.

Создаем профессиональную панель навигации для сайта.

Создаем профессиональную панель навигации для сайта.

Рисуем милую девчушку-смайл.

Рисуем милую девчушку-смайл.

Урок по рисованию прохлаждающегося солнца.

Урок по рисованию прохлаждающегося солнца.

Фантастический эффект фотографии.

Фантастический эффект фотографии.

Создание приятного макета сайта портфолио.

Создание приятного макета сайта портфолио.

Создание макета сайта для портфолио в стиле Веб 2.0

Создание макета сайта для портфолио в стиле Веб 2.0

Урок по созданию стильного рекламного банера с помошью Photoshop.

Урок по созданию стильного рекламного банера с помошью Photoshop.

Урок по созданию профессионального бизнес-шаблона сайта с помощью фотошоп.

Урок по созданию профессионального бизнес-шаблона сайта с помощью фотошоп.

Урок рисования реалистичного динамика.

Урок рисования реалистичного динамика.

Создаем стильный коллаж.

Создаем стильный коллаж.

Урок по созданию макета дизайна сайта в стиле Веб 2.0

Урок по созданию макета дизайна сайта в стиле Веб 2.0

Урок создание эффекта металлического текста

Урок создание эффекта металлического текста

Небесный коллаж

Небесный коллаж

Информационный дизайн.

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

 

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


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


Чтобы создать сайт  с информационным дизайном необходимо следовать некоторым правилам:


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


2. Если можно обойтись без картинки давайте обойдемся.
Поскольку на сайтах с информационным дизайном преобладает большое количество информации, не стоит перегружать их еще огромным количеством иллюстраций.  Думаю будет достаточно если какое то количество информации будет выделяться заголовками. Заголовки должны разделяться по важности информации. Чем важнее новость тем крупнее должен быть заголовок.


3. Иллюстрации в информационном дизайне должны быть "говорящими".
Иллюстрация всегда давать нам дополнительную информацию и должна отображать суть текста. Если какая либо публикация не вызывает никаких ярких образов, то соответственно и изображение к ней не нужно.

Примеры сайтов, выполненных в стиле информационного дизайна.

Сайт Альфа-банк.

Сайт портала новостей Лента Ру.

AddThis Social Bookmark Button
 

Добавить комментарий


Защитный код
Обновить

поиск
RSS
Несколько полезных ссылок веб-дизайнерам.

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

кол-во просмотров4644
Подробнее...

Структура сайта. Как создать прочный каркас для сайта.

Структура сайта - то его внутренний каркас, который далеко не всегда видно, но который помогает пользователю найти необходимую информацию.Когда создается...

кол-во просмотров5368
Подробнее...

Анализ аудитории сайта.

  На сайт ежедневно идет определенной количество новых  посетителей. Одни  находят вас через поисковики, другие переходят через соц. сети, твиттер, форумы....

кол-во просмотров8099
Подробнее...

5 способов уменьшить показатель отказов на сайте.

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

кол-во просмотров7536
Подробнее...

Стили сайтов. Промостиль.

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

кол-во просмотров4547
Подробнее...