filmov
tv
Предварительный дизайн сайта: типографика, шрифты, модульные сетки
Показать описание
В этом видео уроке мы осуществим предварительный дизайн нашего сайта. Тут полнейшая импровизация, так что, прошу учесть сие обстоятельство. Зато здесь мы подробно поговорим о том, с чего начинается веб-дизайн лично у меня: выбор шрифта и его размера, а также - как подобрать правильный интерлиньяж. Выясним что такое кегельная площадка.
Выясним как рассчитать и построить модульную сетку для сайта и породим с вами числовую прямую нашей сетки исходя из ритма текста. Далее посмотрим чем отличается построение модульной сетки относительно базовой линии шрифта от классической сетки Й.М. Брокмана.
Также затронем плагин для Photoshop Guide Guide, который помогает произвести расчет модульной сетки в проекте. Выровняем весь наш контент относительно вертикальной сетки (4 колонки, включая сайдбар). Что делать, если много телефонов в шапке сайта и как отделить шапку от контента. А еще:
Выясним как рассчитать и построить модульную сетку для сайта и породим с вами числовую прямую нашей сетки исходя из ритма текста. Далее посмотрим чем отличается построение модульной сетки относительно базовой линии шрифта от классической сетки Й.М. Брокмана.
Также затронем плагин для Photoshop Guide Guide, который помогает произвести расчет модульной сетки в проекте. Выровняем весь наш контент относительно вертикальной сетки (4 колонки, включая сайдбар). Что делать, если много телефонов в шапке сайта и как отделить шапку от контента. А еще:
Предварительный дизайн сайта: типографика, шрифты, модульные сетки...
[NEW] 🔥 Текст в Figma: шрифт, размер, абзац, строка, line height, текстовые стили в Фигме. Урок 10...
🔥 Текст в Фигме: шрифт, размер, интерлиняьж, letter spacing, абзац. Типографика в Figma Фигма с нуля...
Сетки, композиции и адаптив
Как подготовить макет к верстке? За что верстальщики не любят дизайнеров? Часть 1...
Модульные сетки в веб-дизайне. Урок для новичков. [Moscow Digital Academy]...
Секреты создания уникальных сайтов: эклектика в веб-дизайне...
Графический дизайн в Adobe Illustrator: шрифтовая графика
Как можно добавить иконки на сайт. Иконочный шрифт из svg. Как подключить иконочный шрифт....
Бесплатный мастер-класс «Веб-дизайн с нуля до первых работ за 1 день»...
Рисуем сайт для кофейни #дизайн_за_час
UI/UX дизайн. Разбор работ дизайна подписчиков #99. уроки веб-дизайна в Figma...
Делаем дизайн сайта и берем заказ на фрилансе
How to Change Your Website Template, Fonts and Colors | Zenfolio
Top 10 Typography Plugins For After Effects | Text Animation and Kinetic Typography (2022)
Как скачать шрифты для иллюстратора | Как установить новые шрифты | УРОКИ Adobe illustrator...
Рисуем новый сайт для Henkel [Завоевываем Behance]
Weblium конструктор сайтов | Как создать сайт
HTML для начинающих. Заголовки, Абзац и атрибут Style. #3.
Быстрый дизайн Landing Page в Figma
ТЕКСТ В FIGMA. Обзор инструмента «Text» | Уроки фигма на русском...
Дизайн Landing Page в Figma на основе макета с нуля / Senior UI UX
Делаем дизайн дашборда (dashboard) в Figma - бесплатный мастер-класс по веб-дизайну...
Дизайн макета с нуля. Графический дизайн
Комментарии