Мини-курс «Web Design 2. Figma». Урок 1. Композиция, типографика и сетки

Автор Artur Merichev
Мини-курс «Web Design 2. Figma». Урок 1. Композиция, типографика и сетки

Привет с тобой на связи.

Роман Горелик — это мини курс по веб-дизайну от нашего проекта науки дизайна на протяжении 6 уроков мы выполнять простые действия. Ты можешь повторять за мной можешь выбрать свою математику и сделать свой прототип мы сделаем такой промо-сайт истории Royal enfield моих мотоциклов сделаем живой прототип not запишем видео как — это всё делается. Ну как сделать много кликабельным сделаем версию и в конце выложим — это всё набирается для того чтобы начать путь нужно собраться с мыслями и если у тебя уже есть.

Установи фильму.

Если нет то зарегистрироваться скачать её на компьютер если нет тумен AB если есть тоже. Я жду чуда 2 и здесь нажмите Get Desktop и скачайте. Потому, что я не считаю, что — это удобно работать в браузере есть много вкладок отвлекает от работы поэтому. Давайте перейдём в доступную версию вот у меня доступной версии уже подготовлен урок и начнем нашу работу, а ещё раз повторю, что вы можете выбрать на свою идею свой свои какие-то марки авто — это у. Роналдо есть свой сайт на котором есть вся информация. Я уверен, что у других марок есть тоже если вы ищете фанатеть по автомобилям мотоциклом, что может быть — это будут кроссовки. Может быть вы сделаете сайт Nike Air и так далее может быть какого-то фотографу или какой-то. Помощь надо вам главное чтобы был сайт где вы возьмете текст или. Напишите ему сами и качественные картинки я — это всё взял с сайта Royal enfield. Для начала нужно создать фрейм. Мой нажимаем горячую клавишу FN на предлагает уже какие-то готовые варианты мы берём bestop — это такая контентная часть, но нам нужно сделать промо-сайт мы его будем делать в Full HD 1080 1920 1080 на ширину вообще в целом размеры и теперь давайте настроем нашу сетку и — это мини-курс поэтому здесь. Я буду рассказывать по одному прием на. Большом курсы по web-дизайну подробно будем проходить сетки модульные сетки тому около 5 различных цветов для дизайна то есть простые сайты промо сайты. Если вы видели какие-то интересные сайты где там так интересно объекта — это всё тоже делать по сетке её можно самостоятельно составить при нажатии иди сюда на плюсик. Он предлагает купить 8 пикселей в 8 пикселей. Кто не знает. Может кто видел 8 пикселей сетки 8 пиксельные так далее шапка 8 пикселей большинство экранов просто делится на 8 и на 10 и на восемь поэтому использую такое 8 пиксельную сетку и у вас будет 10 пикселей. А — это изменил здесь есть такая вещь как наши Mount. Здесь вы можете поставить шаг большой шаг не в 10:08 меня устраивает именно 8 и будет двигаться по восемь такснет не сюда. Вот сюда здесь там не сетку. А колоночки здесь мы стоим 12 колонок, но у нас будет тянуться просто мы поставим здесь 60. Так мы выберем наши колонки и смотрите создадим такой прямоугольник в размер нашего холста шептун вот так вот изменим — это такое правила. Что хорошо использовать отступ пропорциональный нашему получается нашему макету нашему формату берём открываем линейки shifter вот у нас появляется линейки и здесь вытягивать удаление этот элемент самый низ. И здесь тоже выставляем. Какой длины, что — это у нас безопасное поля получается. Всё прямоугольник можно удалить мы сделали. У нас ничего не выходит его сюда ничего не выходит дальше нам нужно на 100. Кто этот Frame моего переименуем в. Майн Майн и. Давайте на настроен background здесь пишем 06 04 02. Просто у нас такие вот чёрным закидываем сюда наш объект смог помочь здесь choose меч здесь выбираем файл смокинги достаёт отлично закидываю сюда ещё одну заливку и используем нашей за меня здесь background только ставим прозрачность на 10. Отлично всё на выглядит неплохо теперь нам нужно определиться с композицией. Когда у нас будет компании и определяться мы будем исходя из того, что какие ощущения и эмоции мы. Передаем раз мы. Передаем ощущение вот этого классицизма. Ну точнее не такого классицизма. Как там. Возрождения Classic вообще мотоциклов ретроспектива и всё, что касается классики какого она всегда спокойна и один из признаков гости выравнивание посередине то есть мы выровнен по середине и у нас будет композиция вся устойчивая уравновешенная без лишних динамики поэтому я закрою прямоугольник есть такой термин в типографике нужно закрывать прямоугольник. Если вы здесь делаете. Кто здесь нужно поставить на какие-то бирки номер страницы и так далее. Что вас композиция не вывалилось можно — это делать. Просто не бывает. достаёт какая-то иллюстрация на уравновешенностью композицию, но она здесь мотоцикл стоять мы поэтому закроем наш прямоугольник дополнительными элементами начать нужно будет с того чтобы перейти в папку выделить логотип выделить папку и закинуть отовсюда и у нас сюда перекинь — это единственная нам нужно убедиться в том, что у нас вот логотип и все остальные фреймы они были здесь в мае не получается перетягиваем. Всё доставим выровнили выделяем наши социальные сети и здесь можно увидеть вот такой полосочку растягиваем — это всё дело выравниваем по середине по горизонтали и давайте так всё не будем растягивать старую колонку теперь нам нужно создать меню текстовый файл здесь выбираем. Вот этот текст копируемого оставляем сюда у нас по умолчанию шрифт roboto 12 теперь выделяем по слову вырезали вставили в смесителе вырезали ставили смесители вырезали вставили в смесителе есть у нас вырезали почти всё — это дело поставили не проверили, что всё было в одном фрейме выравнивание по. Нижнему краю и нажали видео всё отлично выравнивает одела. Давайте чтобы у нас был равен колоночки слишком слишком.

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

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