рубрика · раздел «Ремесло»
Сетка и типографика
Колонки, отступы, модульная сетка, базовая линия, пары шрифтов, кегли и интерлиньяж: где макет держится, а где разваливается.
Материалы рубрики
-
11 февраля
4правкиH1 48, H2 40, H3 36, и всё выглядит одинаково
Учебное приложение для записи в бассейн, первый курс. На экране расписания заголовок экрана 48, название дня 40, название занятия 36, остальной текст 16. Преподаватель сказал, что иерархии…
правка принята -
24 сентября 2025
2правкиПоказывать ли сетку в кейсе: красные колонки на каждом экране?
Собираю портфолио к осени, ищу первую работу. В двух кейсах на каждый экран наложила сетку красными колонками, все 12, чтобы было видно, что я с ней работала. Подруга с курсов говорит, что…
в разборе -
7 августа 2025
4правкиБазовая линия 8 px на лендинге: есть смысл, если текст 17 px?
Делаю лендинг для студии растяжки, это уже пятый платный заказ в этом году. Сетка 12 колонок на 1440, поля 120, гаттер 24. Решила всё сделать по базовой линии 8 px, как учили на курсах:…
правка принята -
3 мая 2025
6правокВисячие предлоги: кто за них отвечает, дизайнер или верстальщик?
Накипело, вынесу отдельной темой. Третий проект подряд получаю макет, где дизайнер вручную перенёс «в», «и», «на» на следующую строку, то есть поставил разрыв строки клавишей. В браузере…
в разборе -
7 марта 2025
4правкиАнтиква в заголовках, гротеск в тексте: для кондитерской не слишком строго?
Лендинг для домашней кондитерской у нас в Воронеже, торты на заказ. Хозяйка хочет «уютно, но не по-деревенски». Заголовки сделала антиквой с контрастными засечками, 56 px на десктопе,…
правка принята -
6 января 2025
3правки360 px: 4 колонки, поля 16, а карточки по две в ряд не влезают
Учебный проект в колледже, сервис записи на автомойку. На 360 сетка 4 колонки, поля 16, гаттер 16. Хочу карточки услуг по две в ряд, как на десктопе по четыре. Карточка выходит 156 px, и в…
в разборе -
19 ноября 2024
3правкиДлина строки 110 знаков в блоге, заказчик не даёт сузить колонку
Пока работаю в штате, а вечерами взяла первый свой заказ: блог для школы английского, у них статьи по 6-8 тысяч знаков. Текстовая колонка 1040 px на всю ширину контейнера, текст 18 px,…
в разборе -
5 октября 2024
5правокгаттер 30 на десктопе и 10 на телефоне, почему всё разваливается
учебный проект, второй курс, сайт для выдуманной кофейни. сетка 12 колонок на 1440, поля 60, гаттер 30. на телефоне сделал 4 колонки, гаттер 10 и поля 10. на десктопе норм, на телефоне…
правка принята -
7 сентября 2024
4правкиОтступы 23, 27, 32 в одном блоке. Как навести порядок, если всё на глаз
Перехожу в дизайн из преподавания, на курсах делаю личный кабинет ученика. Наставник открыл мой макет, включил показ расстояний и молча прислал скриншот: между карточками 23, 27 и 32,…
правка принята -
28 июня 2024
5правокКириллица в бесплатном шрифте как приклеенная, что с этим делать
Собираю сайт-портфолио, чтобы уходить из иллюстрации в веб. Хотелось характера, взяла бесплатный акцидентный шрифт для заголовков: латиница шикарная, мягкая, с хвостиками. Кириллица есть,…
правка принята -
21 октября 2023
4правкиПочему все пишут, что текст минимум 16, если 14 смотрится аккуратнее?
Первый курс, пока делаю сайты для себя. Сейчас учебный сайт строительной компании, текст поставила 14, потому что на 16 всё какое-то толстое и деревенское. А на всех разборах пишут…
в разборе -
13 сентября 2023
2правкиМежстрочный 1,2 на 14 px: разработчик говорит, что тесно
Первые месяцы в продуктовой команде, делаем приложение доставки продуктов. Описания товаров у меня 14/17, это около 1,2. В макете смотрится аккуратно и компактно, влезает больше.…
в разборе
Таких материалов в рубрике нет.