Забыли пароль?
Оформление обложки рабочей тетради по русскому языку

Состоялся дебют студии в оформлении обложек книг. Мы долго прицеливались, но подходящих заказов не было. А потом наконец заказ нашел нас и выдалась возможность сделать замечательную обложку. Я предлагал заказчику сверстать книгу полностью, но у них уже все готово. Поэтому, если вам нужно сверстать книгу и сделать обложку, то милости просим в Студию Склярова для обсуждения деталей проекта.

 

см. проект на сайте студии: http://sklyarov.studio/projects/workbook/

 

book_main1485303041
Марк Твен о том, что все нужно делать по уму

Фрагмент диалога Тома Сойер и Гекльберри Финна из рассказа Марка Твена «Приключения Гекльберри Финна»:

— Ну, что же, я сделаю, но кажется, что я мог бы отнести письмо и в моем собственном платье?

— Да ведь тебя никто не принял бы тогда за служанку.

— Если я даже и переоденусь, меня все равно никто не увидит, ток что мне переодеваться не стоит.

— Нет, я вижу, дружище, что сколько с тобой не толкуй, а толку из тебя все-таки не выйдет! Мы обязаны во всех случаях исполнять свой долг, не обращая ни малейшего внимания на то, увидит ли нас кто-нибудь или нет! Ты, друг мой, рассуждаешь так, как если бы у тебя совершенно не было принципов.

 

Подобную мысль в свое время до Стива Джобса доносил его отец. Ну и сейчас это же стараются усвоить многие ребята, которым важен результат, а не «отсидеть до шести».

 

Еще хороший фрагмент из этой же книги:

 

Вообще, Гек, мы с тобой оказываемся в самом пакостном положении, какое только можно себе представить. Нам приходится самим изобретать все трудности предприятия.

Заключение

Выход из прямоугольника

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

 

Культурные традиции

В погоне за формой нельзя опираться только на Дрибл. Автор предлагает опираться на культуру. Но так как русская культура утеряна следует смотреть на европейскую и швейцарскую (а не на американскую) культуру.

 

tea_1_1_11481848618

 

После прочтения главы читателю предлагают пройти интерактивный тест по пройденному материалу. Это помогает усвоить прочитанное. Не так хорошо, как боевой опыт, но лучше, чем вообще ничего.

 

gorbunov-test1481848629

Мой результат теста после главы «Страницы»

 

 

 

Ссылки

На протяжении всей книги есть ссылки на разные книги и статьи. Я выписал некоторые:

Страницы

С модульной сеткой

Страница без сетки может выглядеть хорошо, но с сеткой лучше. Сетка помогает унифицировать страницы (экранные, бумажные — не важно) и ускорить работу над ними.

 

Без иллюстраций

Чтобы страница не была скучной нужно использовать ритм: располагать модули по колонкам, делать их разного размера. Можно даже чуть-чуть испортить сетку, но не переусердствовать. Чтобы выделить главное стоит использовать плашку.

 

С иллюстрациями

Не забывать про главные и второстепенные иллюстрации. На странице никто не отменял правило якорных объектов, поэтому иллюстрации должны занимать углы, стороны или визуальный центр страницы. Чтобы читателю не наскучила длинная страница нужно чередовать разные типы слоев. Для избавления от «кирпичности» в блоке фотогафий следует использовать дополнительный воздух и подписи, но эти подписи из воздух нужно «отжимать» к краям.

 

Текстовая страница

  • Основной текст занимает 60-70% ширины (на больших экранах — еще меньше) и делиться на абзацы, разделенные «пустой строкой» (это только про веб).
  • Подзаголовки должны быть, чем глубже уровень — тем невзрачней подзаголовок, использование четвертого уровня подзаголовков считается моветоном.
  • Перед списком всегда есть обобщающий текст или заголовок, но нет дополнительного отступа сверху.
  • В таблицах должно быть минимум повторов, порядок строк должен упрощать поиск, числовые значения выравниваются по разрядам и пол левому краю.
  • Ссылки — подчеркнутые и синие, при наведении цвет меняется, а посещенные ссылки «выцветают». Если это файл, то рядом нужно указать размер.
  • Иллюстрации верстают слева или по центру.

 

