Создание сайта с нуля. Урок 4 - Дизайн шапки

Продолжаем уроки по созданию сайта с нуля под ключ на заказ для компании ОВК-СТРОЙ - от создания прототипа до готового результата. Урок #4. Сегодня нарисуем дизайн шапки сайта.

Таймкоды:
00:00 Начало урока
01:18 Архив урока
02:04 Обзор прототипа
03:30 Обзор папки "design/"
06:39 Создание дизайна шапки сайта
50:56 Создание дизайна полосы преимуществ

[alexgrinberg]

Еще одна удобная вещь. Чтобы постоянно не ходить от Photoshop к Wireframe и назад, можно в Photoshop добавить базовый слой и в этот слой поместить нашу wireframe jpg файл. Потом можно наложить верхний слой как сетку при этом убрав opacity до примерно 45 процентов. Тогда можно будет видеть нашу wireframe сквозь слой на котором мы делаем наш непосредственный дезайн. Также можно спрятать wireframe если она не нужна только щёлкнув на глазик иконку.

[knhpqch]

отличный урок, правда у меня на саму работу из урока (которую автор делает за 1 час) ушло 5 дней :) спс за труды.

[maksymdzemelynskyi]

Дякую за ваші уроки. Я вже думав закидати це діло з сайтами. Але після перегляду вашого курсу, наче друге дихання.

[coolman]

Благодарю за столь полезные уроки!Пожалуйста, выпускайте почаще

[slavikfilinchuk]

Всем новеньким:что бы сделать смарт объект надо нажать ctrl+t. Не благодарите, я сам над этив вопросом час ебался

[guyxxxxxxxx]

блин супер, друзьям показал не верют что моими руками делано))) спасибо вам что подарили веру в начинающего "дизайнера" пока что

[Viking-studio]

Спасибо за подробное видео. Очень доступно.

[ruslansp]

Подписка, лайк!!!
Ты просто супер. Спасибо за такую информацию!

[uptkkge]

Отличный видео урок!
👍👍👍👍👌👌👌👌👌👌👌👌👌👌👍👍👍👍

[MarquisCuter]

Дизайны бахаешь офигенные, готовый сайт выглядит еще симпатичней, чем в фотошопе :D

[grafittool]

это пипец, то что он делал в течении 10-ти минут, я делал 3 часа

[ahmadshohnasrulloev]

Наконецто нашёл видеоурок который искал

[alexgrinberg]

Хорошая идея всегда запирать слои с которыми уже отработали во избежание случайного сдвига. Ну и конечно почаще сохранять проэктные файлы. Just my 2 cents. ;)

[KZFootballHD]

Очень приятный голос. Приятно слушать.

[EnderToy]

Спасибо за подробный урок. Многие говорят, что у них ушло много времени на повторение, но я не вижу (пока что) в нем ничего сложного.
Далее чисто мое мнение и мысли, которые могут быть неверными.
Думаю стоит определится с цветами текстов и заголовков - 2-3 цвета под разные нужды и 1-2 для черезвычайных ситуаций. Зелёная кнопка выглядит лишней, стоит сделать темно синей. Абстракция на фоне слабенькая, футер стоило отделить сплошным фоном. 150 объектов и текст снизу не несёт смысла(в тексте разногласие в цифрах - более 150ти).
Сайты не делал, хоть и верстал немного.
Спасибо автору за интересный видеоряд.

[deranna]

"...чтобы пальцем в небо не тыкать, а точнее пипеткой в логотип..." ХД ХД ХД АХАХ))))

[alexgrinberg]

Для удобства Color Guide можно применить сразу в Photoshop Art Board. Это сократит время так как Color Guide будет всегда под рукой.

[oqknzdy]

Как называется музыка в начале, мне она очень понравилось? Как и сам урок.

[rkfqnzt]

У меня такой вопрос. Не лучше ли будет сделать тень для кнопки через стили а иконки сделать как картинки для передачи проекта верстальщику?

[ilovtbu]

Добрый день!На каком ноутбуке по минимальным параметрам можно работать с этими программами ?Заранее спасибо.