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

От автора: 6 бесплатных видеоуроков покажут Вам, как нарисовать обалденный дизайн сайта с нуля. Если сейчас у Вас найдётся 5 минут, то через 2 часа вы будете прыгать от радости, создав свой первый профессиональный дизайн!

Урок 1. Разметка макета.

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

Урок 2. Рисуем логотип и меню.

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

Урок 3. Начало работы над композицией.

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

Урок 4. Добавляем деталей в композицию.

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

Урок 5. Доводим композицию до совершенства.

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

Урок 6. Работаем над контентом и подвалом.

В этом уроке Вы нарисуете легко читаемый контент и простой, информативный футер. Здесь мы будет придерживаться принципа – «простота – залог успеха».

Ваши пожелания, отзывы и рекомендации оставляйте в комментариях!

Автор: Алексей Захаренко

Редакция:Команда webformyself.

Комментарии Вконтакте:

Комментарии (84)

1. vtsar51

   2012-04-07 в 15:35

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

   Ответить
2. Елена

   2012-04-07 в 17:01

   Мне очень понравились видеоуроки по созданию сайта с нуля. Это не «заманиха» для новичков, а в действительности полезная информация, причем очень доходчиво изложенная. Большое спасибо за Ваш труд.С точки зрения менеджмента, тоже грамотный подход, так как после просмотра бесплатных уроков я подписалась на премиум доступ. Очень радуют цены.

   Ответить
   • RohViktor

     2012-04-08 в 00:09

     

     Ответить
3. Salma

   2012-04-07 в 17:28

   Я в восторге от вашего сайта! Ваши уроки просто и легко внедряют новичка в мир сайтостроения.В принципе многие новички не в состоянии в начале своего пути заплатить за уроки хоть какие-то деньги.
   Огромное спасибо вам ребята за безвозмездную помощь новичкам , таким как я, например. Лично мне ваши уроки очень помогли. Я даже не знала как верстать с макета сайт, а о создании дизайна сайта и речи не могло идти. Короче безмерно благодарна вам ребята за то , что тратите свое время на таких как мы и не требуете баснословных цен на свои уроки. Спасибо вам всем.

   Ответить
   • RohViktor

     2012-04-08 в 00:08

     Вам Спасибо! Мы рады стараться!

     Ответить
4. наталья

   2012-04-07 в 18:08

   Очень хорошие уроки. Конкретная, деловая информация, причем изложенная в доступной форме. Большое спасибо!

   Ответить
5. Юрий

   2012-04-07 в 19:35

   Спасибо за путеводитель к истокам сайтостроения. Понятно, интересно, весьма конкретно.

   Ответить
6. hagalazgebo

   2012-04-07 в 20:06

   отличные уроки

   Ответить
7. Наклецкина Вера

   2012-04-07 в 23:13

   Спасибо создателям и авторам сайта, я только начинаю свои первые шаги и конечно трепет перед программистами велик! Но время требует новых знаний и возможностей для выживания в современности. Поэтому то, что вы даете информацию, это ДРУЗЬЯ МОИ, просто шикарный подарок, для тех у кого просто нет денег и времени на поиски учителей. От ЧАЙНИКА, вам всем ОГРОМНОЕ СПАСИБО! Долг платежом красен, и я с удовольствием буду рекламировать вас!

   Ответить
8. RohViktor

   2012-04-08 в 00:11

   Всем огромное спасибо за комментарии. Не пропустите рассылку в понедельник — 9 апреля!

   Ответить
9. Валерий Иванович

   2012-04-08 в 13:37

   Спасибо, Алексей! Ваши уроки мне тоже понрави
   лись — хотя распечатал 8й десяток, но тем не менее с удовольствием изучаю и исполняю не спеша — с чувством , с толком и с расстановкой.
   Спасибо ещё раз! Успехов!

   Ответить
10. Николай

    2012-04-08 в 14:50

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

    Ответить
11. Олег

    2012-04-09 в 06:26

    Познавательно и будучи уже довольно старым…задумался о создании своего сайта. Спасибо)

    Ответить
12. Владимир

    2012-04-09 в 17:11

    Урок, безусловно, замечательнейший!)))
    Но у меня, увы, не всё получается.{{{
    Вам доброго здоровья и — бо-о-ольших успехов!!!
    С уважением _ Владимир.

    Ответить
13. Валерий Иванович

    2012-04-12 в 20:39

    Уважаемый, Владимир! Если есть вопросы — пришлите свой ник на СКАЙПЕ, обещаю всё разъяснить — у меня всё получается…Спасибо, Лёше — громадное, за науку!

    Ответить
14. sergey

    2012-04-13 в 08:58

    а есть такие же уроки по Dream Weaver?

    Ответить
    • Евгений

      2012-06-14 в 13:27

      Попов раздает бесплатно.

      Ответить
15. laguna

    2012-04-15 в 18:32

    Спасибо за информативные и понятные видеоуроки. Делаю сайт села, и мне они оказали неоценимую помощь.сама я не специалист, да здесь у нас их и не найдешь, поэтому очень рада, что ВЫ -ЕСТЬ.

    Ответить
16. Леонид

    2012-04-16 в 10:12

    Мне по веб-дизайну все нравится.Все показано четко.Спасибо!

    Ответить
17. Евгений

    2012-06-14 в 13:19

    А про перенос PSD в HTML там есть ?

    Ответить
    • Андрей Кудлай

      2012-06-14 в 13:25

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

      Ответить
18. Еdgar

    2014-08-01 в 06:24

    Здравствуйте!
    Откуда можно взять исходники макета?

    Ответить
19. Максим

    2015-07-12 в 20:00

    Спасибо за полезные и интересные советы и рекомендации. Постараюсь применить на практике данные знания.

    Ответить