6. Веб дизайн. Рисуем скетч главной страницы сайта

Автор Vera Abramova
6. Веб дизайн. Рисуем скетч главной страницы сайта

Здравствуйте дорогие друзья.

С вами. Станислав Карпинский и мы продолжаем. Наше видео уроки по веб-дизайну сегодня мы с вами будем рисовать мы посмотрим как нарисовать скетч сколько на — это требуется сил какие нюансы ки вот.

Но скажу сразу сказать, что ничего сложного там не будет.

В общем давайте посмотрим и так. Я подготовил наше рабочее место вот у нас листочек я рассердил даже площадь какая будет у нас отведена наш скетчинг. Ну чтобы вам было более. Понятно удобно. Вы можете этого не делать — это необязательно делать значит посмотрите у меня есть вот такое вот техзадание то есть она была больше, но собрал как бы всё так, что мне было понятно для того чтобы сделать скетч. То есть у меня в принципе вот здесь вот на этой страничке есть и. Значит мы начнём у нас будет идти. Ну вот как я задумал у нас будет идти большой баннер на всю страницу то есть на весь экран вернее. Мы открываем сайт у нас будет полностью весь экран — это баннер сверху баннера будет заголовок кнопочка оформить заявку главное меню и дальше у нас будет идти ассортимент потом будут идти хиты продаж потом акции ниже преимущества отзывы и Footer фото. Давайте попробуем рисовать значит я делю себе область сразу вот — это вот будет мой баннер. Ну то есть конечно сейчас не в пропорции ничего страшного. Это просто скетчинг чтобы нам было легче потом информацию отсюда уже в компьютер вот здесь я думаю логотип думал логотип разместить посередине допустим у меня есть уже логотип компании. Я примерно понимаю как он выглядит поэтому я его нарисую примерно похожа. Вот я хочу его сделать посередине не слева как обычно. А вот. Хочется как-то более неофициально вот что-то такое доброе и приятное сделать. Я вижу этот логотип посередине дальше главное меню в главное меню я сделаю по двум сторонам. Потому, что если я сделаю его только здесь в телефон. Я не хочу здесь ставить потому, что — это уже надоело. Я понимаю, что — это практично очень, но сайт будет в. Европейском стиле в европейских стилях обычно как требуют у нас телефон поэтому я разделю в главное меню в главном меню у меня будет 4 ссылки получается — это главное вот дальше ассортимент здесь будет галерея и контакты дальше у нас идёт заголовок. Ну там напишем что-то там оформление тортов вот. Ну где-то так — это у нас черновичок просто для того чтобы. Мы понимали, что как у нас будет потом располагаться дальше — это у нас идёт сам баннер. То есть у нас под вот этим вот текстом. Вот — это всё будет какая-то картинка, но я думаю здесь будет картинка какого-то пирожного большого как бы ну фотография либо торта вот у меня чуть плетеная вот для того чтобы читался хорошо вот этот заголовок так как у нас — это баннер мы делаем навигацию делаем её прибалт стрелочками то здесь будет меняться заголовок и будут меняться картинки которые на заднем фоне и кнопочка оформить заявку. Донат можем кнопочка посередине как-то. Вот так вот. Вот оформит будет. Примерно вот так вот — это у нас в принципе главный экран. Я думаю больше здесь ничего добавлять не стоит он чтобы у нас не перегруженный чтоб сразу при попадании на сайт пользователь увидел заголовок логотип компании и оформить заявку вот ну и так как у нас — это баннер мы можем сделать есть ещё навигацию тоже показать, что допустим у нас вот за красен первые баннер включён то есть мы. Переключи на следующие следующие. Ну я думаю об этом знаете вот — это у нас первый экран он готов. Вот я его вижу так давайте двигаться дальше дальше у нас будет идти ассортимент ассортименте я предполагал сделать так чтобы у нас была какая-то картинка красивая допустим каких-то пирожных дальше её описание здесь и дальше кнопочку. Я думал здесь тоже сделать перейти и вот здесь вот icon очки которые переключают нашу вот — это вот главную картинку то есть вот эти кнопочки и будут как раз категории вот эти вот ассортимент и. Давайте попробуем так. Ну например напишем там кейк попсы остановимся на кейк-попсов вот мы делаем какой-то заголовок тоже вот здесь я предполагал, что будут находиться кейк-попсы сама картинка она должна быть красивая вот пользователю захотелось один из этих кейк-попсов вот возможно здесь ниже какое-то описание будет небольшое дальше у нас будут будет идти кнопочка и то есть именно перейти будет подразумеваться перейти именно капсом, что нам для этого надо. Ну там перейти к товару. Да там что-то такое будет. Вот они же я предполагал у нас будут. Вот именно сами иконки и они допустим будут переключаться автоматически там пирожное какое-то. Дальше например там не знаю что-нибудь ещё что-нибудь ещё вот эти вот картинки отойти иконки они у нас переключаться автоматические допустим если у нас здесь кейк-попсы сейчас включены да то она будет как-то подсвечиваться то есть будет навигация показывает, что сейчас мы находимся здесь вот так же мы можем сами переключать — это всё дело и здесь будет соответственно если здесь торт дата здесь будет торт тут будет надпись торт какое-то описание его и перейти то есть мы наглядно показываем пользователю. Что умеет эта компания, что она выпускает отделяем — это дело так вот у нас будет идти ассортимент и плюс ассортимент у нас будет здесь ещё будет выпадать менюшка ещё и вот эти вот все дела будут перечислены именно вот здесь то есть мы можем попасть всегда в шапке сайта и также можем здесь более наглядно более попасть отсюда вот так — это у нас второй экранчик такой смотрим дальше Да.

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

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