Привет всем.

26го января 2012 года проводился мастер-класс «Как создать профессиональный веб-дизайн не дожидаясь вдохновения»

Здесь фотоотчет с той встречи.

Видео мастер-класса начинается не сначала, поэтому расскажу с чего я начал.



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

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

Итак программа мастер-класса такая:
1.Цели
2.Скелет
— Идея
— Структура страницы
— Влияние SEO на структуру сайта
3. Одежда
— Модульная сетка
— Цвет
— Форма
— Шрифты
— Ритм

Именно в такой последовательности я приступаю к разработке веб-дизайна. Сначала определяемся с целями, потом проектируем структуру сайта(скелет), потом одеваем этот скелет в красивую одежду.

Первый слайд был такой:


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

Адвокатская фирма. Это визуальный язык который будет говорить на языке понятном клиентам этой фирмы.


Сайт сериала для подростков. Совершенно другой визуальный язык. Если бы так выглядела адвокатская контора, то какие бы к ним приходили клиенты? )

Т.е. этот дизайн ориентирован только на подростковую аудиторию и только на нее. Всем остальным это будет не интересно.

Визуальный язык моды и гламура

Гламур — это мой любимый стиль и поэтому, раньше, по неопытности, я мог в таком стиле сделать например ветеринарную клинику )) Гламурная ветеринарная клиника для гламурных сучек и кобелей ))

Далее был вот такой слайд


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



В пример приводились следующие сайты:

Идея заложенная в структуру сайта
alexandria-dom.com/
studiogang.net/
m-arc.ru/
purejoyfashion.com/
artkazakh.com/gallery

Структура страницы
anbillberry.com/
www.etsy.com/
www.livemaster.ru/uekmrbyf
www.anthropologie.com/anthro/index.jsp
www.honka.ru/



В пример приводился этот сайт atelie42.kz/



Сайт для развития чувства цвета



Вот сайты приведенные в пример «Форма»:
ru.alisee.fr/
www.stevensebring.com/
www.pirelli.com/tyre/ww/en/homepage.html#.T0DrvXmeat8

Вот сайты приведенные в пример «Ритм»:
www.snob.ru/
www.kommersant.ru/daily



Ваши идеи о том как сделать эту статью полезнее, приму в личку.

Похожие статьи:
— Атмосфера и эмоция
— Все познается в сравнении
— Дизайн и Эго