Блок 1. ВАМ ЭТО ЗНАКОМО?
- Видео-урок #1. Активируем фонтан идей
Нежданный кризис идей…
Бывало ли у вас такое - Вы садитесь за компьютер, открываете фотошоп, тупо пялитесь в монитор минут десять и понимаете что нефига не можете придумать ни одной идеи? Даже самой убогой…
Почему в тот момент когда вы только сели, мозг как будто отключился, голова полностью пустая, нет ни одной мысли, хотя до этого вам казалось что у вас их миллион. И вы не знаете что делать и как быть.
А если это ещё и платный заказ, то вас начинает трясти от злости и волнения что вы не справитесь. Ваши мечты о хорошем заработке на фрилансе начинают рушиться как карточный дом.
Я прошел этот путь. Я был в этой ситуации десятки раз. И к счастью, мне удалось найти несколько простых, но весьма эффективных способов генерации супер-идей от которых у вас будут гореть глаза и чесаться ручонки.
Когда вы узнаете эти способы – вы будете ощущать себя фонтаном идей. Этот способ проверен не только мной, но и тысячами моих клиентов. Он работает у каждого – 100%
Об этих способах вы узнаете из первого урока курса "Мастер веб-дизайна 2.0.”
- Видео-урок #2. Рисуем простой и понятный прототип сайта
Многократная перерисовка дизайна и потерять кучи времени…
Бывало ли у вас такое – вы придумали классную идею, начали рисовать дизайн, шапку, меню, различные блоки. Но все время вам приходиться перепрыгивать с одного блока на другой, что-то переставляться местами, менять размер, цвет – в общем тратить кучу времени на совершенно ненужные по сути действия? И самое обидное, что обычно не понимаешь почему так происходит.
Ещё хуже если вы делаете дизайн на заказ – доделали его, показали заказчику, а ему он совершенно не понравился. Этого всего можно избежать если перед тем как вы приступите к прорисовке дизайна сначала нарисуете макет сайта на листочке с бумагой или на компьютере. В курсе вы найдете несколько способов как быстро рисовать макеты и экономить кучу времени на разработку всего дизайна.
- Видео-урок #3. Модульные сетки и направляющие
Хаос…
Знакомо вам такое ощущение, что вы нарисовали вроде бы крутой дизайн, но смотрите на него и понимаете что что-то тут не так. Блоки контента, иллюстрации, меню - всё находится в каком-то хаотичном состоянии.
Нет четкой, единой структуры как на профессиональных дизайнах. Вы хотите чтобы все выглядело идеально, было выровнено по линеечке, но просто не знает как грамотно все это сделать, с помощью каких инструментов это делается.
Я тоже очень долго рисовал такие сайты и мне казалось что все отлично. Но как только я внедрил некоторые фишки, то сразу понял что раньше были совершенно "детские” работы, которые сейчас стыдно показывать :)
Пройдя курс "Мастер веб-дизайн 2.0.” вы научитесь из хаоса создавать порядок как в армии, с помощью направляющих и модульных сеток.
- Видео-урок #4. Типографика – как стать повелителем текста
Хрен прочтешь…
Наверняка свои первые сайты вы делали также как и я - практически из одних картинок. А если там и был текст, то уж точно он был нестандартным – с разными завитушками, каким-нибудь готическим стилем и т.п. Вам все нравилось, вы были в экстазе, но вот кроме вас прочитать и понять текст не мог никто. Вы сильно обижались и думали что человек ничего не понимает в дизайне:)
Через это проходит каждый веб-дизайнер, и с опытом понимаешь что все люди разные и что текст – это то, зачем приходят люди на сайт (нужная им информация) и основная задача веб-дизайнера – представить эту информацию максимально удобно для посетителя, а не на наоборот – усложнить ему жизнь, чтобы он поломал себе глаза:)
В курсе "Мастер веб-дизайна” вы узнаете какие шрифты, каких размеров, каких цветов использовать для разной аудитории и на разных сайтах. Как сделать текст максимально легко читаемым даже для тех, у кого плохо со зрением. Это важная часть веб-дизайна, которой я уделил много времени и рассказал о некоторых фишках, которые вы не найдете в интернете…
- Видео-урок #5. Прорисовка элементов сайта
Дизайн а-ля 90-х…
Бывало ли у вас такое, что вы нарисовали сайт, вложили в него всю душу – а заказчику или друзьям он совершенно не понравился. Точнее они обычно говорят "ну…нормально…” Но вы-то понимаете что что-то тут не так, работа не удалась.
И когда вы просите описать что не нравится – вы понимаете что люди не могут отличить блок с контентом от картинки, меню от кнопки и т.д. Т.е. вы нарисовали красиво – но совершенно не привычно для обычного человека. Либо нарисовали ориентируясь на старые работы, а сейчас уже все перешли на новый стиль дизайна.
Из курса вы узнаете как правильно прорисовывать различные элементы сайта: шапки, меню, блоки с контентом, слайдеры, кнопки, подвалы и т.п. – чтобы все смотрелось гармонично и было на своих местах, чтобы люди всегда находили их с первого взгляда.
- Видео-урок #6. Колористика
Миллион цветов на сайте – это круто…
Да-да, именно так считает каждый новоиспеченный веб-дизайнер. Ведь хочется показать всему миру какой ты талантливый, как ты умеешь красиво все оформлять, при этом напрочь забываешь что люди приходят на сайт за информацией, а не понять насколько крут его создатель.
Бывало ли у вас такое, что вы заходите на сайт и у вас рябит в глазах, вы не можете ничего прочитать из-за обилия контрастных цветов?
Я совершал много раз эту ошибку прежде чем научился подбирать сначала интуитивно, а потом осознанно гармоничные цветовые схемы.
Для себя я придумал несколько очень простых, но невероятно действенных схем подбора цветов, которые сейчас активно используют мои ученики и у всех это работает. Об этих секретных приемах вы узнаете в курсе "Мастер веб-дизайна 2.0.”, эту информацию вы не найдете в свободном доступе.
- Видео-урок #7. Фотобанки и микростоки
Зачем покупать, когда можно скачать…
Бывало ли у вас такое, что вы нарисовали красивый дизайн – кнопки, блоки с контентом, менюшки и т.п., но одна единственная иллюстрация в плохом качестве портит весь дизайн?
Или может быть бывает у вас такое, что вам достанутся исходники в ужасном качестве (обычно их дают заказчики и настаивают чтобы были именно они) и вы 90% времени тратите на их обработку, чтобы привести в более-менее приличный вид?
Пройдя курс, вы научитесь быстро и легко находить дешевую качественную графику для ваших дизайнов на фотобанках. Более того, если вы приобретете вариант курса "Профи”, то получите всю мою коллекцию графики на 15 тыс. руб. в подарок.
Думаю вы понимаете что вместо того чтобы весь день обрабатывать картинку, проще купить точно такую же за 30-50 руб, сэкономить 6-8 часов работы и заработать на этом гораздо больше денег.
- Видео-урок #8. Базовые принципы обработки графики
Графика, которую хочется лизнуть…
Бывало ли у вас такое чувство, когда вы заходите на красивый сайт -у вас появляется желание лизнуть монитор, потому что так сочно и вкусно выглядит графика. От неё просто невозможно оторваться.
Но к сожалению чаще у начинающего веб-дизайнера получается совсем всё наоборот – когда видишь его сайт, хочется взять стикер и заклеить иллюстрацию на мониторе, чтобы сайт стал хоть чуть-чуть лучше.
Что бы у вас получалась вкусная графика, а не всякая "бяка”, в курсе "Мастер веб-дизайн 2.0.” вы получите пошаговый план обработки любой графики, применив которую, вы конечно не сделаете из говна конфетку, но в целом дизайн будет вызывать приятные эмоции.
- Видео-урок #9. Интерактивный веб-дизайн
Мертвый сайт…
Посещали ли вы такие сайты, на которых ощущаешь что как будто-то время остановилось, сайт умер, на нем нет жизни и ничего не происходит?
Почему появляется такое ощущение? А потому что нет взаимодействия сайта с посетителем. При наведении мышки на кнопки, меню, ссылки, картинки – все остается таким же как и было, а должно менять цвет, форму, жирность и т.д.
Т.е. показывать человеку что элемент сайта стал активным. И это задача – веб-дизайнера. Потому что если мы её не выполним, верстальщик сам это не додумает и сверстает "мертвый” сайт.
Пройдя курс вы узнаете какие элементы и как нужно проработать, чтобы оживить сайт и вдохнуть в него жизнь.
- Видео-урок #10. Юзабилити
Где это чертово меню?...
Попадались ли вам такие сайты где, например, вы не понимаете как заказать билеты в кино, как загрузить фото на сайт, не видите где корзина в интернет-магазине, не понимаете как оформить заказ или скачать книгу?
Складывается такое ощущение, что владельцу сайта на вас просто на**ать, ему все равно – найдете вы нужную информацию или нет. Хотя часто с виду такие сайты очень красивые, но к сожалению неудобные.
Цель всего веб-дизайна – сделать дизайн таким, чтобы посетитель не замечал его вообще, а за пару секунд находил нужную ему информацию. Как строить удобные сайты по кирпичикам вы увидите в курсе "Мастер веб-дизайна 2.0.”
Блок 2. ВАЖНЫЕ МЕЛОЧИ ЖИЗНИ ВЕБ-ДИЗАЙНЕРА
- Видео-урок #1. Правило золотого сечения в веб-дизайне
По этому правилу построена вся наша вселенная, вся природа подчиняется этим законам. Из этого урока вы узнаете как сделать дизайн гармоничным и сбалансированным.
- Видео-урок #2. Психология человека
Психология человека
Из этого видео-урока вы узнаете как управлять вниманием человека с помощью цвета, форм, размеров, текста, графики, освещения и прочих элементов.
Вы узнаете как сделать так, чтобы человек неосознанно делал то, что вам нужно (точнее вашему заказчику) – кликал на кнопку заказа, заполнял контактную форму, переходил по нужной ссылке, скачивал книгу и т.п.
- Видео-урок #3. Тренды в веб-дизайне
В этом видео-уроке вы узнаете о трендах в веб-дизайне на ближайшие 2-3 года. Если вы планируете работать на фрилансе или в веб-студии, то вам это информация нужна как воздух, потому что кто первый понимает тренды и занимает лидирующее место в нише – то зарабатывает максимум денег, зачастую в десятки, сотни раз больше людей которые делают тоже самое.
Если вы хотите сделать веб-дизайн частью своей жизни, своей профессией – то это видео поможет скорректировать ваши дальнейшие планы по развитию и работе.
- Видео-урок #4. Как развить хороший вкус
Проблема большинства начинающих веб-дизайнеров в том, что они умеют делать крутые спец.эффекты в фотошопе, но у них отсутствует вкус, они не могут сделать целостную, гармоничную композицию, которая будет цеплять.
Фишками в фотошопе уже лет десять как никого не удивишь, а о том как развить хороший вкус дизайнеру в рунете информации практически нет. На собственно опыте и опыте моих учеников я выявил очень простую формулу, которую кстати говоря использую в художественных школах.
Она позволяет без особых усилий в течении пары месяцев выработать хороший вкус даже человеку, в которого никто не верил и которого все считали полной бездарностью. В этом уроке я поделюсь с вами этой технологией.
- Видео-урок #5. Правила хорошего тона веб-дизайнера.
Из этого урока вы узнаете о правилах хорошего тона веб-дизайнера, которые позволят во первых вам – сэкономить немного времени и заработать чуть больше денег, во вторых выстроить отличные отношения со своими коллегами.
Если вы хотите чтобы вас рекомендовали своим клиентам верстальщики, программисты, контент-менеджеры– то вы должны знать и применять эти простые правила при разработке дизайнов.
Блок 3. ПРАКТИКА. ЭЛЕМЕНТЫ САЙТА
Анализируя свою работу, то как работают мои ученики и то, кто добивается успеха - я пришел к выводу что большая часть успешных веб-дизайнеров рисует дизайн сайта по частям, прорабатывая каждую мелочь. Именно фокусировка на одной небольшой части и пошаговая схема работы отличается успешных веб-дизайнеров от неудачников.
Именно поэтому весь курс разделён на мелкие составные части, тоже самое касается и практической части – я выделили основные элементы сайта, и показал их разработку в нескольких вариантах и в разных стилях: web 2.0., тех.дизайн, flat, минимализм. Итак поехали…
- Видео-урок #1. Рисуем кнопки в разных стилях
- Видео-урок #2. Рисуем менюшки в разных стилях
- Видео-урок #3. Рисуем блоки с контентом
- Видео-урок #4. Рисуем формы регистраций
Блок 4. ПРАКТИКА. РИСУЕМ ПОЛНОЦЕННЫЙ САЙТЫ
- Промо сайт. Стиль: web 2.0.
- Интернет-магизин одежды. Стиль: минимализм
- Landing Page. Стиль: Flat
