Перевод макета
Расскажу об одной практике на новой «Типографике и верстке», мы ее добавили недавно. В задании нужно «перевести» макет на русский язык:
Цвет, композиция и вёрстка
Цвет, сетка, иерархия, модульность и раскладка полосы.
Когда использовать сетку в интерфейсах
Есть одно старое правило: сначала сделать красиво, а потом уже сделать из этого правило.
Что почитать о композиции
Но не о композиции картин и фотографий, а о композиции текста и «дизайн-макетов», которые мы все с вами делаем. На эту тему на русском…
Как разгрузить многоярусную шапку с помощью цветового кодирования
Шапка, в которой много ярусов, выглядит сложно и так же сложно читается. Один из способов разгрузить шапку — перенести информацию в другие…
Переверстка №33. Норма температуры воздуха в вагоне
В московском метро сфоткал такую наклейку. Как думаете, что мне не понравилось в белом блоке про температуру?
Легенда — это неудобно
Купил в букинистическом книжку, а там читатель сам переделал работу за дизайнером — перенес подписи к картинкам, потому что иначе…
Аккуратная оборка картинок
Нарисовали одну картинку сразу для двух слов)
Переверстка №32. Бланк приемки очков
Провели с Мишей конкурс на переверстку бланка. Этот бланк я подписывал в оптике, когда отдавал очки в ремонт. Формат А5:
12 294
Должна ли таблица попадать в сетку
Марина спрашивает:
Слишком много списков
Иногда редакторы и дизайнеры слишком увлекаются и превращают текст в череду списков. С одной стороны, это вроде хорошо: разложили всё по…
Разборчивый мелкий текст
При верстке книги «Карта процесса-опыта» стояла задача не угробить мелкий текст. Его много на схемах, и он должен хорошо читаться. Фото…
Можно ли ставить заголовок ровно посередине между абзацами
Сергей спрашивает:
Книга «Карта процесса-опыта»
Андрей Шапиро написал книгу о собственном методе проектирования, а я ее сверстал. Купить можно на Озоне.
Сравнительная таблица без боковика
Некоторые сравнительные таблицы можно верстать без боковика. Обычно это хорошо работает, когда сравниваемых позиций немного.
Однородность списка — 2
Недавно была заметка про однородность списка. Вот еще один пример. В левой колонке пункты вразнобой: главные слова то глаголы, то…
Запрятывание служебных слов
Собралась небольшая подборка про «запрятывание» служебных слов — это когда предлоги, союзы, артикли и т. п. набирают мельче или как-то еще…
Как подобрать шрифт для таблицы
В табличном курсе есть отдельный блок о том, что цифры должны хорошо отличаться от букв. Сохраните себе как памятку — пригодится, когда…
Как мы делали стартап, а получился…
В этой статье расскажу, как мы делали первый в своей жизни стартап, как придумывали и тестили гипотезы, чему научились.
Как перестроить таблицу под формат
Часто размер таблицы не соответствует размеру носителя, например, она шире или у́же формата, на котором размещается. Чтобы это исправить…
Картинку ничем не победить
У этого заголовка несколько смыслов.
Улучшаем таблицу с результатами анализов
На курсе «Таблицы и прочие радости» Миша Капанага рассказывает, как представить цифры нагляднее:
Как полосы в таблицах влияют на скорость работы с ними
Исследования о чересполосице
Как модульные сетки меняли графический дизайн
Главные интеллектуальные усилия необходимо прикладывать заранее, на берегу. Немало математических стараний требует само конструирование…
Однородность списка
Списки в приложении «Самоката» — отдельный вид искусства:
Генерация оттенков в Adobe Illustrator
Как использовать встроенные функции Иллюстратора или сторонние решения для получения палитр оттенков
8 микросоветов, чтобы значительно улучшить типографику
Небольшие детали, которые заметно повысят читаемость сайта и сделают его эстетичным
Иконка. Понять за полсекунду.
Человечество становится всё более ленивым, не желает читать, всё чаще заменяя текстовую информацию картинкой. В связи с этим спрос на…
4 уровня сеток для веб-дизайнеров
Сетки очень и очень полезны
Как подружить кошку с заголовком
На вебинарах мы со студентами обсуждаем практические задания, я комментирую макеты и некоторые из них переверстываю в прямом эфире. Вот…
Иконка. Понять за секунду.
Когда я натыкаюсь на это слово, я представляю такую маленькую пластмассовую икону, которую набожные автолюбители клеют на торпеду своей…
