#8 Дизайн презентации лендинга для Behance в Adobe Photoshop

Автор Nadezhda Belousova
#8 Дизайн презентации лендинга для Behance в Adobe Photoshop

Всем привет.

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

Нужно больше входных данных.

Что требует наличия реального заказчика. Поэтому я сделаю небольшую презентацию своего проекта для начала нужно создать файл с шириной холста 1400 пикселей высотой 8 10000 пикселей если, что высота можно будет подкорректировать также создаю сетку на 12 колонок 100 мятных краёв пикселей по 150 соседней вкладке советую открыть свой проект чтобы было удобно перетаскивать некоторые элементы дизайна сохраняют дизайн сайта картинками для того чтобы вставить в презентацию шапку презентации или 1 блок я делаю в стиле экрана сайта переношу заголовок обозначает, что — это замечаю дата презентации. И, что — это дизайн-концепция, а зачем помечают, что — это дизайн-концепция для того чтобы если, что не возникло вопросов к использованию в каких-то иконок фотоматериалов. То есть — это некоммерческий проект и я — это поменяю некоторые дизайнеры в презентациях также на главном экране подписываются подписывают свой ник или своё имя обозначает авторства вампирина с главного экрана она тут вписывается. Также хочу задействовать автобус из дизайна. Мне кажется круто будет смотреться немного по отжиманию картинку по композиции по элементам посмотрю как будет лучше по композиции решила, что выключка текста сделать лучше по центру есть небольшие несчаст бабочки автобуса с фоном немножко сглаживаю тень автобусы также смотрю как будет лучше по размеру текст размер межстрочного интервала. В общем занимаюсь типографикой также с наплывом на 1 блок располагаю плашку задачи передо мной стояла пишу буквально пару предложений о том, что нужно было сделать можно расписать более подробно. Но — это я оставляю для реальных проектов думаю не стоит заморачиваться в подробном. Кейси Также можно разместить сроки исполнения какие-то особые требования расписать ход работы над проектом проиллюстрируй этапы. Например можно вставить прототипы или первые наброски некоторых экранов. Ноя только задачи затем располагают десктопную версию сайта с заголовком не нравится как выглядит на белом фоне поэтому сделаю небольшую тень от картинки всего проекта и хочу поменять фон сделать его немного бежевым. А после Desktop or Mobile мобилу. Хочу оформить как несколько экранов в изометрии так же переношу заголовок подписываюсь, что — это мобильная версия сайта для создания изометрического простенького макапа нужно создать прямоугольник с нужными пропорциями преобразовать в смарт-объект перейти в трансформирование фигуры развернуть на 45 градусов в нужную сторону зажав любой из углов левой клавишей мыши и зажать Shift для того чтобы шаг поворот был кратен 15 градусов, а потом зажать верхний угол и клавишу Alt и сместить вниз до нужной нам высоты чтобы поместить в наш папка картинку нужно два раза кликнуть на иконку. Смарт объекта в нужном слое то есть в слове этого прямоугольника откроется новый документ помещается в него нужную картинку и. Воля после сохранения этого документа картинка на месте искажена так как нам нужно эту процедуру проделываем несколько раз так как нужно несколько экранов размещаю экранчики как угодно и хочу сделать фон такой яркий как от десктопной версией, а немножко посветлее как же презентация решила отразить шрифты и цвета без них презентация кажется слишком густое неинформативный сначала хотела разместить цветов которые были задействованы в дизайне сайта потом отказалась от них и сделала полосочки разделители по-моему они лучше вписываются название шрифтов делаю обычными заголовками подними обозначают размеры задействованных шрифтов. У меня есть два варианта хочу отобразить размеры сначала сделаю оба и потом уже выберу из них что-то. Одна — это уже такой Element Style гайда. Который больше нужен для верстки чем заказчику. Ну всё же почему нет также обязательный атрибут моих презентации — это не большой хутор в нём я пишу благодарность располагаю свои контакты делаю небольшую иллюстрацию. Тимати тут сердечко и билетики с кнопки сайта вот такая процент получилось в остальных своих проектов я делаю ещё блок с элементами вроде состояние кнопок форм показывают у папы. Но в этом проекте их пока нет. Если будет ставлю после мобильной версии. Надеюсь, что данное видео было полезным для вас. Пишите в комментарии. Если есть вопросы, а также предлагаете темы для будущих видео. Спасибо за просмотр. Вы знаете, что делать до встречи.

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

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