Главная страница

Дизайн главной страницы подчиняется вышеописанным принципам. Самые частые виды страниц — «лента», «плитка», «фоторама», «рубрикатор».

 

Ушки, цитаты, фактоиды, врезки

Цепляют взгляды и делают страницу интереснее.

3
Облик книги

oblik-knigi-2-31481747399

Титульный лист, фото с сайта издательства

 

Сегодня дочитал «Облик книги» Яна Чихольда. Хорошая книжка, но поднимать ее тяжело из-за того что мне не приходилось сталкивался с металлическим набором. Все эти цицеро и шпации понятны очень слабо. В довесок я никогда не верстал книг. Но если пробуриться через все сложные моменты и уцепиться за понятное, то открывается кладезь полезных знаний. Очень рекомендую.

 

Книга — сборник статей, который автор писал на протяжении жизни (он умер в 1984 году). Меня поразило, что большинство проблем, о которых говорит Чихольд актуальны до сих пор (по крайней мере в России).

 

Хороший пример — мнение о ляссе:

 

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

 

В сознательном возрасте я встречал ляссе только у книг двух издательств — Студии Лебедева и Манна, Иванова и Фербера. А, казалось бы, чего стоит прилепить веревку к книжке.

 

Очень клевая глава про титулы. Раньше у меня не было о них никакого мнения и казалось, что там все максимально легко. Но нет, теперь-то я понимаю. Про пропорции страниц и полосы набора тоже понравилось, но про форматы я так и не вдуплил. Для этого хоть раз нужно столкнуться с версткой книг.

 

После прочтения захотелось почитать старых изданий (до двадцатого века) и поиграться с металлическими шрифтами. Правда, непонятно где найти такое добро.

Модули

gorbunov-moduli1481848421

Скриншот из главы «Форма текста и порядок чтения»

 

Текст без иллюстрации

Блоки должны сохранять прямоугольную форму. На вебе они не должны быть слишком высокими. Ссылки стоят отдельно от основного текста, могут выстраиваться в строку, становится частью заголовка у них могут быть бирки и подписи. Отделять заголовок от текста — моветон.

 

Лента

Список ссылок или чего-то подобного. Лента может быть горизонтальной, вертикальной и, даже, разбитой на колонки. У ссылок могут быть бирки и подписи. Если ссылок много нужно отделять их расстоянием или линейками. Сложные ленты могут быть разбиты подзаголовками.

 

Текст с иллюстрациями

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

 

Форма текста и прорядок чтения

Человек читает текст слева направо, сверху вниз. Из-за внезапной здоровой картинки читатель может подумать, что текст закончился. В матрице из текстовых блоков направление чтения не всегда очевидно. Положение иллюстрации относительно текста тоже задает направление. Случайное выравнивание по высоте и ширине может создать псевдомодуль, объединив разные по смыслу блоки. Модули не долж­ны пере­се­кать­ся меж­ду собой и вле­зать в про­стран­ство друг друга.

 

Доминирующие и вспомогательные иллюстрации

Иллюстрации должны подчиняться иерархии. Главная иллюстрация «мощнее» второстепенных, у второстепенных тоже есть иерархия. Вспомогательной иллюстрации очень хорошо живется в (правой!) подмышке.

 

Вертикальные иллюстрации

Вертикальные иллюстрации менее естественны и их сложнее использовать в макетах, но порой динамичные фотографии динамичнее, а не которые вещи проще показывать в вертикальном формате.

Базовые элементы

Базовые элементы — это заголовки, тексты, иллюстрации, элементы управления, подписи и гиперссылки. Смешивать базовые элементы — плохо, а структурировать — хорошо.

 

Заголовок — якорный объект. Не стоит использовать внутри заголовка разные стили, хотя иногда он может быть составным. Заголовок принимает форму текстового модуля к которому относится и служит разделителем между модулями. В вертикальных модулях заголовок переносится на несколько строк. При этом плохо, когда становится слишком много строк. В таком случае лучше использовать составные заголовки.

 

