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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Переверстка

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

О сайте

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

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

Авторам

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