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

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

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

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

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

Стили сайтов. Стиль Веб 2.0

Tags: стили сайтов | уроки web дизайна

web 2.0

 

     Стиль Веб 2.0 многогранен и разнообразен. Существует множество статей на тему "как нарисовать дизайн в стиле Веб 2.0", но это будет несерьезный подход т.к. эти статьи научат вас делать однотипные шаблоны на основе 10-15 визуальных приемов. Эти методы неприемлемы, так как дизайн должен быть уникален, а на стандартном подходе далеко не уедешь.

Вот некоторые черты из стандартного подхода для создания дизайна в стиле Веб 2.0:

-блоки с закругленными углами;

-градиенты пастельных тонов;

-слегка увеличенный размер шрифта;

-шрифт Trebuchet MS для заголовков;

-сочетание розового и голубого цветов в дизайне;

-глянцевые блики на кнопках;

-логотипы, отбрасывающие зеркальное отражение;

      Все эти черты действительно присущие стилю, но если все сделать по рецепту, то максимум что вы получите это глянцевый сайт для девочек 12-15 лет. Будут ли этим сайтом пользоваться серьезные люди? Не факт, если только ваш сайт не будет предоставлять что то настолько уникальное, чему не будет аналогов в интернете.

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

      Итак, теперь рассмотрим визуальные черты Веб 2.0

- облако тегов. Для тех кто не встречал такого облака( а встречаются среди нас и такие люди) приведу пример:

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

-Стремление к разумному минимализму. Стиль Веб 2.0 далеко ушел от традиционного американского бизнес стиля, с его обилием клипартов, больших графических меню и прочего декора. Все ненужное - на слом, "говорит" Веб 2.0

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

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

- Упор на удобство пользования во всем. Это и четкое структурирование содержимого и функциональных блоков, и удобное расположение элементов, и использование подсказок, и выделение крупным кеглем самого важного в тексте.

- Оригинальный, современный, нестандартный логотип. У каждого сайта должен быть логотип, а у сайтов в стиле Веб 2.0они отличаются повышенной "модностью" для данного момента времени.

-Работа с цветом. Цветовые комбинации для сайта Веб 2.0 подобраны тщательно, хотя иногда и нестандартно. Цвет используется для выделения самого главного, а также для придания сайту своего собственного "лица" по которому посетители запомнят его.

- Значки и кнопочки. Для того чтобы посетитель запоминал что где находится, а также для визуального украшения сайта используют значки. Они могут быть разной величины, часто используются нестандартные кнопки, причем ярко окрашенные, но это не касается сайтов, выполненных в стиле минимализма.

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

AddThis Social Bookmark Button
 

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


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

поиск
RSS
Определение ключевых слов.

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

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

Что такое сателлиты?

  Сателлит-это мини сайт, сходный по тематике с основным сайтом и ссылающийся на него. Обычно размер сателлита не превышает 5-50...

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

Изображения на веб-сайте. Форматы.

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

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

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

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

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

Как правильно зарегистрировать сайт.

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

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