Всё Образование Статьи Вдохновение Инструменты Файлы Популярные

Вёрстка макетов
24

Как легко собирать хорошие дизайн-макеты

Смежные рубрики:
Статьи Инструменты Плакаты Лучшее Типографика

Живой обзор книги NASA Graphics Standards Manual

Это живой обзор на легендарный брендбук, знакомый многим дизайнерам. В нём авторы описывают использование логотипа и брендинга: от визиток до космических аппаратов и тренировочных костюмов астронавтов. Также в книге есть неопубликованная презентация брендинга для руководства NASA. Всё это в формате картинок с описанием. Для особо интересующихся версия книги в пдф формате и на сайте издательства.
985

Тонкости UI-дизайна больших таблиц с данными

Перевод статьи Эндрю Койла о том, как правильно оформлять интерфейсные таблицы, которые содержат много данных. В материале он делится практическими советами, которые помогут создавать удобные и читаемые таблицы
4687

Как полосы в таблицах влияют на скорость работы с ними

Исследования о чересполосице. «Зебра» в таблицах вызывает вечные споры. Одни дизайнеры считают, что это признак дурного вкуса и полосы мешают восприятию. Другие полагают, что «зебра» помогает быстрее находить информацию. Разберёмся в вопросе с помощью исследований
2698

Дизайн сложных таблиц

Дизайн таблиц – интересное направление в информационном дизайне. Это кропотливая работа. В мире мало дизайнеров, которые умеют проектировать читаемые, удобные и лаконичные таблицы. На тему табличного дизайна написано много статей. Все они ограничиваются простыми советами: например, не делать таблицу в стиле «зебры». Этот материал выходит далеко за рамки стандартного подхода и посвящен действительно сложным таблицам, […]
24292

Схемы верстки от NASA

Учимся собирать космические макеты.
9886

Как сочетать шрифты, не сочетая шрифты

Меня часто просят рассказать про сочетания шрифтов, а я никогда не хотел этого делать. И вот почему:
14419

Выключка по правому краю

Это завершающая статья про выключку. Поговорим о правом флаге — самом редком и самом спорном виде выравнивания.
8012

Стыковка линеек и плашек

Линейки и плашки — сильный инструмент верстки, а с любым сильным инструментом нужно уметь обращаться. Попытки организовать макет с помощью линеек и плашек нередко заканчиваются провалом: верстка превращается в кирпичную стену. В этой статье разберемся, как аккуратно стыковать элементы друг с другом.
8356

Наглядность в таблицах

Наглядность — это такое свойство верстки, которое помогает пользователю вникнуть в суть, не читая текст или читая по минимуму. Взглянул — и всё ясно: о чем идет речь, что самое важное, в каком порядке смотреть, какой из этого вывод.
7883

Швейцарские плакаты по-русски

Недавно я опубликовал заметку под названием «Кириллица и латиница». Главная мысль такая: несовершенство кириллического алфавита не мешает хорошим дизайнерам делать хороший дизайн. Проблема плохой вёрстки обычно не в шрифте, а в умении им пользоваться. Чтобы это проверить, мы с ребятами устроили эксперимент и русифицировали восемь плакатов швейцарской школы. К каждой перевёрстке я написал небольшой комментарий: […]
7165

Подружить текст с картинкой

Верстка в широком смысле —  это составление целого из различных частей. Сложность в том, что элементы, которые на макете должны жить вместе, раньше ничего друг о друге не знали. Скорее всего они создавались в разное время и для разных целей, поэтому не совпадают по форме, цвету, стилю и т. д. Задача дизайнера —  найти среди […]
16940

Когда можно опускать знаки препинания

В последние годы наметилась тенденция к упрощению пунктуации. Знаки препинания опускают всё чаще, но иногда не там, где нужно. Давайте разберемся, как это работает.
15794

Приводность верстки

В первоначальном значении приводность — это совпадение строк основного текста на лицевой и оборотной сторонах листа.
8944

Позиционирование элементов на плоскости

В этой и следующих статьях я расскажу об основах типографической композиции. Другими словами, о том, как расставить текст и иллюстрации на макете.
5032
Алгоритм верстки

Алгоритм верстки

Превращая текст в макет, придерживайтесь такой последовательности:
8177

Переверстка

Рекомендую рубрику «» в блоге Игоря Штанга. Читатели присылают свои макеты, а Игорь их переделывает и публикует подробный рассказ о процессе.
823

Динамика полей

Если посмотреть на поля как на форму (а не как на воздух), откроются удивительные вещи.
3738

Верстка по форме

Верстать можно не только по сетке, но и по форме. Текст необязательно должен выстраиваться в модули и равняться по направляющим сетки. Сегодня — о трех способах избавиться от прямоугольника.
7398

Три способа закрыть прямоугольник

Прямоугольник — базовая фигура верстки. Тим Харроуэр в «Настольной книге газетного дизайнера» формулирует правило так: «Какой бы ни была форма текста (вертикальной, горизонтальной или квадратной), она всегда должна быть прямоугольной».
6181

Выключка по центру: примеры, ошибки, как сделать

Центрируют обычно небольшие отрывки текста: заголовки, лиды, выноски, цитаты, — поэтому важно, какую форму примут строчки, как они будут смотреться вместе.
12016

Выключка по левому краю: примеры, ошибки, как сделать

Левый флаг — естественная форма существования текста. Буквы различаются по ширине, слова состоят из разного количества букв, поэтому каждая следующая строчка не равна предыдущей.
26374

Выключка по формату: примеры, ошибки, как сделать

Памятка верстальщика вызвала большой резонанс, но, судя по комментариям в ЖЖ и на Awdee, мало кто понимает, почему всё именно так, как я нарисовал. Попробую объяснить на примерах. Сегодня речь пойдет о выключке по формату.
39380

Памятка верстальщика. Основные ошибки при выключке текста по левому краю, по центру и по формату

Игорь Штанг, автор курса «Типографика и вёрстка» опубликовал у себя в ЖЖ эту памятку. С любезного разрешения автора публикую памятку тут.
16258

Проект Парфе: работаем с ПСД-файлами без Фотошопа

Компания Адоби выкатила бету нового веб-сервиса, Проекта Парфе. Он предназначен, в первую очередь, для верстальщиков и для тех членов дизайн-команды, у которых нет нужды в полноценном Фотошопе, но открывать и работать с ПСД-файлами приходится.
1415

О сайте

Оди — издание для дизайнеров, которое старается помогать им в работе и профессиональном развитии

Мы существуем на ваши донаты. Пожалуйста, поддержите нас

Главные рубрики

Авторам

Проект Кирилла Олейниченко и команды. Авторство статей и дизайна указано в конкретных материалах. Дизайн сайта — Кирилл Олейниченко, Женя Власов. Айдентика — Саша Швецов. Разработка — Андрей Острин. Фирменный шрифт — Graphik, предоставленный великолепными type.today.
2012—сегодня
Комментарии для сайта Cackle