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

Автор Andrei Golubev
Создание дизайна сайта портфолио в Photoshop — Урок 1

привет.

С вами лофтблог и в этом уроке мы будем с вами рисовать сайт-портфолио выглядеть нам будет. Примерно вот так дизайн довольно несложно всего одна страница буду видеть в этом уроке мы сделаем с вами шапку в следующем уроке мы рассмотрим остальную часть, а в третьем уроки сделаем версию для мобильных телефонов и перед началом урока и рекомендуют скачать весь необходимый материал по ссылке в описании. Итак начнем создадим новый документ сразу его назовём задание в ширину 1200 пикселей и почему именно в 1200 для того чтобы наш сайт нормально отображался на экранах с большим разрешением высоту поставим 2040 принципе высоту может вставить любую и всё зависит от того контента который вы будете размещать на одну страницу так документы у нас готов теперь нам нужно создать скелет нашего сайта этого сделаем сетку чуть потягивает слева левой кнопкой мыши направляющим поставил на 100 пикселей одну auto.ru на 1100 для чего мы — это для того чтобы контент не прижимался краям для того чтобы центрировать его посередине нашего сайта чтобы легче было воспринимать и последнюю направляющую.

Поставим на 600 пикселей для того чтобы центрировать наши надписи строго посередине сайта так далее мы организуем структуру нашего сайта с 3 группы для чего мы — это делаем для того чтобы при верстке вам было проще разобраться где и какой элемент сайта находится создаём группу контакты то здесь будет наш под фото по-другому группа с фотографиями.

Где будут размещаться основной контент и где будет находиться на шапка я готова зададим площадь для нашей шапки.

0 комментариев
0

Читайте также