Создавайте различные дизайны и зарабатывайте на них! Зарегистрироваться на стоке!

Создание дизайна сайта в Photoshop — Урок 3 сайдбар и подвал

/ Сергей Нуйкин / Веб-дизайн



Приветствую друзья и читатели сайта fotodizart.ru!

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

В предыдущем видео-уроке мы проработали такие блоки как шапка сайта, меню рубрик, блок популярные статьи и анонсы сайта. Из него вы узнали как выравнивать межблочное расстояния для пунктов меню, чтобы они находились на одинаковом расстояние. Как можно использовать clipping mask при разработке дизайна. И многое другое.

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

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

Если Вам понравился этот видео урок по веб-дизайну и оказался полезен, поставьте лайк (нравится) на канале youtubeдля вас это мелочь, а мне приятно.

Понравилась статья?
Подпишитесь на обновления сайта:


Поделитесь статьей с друзьями:

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

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: