Базовые элементы верстки

№0 Базовые элементы верстки

Этот пост, набор главных на мой взгляд тезисов Артема Горбунова из Бюро.

К базовым элементам относятся: заголовок \ текст \ иллюстрация \ элементы управления \ ссылка \ подпись.

Главная задача верстки — видеть и различать эти элементы, а затем аккуратно их размещать.

верстка макета

Хаотично перемешанные элементы верстки, в бюро называют «версткой с комками».

верстка макета с комками
верстка с комками

Объединять несколько базовых элементов в один — разумная практика.

объединение объектов при верстке макета

Интересное по теме…

Набор иконок: дизайн и удаленная работа Набор из 20 значков для дизайнеров и фрилансеров. Бесплатный набор для дизайнеров Включает основные инструменты проектирования: инструмент обрезки, значок пипетки и мольберт. Подходит для проектов связанных с дизайном. Экономия времени Эти бесплатные векторные иконки сэкономят время при разработке веб-дизайна или мобильно...
№2 Текст как базовый элемент Этот пост, набор главных на мой взгляд тезисов Артема Горбунова из Бюро. Текст подобен воде заполняющей сосуд. Верстальщик определяет форму, пропорции и объем этого сосуда. В отличии от заголовков, которые стремятся к линии, текст — это прямоугольник или квадрат. В «резиновой» верстке дизайнер помимо формы, еще определяет правила...
5 принципов хорошего дизайна Юрий Ветров (Руководитель портальной дизайн-команды Mail.Ru Group) рассказал, по каким критериям надо оценивать дизайн в первом уроке программы «Дизайнер интерфейсов» https://youtu.be/aFPT0v44BHw Урок Юрия Ветрова: По каким критериям надо оценивать дизайн По этому докладу я подготовил визуальную презентацию с тезисами, которые озвучил Юрий...
№1 Заголовок как базовый элемент Этот пост, набор главных на мой взгляд тезисов Артема Горбунова из Бюро. Заголовок задает конструкцию и вносит смысл. Плохой заголовок — формальное резюме текста. Хороший заголовок привлекает внимание и подогревает интерес к теме. Правильно организованная структура заголовков помогает читателю, подобно оглавлению ориентироваться в те...

Оставить комментарий

avatar
  Подписаться  
Уведомление о
В сети
printerest icon
Behance icon
CodePen icon
GitHub icon
© Roman Volgasov, 2018