Иногда редакторы и дизайнеры слишком увлекаются и превращают текст в череду списков. С одной стороны, это вроде хорошо: разложили всё по полочкам. А с другой, верстка получается дробной и однообразной.
Рассказываю о своем опыте работы со списками на примере двух проектов — презентации и книги:
Купил в букинистическом книжку, а там читатель сам переделал работу за дизайнером — перенес подписи к картинкам, потому что иначе…
Марина спрашивает:
Шапка, в которой много ярусов, выглядит сложно и так же сложно читается. Один из способов разгрузить шапку — перенести информацию в другие…
В московском метро сфоткал такую наклейку. Как думаете, что мне не понравилось в белом блоке про температуру?
Есть места, где комментарии — это просто комментарии.
12825
Расскажу об одной практике на новой «Типографике и верстке», мы ее добавили недавно. В задании нужно «перевести» макет на русский язык:
Привет! На связи Webest. Перед нами стояла задача обновить сайт-витрину салона: сделать его современным и выразительным, но при этом сохранить привычную структуру и навигацию.
11190
Недавно была заметка про однородность списка. Вот еще один пример. В левой колонке пункты вразнобой: главные слова то глаголы, то…
Сергей спрашивает:
При верстке книги «Карта процесса-опыта» стояла задача не угробить мелкий текст. Его много на схемах, и он должен хорошо читаться. Фото…
Дизайн, вырываясь из наших рук, обретает собственную жизнь. Он обрастает неожиданными смыслами и вызывает реакции, о которых автор не мог даже мечтать. Именно тогда дизайн по-настоящему «уходит в народ». Эта статья о жизни дизайна после того, как мы его отпускаем.
311 726
Четыре месяца мы вдвоём с кофаундером ведём стартап в папке маркдаун-файлов, к которой подключён Клод. Рассказываю про структуру, которая заставляет агента работать без галлюцинаций.
Нарисовали одну картинку сразу для двух слов)
Но не о композиции картин и фотографий, а о композиции текста и «дизайн-макетов», которые мы все с вами делаем. На эту тему на русском…
У этого заголовка несколько смыслов.
В этой статье о работе над экранной клавиатурой интерфейса «Инспектор», которая использовалась на нескольких экранах, занимала заметную часть рабочей области и должна была одинаково понятно работать в разных сценариях.
Создать ролик о парке, который только строится, — задача, требующая кропотливого внимания к деталям. Зритель должен увидеть на экране уже живое пространство, в которое хочется отправиться за приключением.
Некоторые сравнительные таблицы можно верстать без боковика. Обычно это хорошо работает, когда сравниваемых позиций немного.
Перед мной была задача: сделать проект который будет менять правило в конкуренции игровых и студии разработки игр, сделать ребрендинг бренда. Изменить логотип и айдентику и создать корпоративный сайт студии. Веселие и творчество + Строгость и дерзости создал яркую и контрастную концепцию передающие некоторые отсылки к играм и атмосфере киберспорта.
Собралась небольшая подборка про «запрятывание» служебных слов — это когда предлоги, союзы, артикли и т. п. набирают мельче или как-то еще…
Часто размер таблицы не соответствует размеру носителя, например, она шире или у́же формата, на котором размещается. Чтобы это исправить…
Андрей Шапиро написал книгу о собственном методе проектирования, а я ее сверстал. Купить можно на Озоне.
Списки в приложении «Самоката» — отдельный вид искусства:
Как семантическое ядро превращается в структуру коммерческого сайта: какие страницы нужны бизнесу, как распределять запросы и почему SEO начинается не после дизайна, а до макета.
Провели с Мишей конкурс на переверстку бланка. Этот бланк я подписывал в оптике, когда отдавал очки в ремонт. Формат А5:
Марина спрашивает:
При верстке книги «Карта процесса-опыта» стояла задача не угробить мелкий текст. Его много на схемах, и он должен хорошо читаться. Фото…
Провели с Мишей конкурс на переверстку бланка. Этот бланк я подписывал в оптике, когда отдавал очки в ремонт. Формат А5:
Нарисовали одну картинку сразу для двух слов)
Купил в букинистическом книжку, а там читатель сам переделал работу за дизайнером — перенес подписи к картинкам, потому что иначе…
В московском метро сфоткал такую наклейку. Как думаете, что мне не понравилось в белом блоке про температуру?
Шапка, в которой много ярусов, выглядит сложно и так же сложно читается. Один из способов разгрузить шапку — перенести информацию в другие…
Но не о композиции картин и фотографий, а о композиции текста и «дизайн-макетов», которые мы все с вами делаем. На эту тему на русском…
Расскажу об одной практике на новой «Типографике и верстке», мы ее добавили недавно. В задании нужно «перевести» макет на русский язык:
Недавно верстал гиперссылки в книге и понял, что при разделении адреса на строки не нужно ставить знак переноса, потому что перенос можно…
Андрей Шапиро написал вторую книгу о проектировании, а я ее сверстал. Уже можно купить на Озоне.
В эфире рубрика кусочек курса. В главе «По левому краю» курса «Типографика и верстка» рассказываем, какие слова и словосочетания…
Сергей спрашивает:
Андрей Шапиро написал книгу о собственном методе проектирования, а я ее сверстал. Купить можно на Озоне.
Некоторые сравнительные таблицы можно верстать без боковика. Обычно это хорошо работает, когда сравниваемых позиций немного.
Недавно была заметка про однородность списка. Вот еще один пример. В левой колонке пункты вразнобой: главные слова то глаголы, то…
Собралась небольшая подборка про «запрятывание» служебных слов — это когда предлоги, союзы, артикли и т. п. набирают мельче или как-то еще…
В табличном курсе есть отдельный блок о том, что цифры должны хорошо отличаться от букв. Сохраните себе как памятку — пригодится, когда…
Часто размер таблицы не соответствует размеру носителя, например, она шире или у́же формата, на котором размещается. Чтобы это исправить…
У этого заголовка несколько смыслов.
На курсе «Таблицы и прочие радости» Миша Капанага рассказывает, как представить цифры нагляднее:
Списки в приложении «Самоката» — отдельный вид искусства:
Множественным числом часто злоупотребляют, тогда как единственное звучит проще и красивее. Даже там, где подразумевается множество, иногда…
На вебинарах мы со студентами обсуждаем практические задания, я комментирую макеты и некоторые из них переверстываю в прямом эфире. Вот…
Сегодня разбор из моего Телеграм-канала «Как это сверстано». Добавляйтесь: t.me/kaketosverstano
Но не о композиции картин и фотографий, а о композиции текста и «дизайн-макетов», которые мы все с вами делаем. На эту тему на русском…
Множественным числом часто злоупотребляют, тогда как единственное звучит проще и красивее. Даже там, где подразумевается множество, иногда…
Провели с Мишей конкурс на переверстку бланка. Этот бланк я подписывал в оптике, когда отдавал очки в ремонт. Формат А5:
Дизайн-история из книги Jan Tschichold: A Life in Typography. Обожаю такое.
Собралась небольшая подборка про «запрятывание» служебных слов — это когда предлоги, союзы, артикли и т. п. набирают мельче или как-то еще…
На вебинарах мы со студентами обсуждаем практические задания, я комментирую макеты и некоторые из них переверстываю в прямом эфире. Вот…
Снова о современной русской пунктуации. Давайте внимательно посмотрим, как набран текст на упаковке умной розетки Яндекса.
Часто размер таблицы не соответствует размеру носителя, например, она шире или у́же формата, на котором размещается. Чтобы это исправить…
Купил в букинистическом книжку, а там читатель сам переделал работу за дизайнером — перенес подписи к картинкам, потому что иначе…
Марина спрашивает:
Сергей спрашивает:
При верстке книги «Карта процесса-опыта» стояла задача не угробить мелкий текст. Его много на схемах, и он должен хорошо читаться. Фото…
Андрей Шапиро написал книгу о собственном методе проектирования, а я ее сверстал. Купить можно на Озоне.
Расскажу об одной практике на новой «Типографике и верстке», мы ее добавили недавно. В задании нужно «перевести» макет на русский язык:
Участники конкурса переверстывали распорядок дня детского лагеря. Задача — сделать современный, удобный и наглядный дизайн.
На «Большой переверстке» давал новую таблицу — прейскурант базы отдыха. В ней много текста в скобках, и оказались, что большинство ребят…
В московском метро сфоткал такую наклейку. Как думаете, что мне не понравилось в белом блоке про температуру?
— это сортировка по форме. Например, когда строки располагают по длине:
У этого заголовка несколько смыслов.
Шапка, в которой много ярусов, выглядит сложно и так же сложно читается. Один из способов разгрузить шапку — перенести информацию в другие…
Разыгрываем три подписки на курс «Таблицы и прочие радости»:
Некоторые сравнительные таблицы можно верстать без боковика. Обычно это хорошо работает, когда сравниваемых позиций немного.
Списки в приложении «Самоката» — отдельный вид искусства:
Нарисовали одну картинку сразу для двух слов)
Недавно была заметка про однородность списка. Вот еще один пример. В левой колонке пункты вразнобой: главные слова то глаголы, то…
Как семантическое ядро превращается в структуру коммерческого сайта: какие страницы нужны бизнесу, как распределять запросы и почему SEO начинается не после дизайна, а до макета.
Привет! На связи Webest. Перед нами стояла задача обновить сайт-витрину салона: сделать его современным и выразительным, но при этом сохранить привычную структуру и навигацию.
11190
Есть места, где комментарии — это просто комментарии.
12825
Перед мной была задача: сделать проект который будет менять правило в конкуренции игровых и студии разработки игр, сделать ребрендинг бренда. Изменить логотип и айдентику и создать корпоративный сайт студии. Веселие и творчество + Строгость и дерзости создал яркую и контрастную концепцию передающие некоторые отсылки к играм и атмосфере киберспорта.
Четыре месяца мы вдвоём с кофаундером ведём стартап в папке маркдаун-файлов, к которой подключён Клод. Рассказываю про структуру, которая заставляет агента работать без галлюцинаций.
Создать ролик о парке, который только строится, — задача, требующая кропотливого внимания к деталям. Зритель должен увидеть на экране уже живое пространство, в которое хочется отправиться за приключением.
В этой статье о работе над экранной клавиатурой интерфейса «Инспектор», которая использовалась на нескольких экранах, занимала заметную часть рабочей области и должна была одинаково понятно работать в разных сценариях.
Дизайн, вырываясь из наших рук, обретает собственную жизнь. Он обрастает неожиданными смыслами и вызывает реакции, о которых автор не мог даже мечтать. Именно тогда дизайн по-настоящему «уходит в народ». Эта статья о жизни дизайна после того, как мы его отпускаем.
311 726
Собираю логотипы, рекламу и иллюстрации из бумажных каталогов.
35572
Работа на фрилансе — довольно удобный и гибкий формат работы для развития в дизайн-сфере. Но работа без грамотного планирования дизайн-процессов и аналитических данных могут привести к дезориентации в процессах, если ты работаешь в дизайн-команде. Или несоблюдения дедлайнов и непонимание задач, если ты работаешь как практикующий дизайнер-фрилансер.
Есть забавная профессиональная привычка: мы, дизайнеры, готовы потратить полдня на выбор правильного оттенка серого для кнопки, ещё два часа на спор о том, должен ли радиус быть 8 или 12 пикселей, а потом в рабочем чате отправляем коллегам гифку с человеком, который молча смотрит в камеру.
331 075
Когда ты работаешь в команде, а не как фрилансер, твой профессиональный рост происходит иначе. Это не мягкий путь, где ты можешь отказаться от задачи, сославшись на "не хочу" или "не знаю". Это путь, где тебе дают задания, которые могут быть выше твоего текущего уровня, а ты их выполняешь. Страх нового? Всегда будет. Но с каждым разом ты учишься искать пути, преодолевать себя и расти.
Я поделюсь своим мнением о том, почему подготовленная с помощью ИИ проектная документация может выглядеть более проработанной, чем она есть на самом деле, и как я проверяю сценарии, требования и статус предложенных решений.
Звук в ролике часто выбирают по принципу нравится или не нравится. Послушали несколько вариантов и взяли тот, который больше зашёл клиенту.
UX-приёмы для форм с большим количеством полей
Звук важен не сам по себе. Его ценность в том, как он меняет восприятие человека.
Размышления дизайнера об итогах Config и о том, почему основы UX важны как никогда
Как чат, голос и агентный ИИ меняют основы UX-дизайна
Улучшаем дизайн боковой панели
Дизайн, который ускоряет поиск
Структура раскрывающейся боковой панели
Создайте быструю навигацию. Когда на боковой панели много элементов, группировка необходима, чтобы помочь пользователям быстрее их…
В эфире рубрика кусочек курса. В главе «По левому краю» курса «Типографика и верстка» рассказываем, какие слова и словосочетания…
Резюме: Применяйте этот универсальный инструмент с графическим интерфейсом, чтобы поддержать пользователей, когда им нужно принять решение…
Оптимальные интервалы между пунктами меню
Комментарии
Войдите, чтобы оставить комментарий.