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

веб-дизайн

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

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

Тема: Веб-дизайн

Время ролика: 08:32

Cложность: легкая

Прикладные программы: Adobe Photoshop CS5

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

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

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

Тема: Веб-дизайн

Время ролика: 24:43

Cложность: легкая

Прикладные программы: Adobe Photoshop CS5

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

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

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

Тема: Веб-дизайн

Время ролика: 16:16

Cложность: легкая

Прикладные программы: Adobe Photoshop CS5

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

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

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

Тема: Веб-дизайн

Время ролика: 24:00

Cложность: легкая

Прикладные программы: Adobe Photoshop CS5

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

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

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

Тема: Веб-дизайн

Время ролика: 38:14

Cложность: легкая

Прикладные программы: Adobe Photoshop CS5

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

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

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

Тема: Веб-дизайн

Время ролика: 15:21

Cложность: легкая

Прикладные программы: Adobe Photoshop CS5

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

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

получить мини-курс

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

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

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

Хотите научиться создавать шикарные дизайны сайтов?

Получите бесплатную пошаговую обучающую систему по веб-дизайну

Получить

Метки:

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

Комментарии Facebook:

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

  1. vtsar51

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

  2. Елена

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

  3. Salma

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

  4. наталья

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

  5. Юрий

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

  6. hagalazgebo

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

  7. Наклецкина Вера

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

  8. Виктор Рог

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

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

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

  10. Николай

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

  11. Олег

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

  12. Владимир

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

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

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

  14. sergey

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

  15. laguna

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

  16. Леонид

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

  17. Евгений

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

  18. Еdgar

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

  19. Максим

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

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree