Сайт для юридической фирмы Урок 4

Автор Maksim Inshakov
Сайт для юридической фирмы Урок 4

друзья привет.

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

У нас есть группа.

ВКонтакте подписываемся. Как найти просто в Google Web Design Guru ссылочка в описании к данному видео зачем вам быть в группе во-первых. А у нас большая Community. Где вы можете общаться второе я специально выбираю полезной информации для веб-дизайнеров который который сам пользуюсь в-третьих всегда анонс видео вы будете знать первыми 4 новые курсы они. Вы тоже узнаете 1. Киев 5 поддерживайте наш проект всё друзья продолжаем рисовать так за предыдущий уроки, что мы с вами сделали шапку слайдер юридические услуги какие там после этого там наши хоккеисты были после этого блок какого-то мужика так который будет говорить наши новости, что у нас осталось у нас остался самом деле очень мало у нас осталось коротко нас и Footer. Футурамы скорее всего будем делать очень простым. Ну я постараюсь его сделать всяком случае максимально просто и не загружены. Вот, но перед этим понятное дело мы ещё с вами должны пройти очень и очень много шагов 1. Шаг — это у нас блок Amos копируем первый текст значит как я буду рад плохо нас мне надо прямоугольник обязательно скопировать копируемого альтон просто переносим прямоугольник так после моего перемещаем вот сюда делаем побольше enter.ru контроль — это трансформирование я думаю мы — это уже помните так наши новости мы переносим всё значит как долг называется блок называется коротко о нас стоять коротко о нас хорошо значит здесь будет какая-то текстовая информация здесь будут у нас какие-то цифры десятков. Рубин посмотрим. Мы сходились хорошо OK замечательно надо пройтись по вот этому блоку выставляем направляющую вот — это вот первую нам надо готова. Значит у нас будет какая-то текстовая информация в данном случае нам вот этот блок подойдёт моего переносим с помощью. Альта Да просто копируемый текст направляющие давайте — это всё перенесём. Значит надо какой-то текст anbu, а этих пор. О'кей хорошо готов она нам ещё бы кнопочку сделать блокнот без кнопки нас вообще никуда не пустят такая же с помощью. Альта переносим на верх кнопка кнопка назад поподробнее сравниваем как теперь чтобы я хотел сделать я подобрал два элемента. Я честно вообще не знаю как — это всё будет фигня смотреться значит точно за. Давайте попробуем сейчас скоро. Какие фишки, но не факт, что эти фишки будет нормально смотреться аккурат есть. Вот такой у нас есть вот такой вот элемент сейчас просто посмотрим, что из этого будет лучше так. Ладно давайте девочку и то есть сами сделаем поменьше так. Пусть пока, что она тут у нас размещается, что я ещё хочу сделать у нас по блоку. У нас есть ещё какие-то преимущества то есть. Какие преимущества которые будут вот сюда вот выноситься в данном случае — это цифры, но сейчас цифры просто скачаем бери копируем и посмотрим как они смотрят направляющую выровнять направляющие. Да этот блок цвета чёрный чёрный и. Цвет чёрный так хорошо, что значит прямоугольник. Польша текст мы можем расширить и кнопку. Значит мы можем поднять на вот этот. Блок Мы можем сделать ещё. Короче так. Ну как-то вот так вот — это будет всё выглядеть против про копируем таким образом и выравниваем, что значит так вот — это всё будет выглядеть поздно на макете. У нас есть коротко нас у нас есть элемент. У нас есть центр слайдер Footer. В общем все элементы у нас есть я предлагаю ещё. Конечно вот так вот элементы вынести извиняюсь. Я бы конечно бы этого хотел поставить только раз в этом скорее всего просто не факт, что он будет нормально смотреться давайте пока, что на тему славим женщину, а без неё немножко пустая переживаю, что — это пустой блок сильно будет. Ладно давайте пока, что вот так вот блок ананас оставим. А нас сделаем с вами простенький хутор хутор. Я предлагаю тёмного цвета. Реал нас вообще ничего не сказано, что у нас должно быть. Чего у нас не должно быть кстати давайте знаете, что кнопку подробнее попробуем поставить вот тут ничего в принципе. Если так посмотреть вот так вот поставим кнопочку поподробнее потому, что у нас вести напротив заголовков состоит значит Footer мы сейчас делаем простым сразу. Копаем c до нажимаем и всё куда нам надо так, что у нас скутере должно быть фото. Рим нас должно быть минимум так меню меню меню меню меню меню мы делаем вот вот таким шрифтом белого цветом. Давайте поставим правильное количество пробелов. Я предлагаю поставить побольше чтобы больше было воздуха утра ребят сейчас я уже делаю очень быстро потому, что у нас уже 2:00 ночи вот и мне сдавать макет скоро так, что пока, что с вами такие. Давай в эти элементы понятное дело когда я буду улучшать. Этот проект. Ну я. Ясно дело вам покажу, что мы именно улучшили. Именно добавили в одно пока, что я всё, что я хочу добавить — это меню понятное дело у нас есть логотип на какой-никакой. Эталон опять же перекидываем его Footer смотрим на отлично значит Logo есть меню есть в меню лаганас перекопировать ещё. Виктор случайно плохо предлагаю допустим сделать золотого цвета поставить вот такого вот такое ну грубо говоря давайте пока, что на этом футер наш и закончится то есть мой продублировали логотип продублировали пункты меню скорее всего мы будем увеличивать. Так, что я ещё хочу. Ясное дело я сейчас хочу немножко с отступами поработать, что я вам точно могу сказать. А нас будет подниматься вот так. Да так всё остальное. Ну единственное часто слабость намаюнас блок — это наши кейс. Но мы его ещё до работаем.

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

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