Проработка макета сайта. Ошибка новичка

Автор Ruslana Chernenko
Проработка макета сайта. Ошибка новичка

ребят.

Всем привет в этом видео. Я хочу затронуть тему о проработке макета именно в плане оформление то есть мы не затрагивая им какие-то другие темы там например вот мы берём именно ты когда мне присылают на оценку своей работы новички то почти у всех идёт. Вот — это не проработанность макета и я вот в этом я хочу.

Вот специально оставил место под баннер который здесь будет — это сайт по обработке металла в общем и вот сюда.

Я хочу сделать этот баннер он у меня уже готовый как бы есть и я просто буду по мере собирания этого баннера показывать на примерах уровни проработки чтобы новичок в принципе понял, что дорабатывать свой макет. Такое возможно то есть. Несмотря на то, что ему нравится уже его. Конечный результат допустим есть ещё миллион способов улучшить — это всё. Тем более если дело касается новичка и. Давайте начнём — это у меня размер получается 1920 на 1080. То есть — это будет на широкоформатном мониторе имеется в виду на весь экран вот у меня есть такая страничка значит и мне сюда. Нужно сделать какой-то баннер тематический о металле допустим и какой-то текст и. Давайте вот как делают новичок. Он у него есть какой-то текст вот у нас есть такой текст значит он берёт задний фон какой-то задний фон у меня тоже подготовлен вот задний фон какой-то есть. Давайте его сейчас поставим ровненько вот так вот и новичок знает для того чтобы текст читался лучше мы затемнением допустим задний фон если там он идёт бой как у нас либо высветления им либо какие-то плашки подкладываем по тексту об этом всём уже давно давно говорили так и я значит копирую ещё раз эту же картинку и вот вверх неё верхнюю копию просто делаю чёрным цветом и здесь я могу делать градацию прозрачности так. Ну и давайте сделаем так чтобы типа была престижнее не будем сильно высветлить как бы вот так вот тем более будет любить ещё вот с этими картинками — это кстати категории какие-то они там при наведении будут интересные с ними происходило всякие вот ну то есть вот такое. То есть у нас на. Первом экране появляется сразу о чём. Да — это и сразу же её услуги так. Ну давайте не сильно будем высветлить — это всё дело и. Допустим мы делаем этот текст опять же симметрично так проще всего ставим его посередине то есть вот новичок у нас получается сделал. Вот такой вот бани. Рог принципе абсолютно надо чем занимается компания то есть представим, что новичок учел все факторы все правила в общем не сделал вот такой бандерлог и ему в принципе — это нравится то есть он видел в интернете примеры, что вот так вот какая-то меню. Хатам идёт вверху. Вот поставил там как-то вертикально эти навигационные точки. Ну в принципе и всё. А вот, что ещё. Да ну, что сюда добавить. Ну может быть если была какая-то кнопка здесь была бы кнопка допустим вот ну у нас кнопки нету и баннер получается вот такой то есть — это ну просто баннер и в принципе — это может вполне существовать тут меняется какие-то вот эти фотографии на заднем фоне и какая-то динамика происходит всё строго и новичку — это нравится и он думает. Ну всё вот так вот оставлю потому, что всё в порядке и он отправляет — это всё дело заказчику и у него вот в таком вот стиле да работа нам. У него вся страница идёт то есть представляем, что — это не только баннер. А и вся страничка. Ну, а позже и весь сайт уже и. Давайте оставим этот вариант вот так вот как он есть теперь мы — это дело возьмём и копируем и. Давайте теперь сделаем более проработанные баннера когда мы сделали вот такое в принципе здесь нет никакой идеи и в основном новички останавливаются вот на таком только плюс у них ещё часто шрифт нечитабельный задний фон рябит допустим фотка некачественная в общем вот так вот и я не на этом останавливаются и вот — это вот. Большая Давайте попробуем как-то этот баннер сделать интереснее. Допустим можно взять какой-то элемент простейшие какой-то прямоугольник вот если сделать так оставить как-то выровнять вот здесь вот чтобы всё было ровненько где-то так где-то так допустим и мы его раз тренируем к примеру и обрезаем где-то. Ну вот. Давайте просто к примеру я покажу. Вот так вот. Вот смотрите сделали. Мы вот такие вещи и. Давайте допустим какой-то цвет ещё сделаем сюда цвет на этом сайте. У меня есть вот такой вот и мы как бы добавив вот такой элементика decorado мы намного сделали живее. И интереснее. Ну тут. Правда со шрифтом ещё нужно поработать мы можем сравнить вот этот вот допустим и вот этот то есть я показываю на примере, что можно допустим сделать. Давайте теперь что-то более тематическая какую-то идею будем развивать. Допустим мы уберем мы можем сделать несимметрично чтобы было более сложно и давайте сделаем этот шрифт как интереснее более вертикально расположенную вот так вот то есть вот так вот у нас будет выглядеть шрифт и у нас есть вот такие доспехи идея как бы этого баннера мы имеем опыт уже 10 лет вот как я здесь указал и плюс. Ну мы делаем всё идеальное как показано на вот этих вот доспехах. Вот — это уже будет начинаться какая-то идея баннера. Вот — это дела. Я пока уберу допустим — это я делал для того, что будет следующее вот у нас есть какой-то рыцарь. Даже если мы оставим этого рыцаря и вот этот текст. Да как-то вот так вот то будет уже намного интереснее как бы и будет уже точно какая-то идея здесь у нас да вот смотрите то есть то ли так вот какие-то какие-то даже есть попытки за дизайне что-то текст акта расположили вертикально и вот — это то есть ну совсем уже разные вещи дата.

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

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