Текст равномерно заполняет свой контейнер. Интер­ли­ньяж зависит от длины строки, чем строка длиннее по количеству слов, тем он больше.

 

Иллюстрация заметнее заголовка, она должна быть заметна и осмысленна. Хорошая практика — обрезать с иллюстрации все лишнее и акцентироваться на важном.

 

Элементы управления бывают точечными, линейными и прямоугольными. Точечные элементы плохо уживаются с себе подобными и хорошо смотрятся в «якорных» местах. Линейным элементам свойственно увеличиваться по горизонтали, но ужиматься по вертикали. Прямоугольные элементы очень заметны, как иллюстрации, нужно в первую очередь уделять внимание им.

 

Ссылка должна быть:

  • понятна: выделена цветом, подчеркнута, располагаться на одной строке и вести туда, куда посетитель ожидает;
  • удобна: достаточна велика, отзывчива при навдении и, по возможности, сгруппирована с другими ссылками.

 

Подпись помогает читателю «втянуться» в основной текст. Она не обязательна, если без нее все очевидно.

 

Выносные линии не выделены в отдельную главу, но про них сказано много важного. Часть из этого я не знал. Процитирую полностью:

 

Выносные линии должны быть тонкими: не более 20% чёрного на экране или 0,25 п. на бумаге. Они не должны пересекаться между собой и должны как можно меньше пересекать изображение. Выносные линии не должны втыкаться в указываемую деталь. Не должны совпадать или идти параллельно с ближайшими линиями самой иллюстрации. Выносные линии должны иметь достаточную длину, чтобы их было легко заметить.

 

Основы верстки

Правило внутреннего и внешнего (или теория близости) — главное правило верстки. Его суть сводится к тому, что внутренние отступы должны быть меньше внешних.

 

Прямоугольник — наше всё: плакат, экран монитора, газета или любой другой носитель. Основной прямоугольник (формат) делится на меньшие прямоугольники (модули) и это помогает структурировать информацию. При этом не обязательно заполнять все модули. Пустота и контр­про­стран­ство тоже части верстки.

 

Якорные объекты — самые визуально яркие объекты. Их стоит размещать по углам, краям или в центре прямоугольника, тогда макет не развалится. Хорошая вёрст­ка исполь­зу­ет силу углов и сто­рон формата.

 

У формата и модулей есть свои поля. Причем горизонтальные и вертикальные поля должны быть разными, а нижнее поле больше верхнего. Одинаковые поля — признак слабой верстки.

 

Точка, линия и прямоугольник — составляющие любой страницы.

 

  • Точка привлекает внимание и не любит конкуренции. Роль точки может выполнять круг, одинокая цифра, обтравленное изображение и прочие объекты, не имеющие четкой прямоугольной формы.
  • Линия — это, как правило, строка. Она спокойна и упорядочена, обычно ей находится место в любом макете.
  • Прямоугольник я описывал выше. Он царь-формат.

Текст нужно выравнивать по нижней или верхней линии строчных букв. При этом выносные элементы, обычно, не учитываются.

О книге

gorbunov-titul1481848047

Титул книги

 

Книга Артема Горбунова — наиболее полный справочник для дизайнеров-верстальщиков. В ней все принципы доступно объяснены и снабжены примерами. Каждый дизайнер должен прочитать эту книгу и понимать написанное там.

У «Типографики и верстки» интересный формат, она представляет собой страницу в интернете. По-сути, вся книга — высокотехнологичный лонгрид с навигацией, закладками и интерактивом. Плюс такого формата — возможность показать вещи, которые сложно показать на бумаге. К сожалению, такую книгу можно читать только с компьютера с интернетом.

 

Пример интерактива с сайта книги:

afisha101477418853

afisha201477418866

afisha301477418878

afisha401477418887

afisha501477418902

 

Воспоминания о войне

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

 

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

 

С днем.