Горячее
Лучшее
Свежее
Сообщества
Сохраняемое
Обсуждаемое
Награды
Теги
Рейтинг
Автор
Сообщество
Тип постов
любые текстовые картинка видео [мое]
Период времени
за все время неделя месяц интервал
18 постов сначала свежее
261

Основные правила типографики при работе в Microsoft Word

Предыдущие статьи:

1. Учимся работать в Microsoft Word правильно

2. Учимся работать в Microsoft Word правильно. Работа с рисунками

3. Учимся работать в LibreOffice Writer правильно

4. Основы программирования в Microsoft Word. Работа с макросами


Сегодня мы разберем основные правила типографики. Как говорит нам врикипедия, Типографика (от греч. τύπος — отпечаток + γράφω — пишу) — искусство оформления при помощи наборного (не рисованного) текста, базирующееся на определённых, присущих конкретному языку правилах, посредством набора и вёрстки.


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


Правила форматирования


1. Не используйте перевод строки для создания интервала до и после абзаца. Вместо этого настройте несколько стилей для разных элементов текста (заголовки, основной текст, таблица, рисунок), и в каждом из них настройте необходимые интервалы до и после абзацев. Этим вы избавите себя от необходимости регулярно создавать интервалы;

Основные правила типографики при работе в Microsoft Word Microsoft word, Типографика, Набор текста, Форматирование текста, Обучение, Совместимость, Libre office, Длиннопост

2. Не переходите на новую страницу с помощью многократного перевода строки – велика вероятность того, что при открытии вашего документа в другой версии программы, текст будет начинаться не с новой страницы. Для перехода на новую страницу используйте функцию «разрыв страницы» (Ctrl + Enter);

Основные правила типографики при работе в Microsoft Word Microsoft word, Типографика, Набор текста, Форматирование текста, Обучение, Совместимость, Libre office, Длиннопост

3. Для выравнивания по ширине используйте функции выравнивания содержимого (Ctrl +L, Ctrl +E, Ctrl + R, Ctrl + J). Лучше всего применить одну из этих функций один раз для каждого стиля в тексте, и затем просто назначать новым фрагментам уже настроенные стили;


4. Не используйте дефисы или тире, набранные вручную, для маркированного списка. Просто единожды воспользуйтесь функцией «Определить новый маркер…» и настройте стиль для маркированных списков;

Основные правила типографики при работе в Microsoft Word Microsoft word, Типографика, Набор текста, Форматирование текста, Обучение, Совместимость, Libre office, Длиннопост
5. Текст выравнивается по ширине (книжная верстка) если в вашем текстовом редакторе есть функция автоматической расстановки переносов. Если такой функции нет (например, в примитивных WYSIWYG-редакторах, встроенных в популярные CMS, используйте выравнивание по левому краю. То есть, практически весь веб у нас выравнен по левому краю;
Основные правила типографики при работе в Microsoft Word Microsoft word, Типографика, Набор текста, Форматирование текста, Обучение, Совместимость, Libre office, Длиннопост

6. Не используйте двойные и более пробелы – пользуйтесь автоматической расстановкой переносов;


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

Основные правила типографики при работе в Microsoft Word Microsoft word, Типографика, Набор текста, Форматирование текста, Обучение, Совместимость, Libre office, Длиннопост
8. Соединяйте величины с единицами измерения неразрывным пробелом: 1°кг (Shift+Ctrl+Space), а не 1кг или 1 кг. К градусу Цельсия (и даже Кельвина) это тоже относится (20°°С, 293°°К);


9. Не используйте функцию «Уравнение» для вставки в текст отдельных букв греческого алфавита. Для этого существует функция «Символ». Использование уравнений для вставки одного символа – это наиглупейшее действие, потому что этим вы попросту нагружаете документ;

Основные правила типографики при работе в Microsoft Word Microsoft word, Типографика, Набор текста, Форматирование текста, Обучение, Совместимость, Libre office, Длиннопост
Правила работы с изображениями и совместимость


1. Не вставляйте в документ изображения огромного разрешения. Уменьшайте их перед вставкой с помощью растровых редакторов (например, GIMP). Нет смысла использовать изображения, превышающие по ширине 1280 px, т.к. качество изображения, ограниченного полями документа и напечатанного на бумаге, от этого не повысится, а скорость обработки документа на слабых компьютерах значительно упадет;


2. Если вам лень пользоваться растровыми редакторами для соединения нескольких изображений в одно (рисунок 1а, 1б, 1в, 1г), используйте таблицу со скрытыми границами для вставки в нее всех изображений вместо использования плавающих рисунков, иначе документ не будет правильно отображаться в LO Writer и других версиях MS Word. О плавающих рисунках в MS Word, не привязанных к конкретному символу, просто забудьте;

Основные правила типографики при работе в Microsoft Word Microsoft word, Типографика, Набор текста, Форматирование текста, Обучение, Совместимость, Libre office, Длиннопост

3. Не комбинируйте текст с растровыми изображениями. Идентификаторы рисунка (а, б, в…) или указатели на элементы схемы (1, 2, 3…) должны быть выполнены в растре, на самом рисунке, а не рядом с ним или поверх него. Если хотите пользоваться рисованием в MS Word («Вставка – Фигуры») – пользуйтесь, но только затем переводите полученное таким образом гибридное изображение (фигуры + текст + растр) в растр. Шанс, что ваше гибридное изображение правильно откроется в LO Writer или другой версии MS Word стремится к нулю.

Основные правила типографики при работе в Microsoft Word Microsoft word, Типографика, Набор текста, Форматирование текста, Обучение, Совместимость, Libre office, Длиннопост

4. Не вставляйте в документ MS Word графики, полученные в MS Excel или таких программах как Grapher. Вместо этого, перед вставкой в документ MS Word, экспортируйте графики из приложений, работающих с вектором, в растр. Этим вы избавите ваших соавторов от лицезрения «крякозябр» на подписях к осям графиков по причине отсутствия у соавторов необходимых шрифтов.

Основные правила типографики при работе в Microsoft Word Microsoft word, Типографика, Набор текста, Форматирование текста, Обучение, Совместимость, Libre office, Длиннопост
Правила применения печатных знаков


1. В конце заголовков точка не ставится. Никогда, ни при каких обстоятельствах. Она может быть только между предложениями, составляющими заголовок, внутри него. Если вам выслали текст, в конце заголовков которого поставлены точки, можете сразу быть уверены, что за этим человеком придется переделывать абсолютно всё;

Основные правила типографики при работе в Microsoft Word Microsoft word, Типографика, Набор текста, Форматирование текста, Обучение, Совместимость, Libre office, Длиннопост

2. Для тире используйте «–» (Alt+0150) или «—» (Alt+0151), а не дефис «-». Дефис ставится исключительно в наречиях, междометиях, сложных прилагательных, сложных существительных и между числительными. Популярно и подробно об этом написано здесь.


3. В книжной верстке в качестве базовых кавычек используйте «», а не "" или “”;


4. Используйте для обозначения градуса «°» (Alt+0176), а не «0» или «o» в верхнем регистре;


5. Для функции «умножить» используйте символ «∙» (Alt+0183), а не «*». Знак «∙» исполь-зуется в математических формулах;


6. Для функции «умножить» используйте символ «×» (Alt+0215), а не «х». Знак «×» используется при указании габаритных размеров;


7. Важные сокращения: КПД, а не к.п.д., но вуз;


Горячие клавиши


1. В MS Word раскладка клавиатуры меняется с помощью «Win + Space». Традиционное для Windows «Shift + Alt» включает режим управления с клавиатуры. Зачем они так сделали я не знаю;


2. «Shift +F3» – замена выделенных строчных букв прописными и наоборот;


3. «Ctrl + A» – выделить все;


4. «Ctrl + A» + «F9» – обновить все поля;


5. «Ctrl + Shift + Space» – неразрывный пробел;


6. «Shift + Enter» – перевод строки без смены абзаца;


7. «Ctrl + Plus» – перевод выделенного текста в нижний регистр;


8. «Ctrl + Shift + Plus» – перевод выделенного текста в верхний регистр;


9. «Alt + 0178» и «Alt + 0179» – 2 и 3 в верхнем регистре. Полезно при наборе единиц измерения и тем, что регистр не сбрасывается при вставке с помощью функции «Сохранить только текст» или при применении функции «Очистить все» на панели «Стили»;


10. «Alt + F11» – вызов редактора Visual Basic For Applications;


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


В следующий раз мы рассмотрим работу со списком литературы.

Показать полностью 10
[моё] Microsoft word Типографика Набор текста Форматирование текста Обучение Совместимость Libre office Длиннопост
65
Eigensinn
405

Учимся работать в Microsoft Word правильно. Работа с рисунками

Сегодня я продолжаю цикл статей о правильной работе в MS Word. В этот раз я расскажу о работе с изображениями и начну рассказывать о работе с полями.

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


В данной статье я частично исправлю допущенную оплошность, и продемонстрирую формирование документа с помощью стилей на примере изображений. Также в этой статье я проведу сравнение между MS Word и LibreOffice Writer с тем, чтобы показать преимущества и недостатки каждого из них при работе с изображениями.


В этот раз начнем с LibreOffice Writer. Сначала предварительно подготовим места под изображения. В соответствии с ГОСТ 7.32-2001 они должны быть выравнены по центру. Вместо того, чтобы выравнивать каждое изображение с помощью функции «Центрировать по горизонтали (Ctrl + E)» или выравнивать на глаз с помощью пробелов, обратим внимание на правую боковую панель, которая с недавних пор появилась во Writer. Эта панель, в числе прочего, содержит в себе вкладку «Стили и форматирование». Нам мой взгляд вызов этой панели гораздо удобнее (преимущество Writer №1), чем вызов аналогичной панели в MS Word с помощью «Alt + Clrl +Shift +S» или «нанокнопки» в правом-нижнем углу меню «Стили».


В панели «Стили и форматирование» создаем стиль «Место рисунка» во Writer на основе стиля «Базовый», нажимая на пункт «Создать» в контекстном меню.

Учимся работать в Microsoft Word правильно. Работа с рисунками Microsoft word, Типографика, Длиннопост, Обучение, Текст
Далее нам необходимо настроить стиль «Место рисунка».
Учимся работать в Microsoft Word правильно. Работа с рисунками Microsoft word, Типографика, Длиннопост, Обучение, Текст

Для этого нам потребуется подредактировать вкладки «Управление», «Отступы и интервалы» и «Выравнивание»:

1. Устанавливаем новому стилю имя «Место рисунка»;

2. Включаем его автообновление;

3. Устанавливаем стилем абзаца, следующего за рисунком, стиль «Основной текст»;

4. Устанавливаем интервал после абзаца 1.00 см, чтобы зрительно отделить текст документа от рисунка и подписи к нему;

5. Наконец, на вкладке «Выравнивание» устанавливаем выравнивание объекта по-центру.


Таким образом мы создали стиль «Место рисунка», которым следует назначать все абзацы, в которые попадут рисунки. Последние окажутся выравненными по центру.


При вставке изображения с помощью пункта меню «Вставка – Изображение» Writer добавляет его с привязкой к абзацу (недостаток Writer №1). При этом мы видим якорь в левом-верхнем углу.

Учимся работать в Microsoft Word правильно. Работа с рисунками Microsoft word, Типографика, Длиннопост, Обучение, Текст

Изображение нельзя оставлять в таком виде, потому что без четкой привязки к конкретной строке или символу оно будет постоянно сдвигаться, пока мы будем править документ. Нам это совершенно не подходит, и нужно что-то гораздо более простое, а именно – привязка «Как символ». Чтобы текст просто находился сверху и снизу изображения, которое было бы абсолютно статичным.

Учимся работать в Microsoft Word правильно. Работа с рисунками Microsoft word, Типографика, Длиннопост, Обучение, Текст

Данное действие несомненно избавит Вас и ваших соавторов от будущих проблем.

Далее разберем, каким образом во Writer реализована автоматическая нумерация рисунков.


Для добавления нумерации необходимо сделать правый клик по изображению и вызвать контекстное меню, в котором выбрать пункт «Вставить название...».

Учимся работать в Microsoft Word правильно. Работа с рисунками Microsoft word, Типографика, Длиннопост, Обучение, Текст

В форме «Вставить название» мы:

1. Пишем текст подписи изображения;

2. Выбираем категорию «Рисунок»;

3. Назначаем нумерацию арабскими цифрами;

4. Устанавливаем в виде разделителя между нумерацией и подписью по ГОСТ 7.32-2001 тире (а не дефис!). Тире устанавливается с помощью комбинации клавиш «Alt + 0150»;

5. Устанавливаем положение подписи: «Снизу» рисунка.


После нажатия на кнопку «ОК» мы увидим что-то типа этого:

Учимся работать в Microsoft Word правильно. Работа с рисунками Microsoft word, Типографика, Длиннопост, Обучение, Текст

Подписям к рисункам во Writer автоматически назначается независимый встроенный стиль «Рисунок» (преимущество Writer №2). В MS Word мы имеем стиль «Название объекта» для всех подписей – и к рисункам, и к таблицам. И это вызывает большой анальный зуд, потому что по ГОСТ 7.32-2001 выравнивание у подписей к рисункам по центру, а у подписей к таблицам по левому краю. К тому же, подписи к таблицам находятся сверху, а подписи к рисункам – снизу, что вынуждает делать различные отступы сверху и снизу для подписей таблиц и рисунков (по правилам типографики между текстом документа и подписями к рисункам и таблицам должен быть приличный интерлиньяж для читабельности). По этой причине в MS Word нам необходимо специально создавать стили «Название рисунка» и «Название таблицы». У первого сверху будет отступ сверху – 6 пт, отступ снизу – 18 пт, а у второго – все наоборот.

Затем этими стилями приходится заменять все стили «Название объекта».


Как видно на рисунке, во время вставки нумерации и подписи к изображению, вокруг него и подписи автоматически создается фрейм, который задает подписи границу слева. Это очень удобно, потому что как раз это соответствует нашему ГОСТ 7.32-2001 (преимущество Writer №3). MS Word при вставке подписи к изображению просто помещает ее снизу изображения, и ее левый край оказывается ограничен левым полем документа. Ранние версии MS Word помещали подпись в отдельный фрейм, что было еще хуже.


Далее мы научимся пользоваться перекрестными ссылками. Во Writer они добавляются с помощью пункта меню «Вставка – Перекрестная ссылка...».

Учимся работать в Microsoft Word правильно. Работа с рисунками Microsoft word, Типографика, Длиннопост, Обучение, Текст

На вкладке «Перекрестные ссылки» мы должны выбрать:

1. Тип: «Рисунок»;

2. Вставить ссылку на: «Нумерация», чтобы вставить в текст просто порядковый номер рисунка. И это является преимуществом Writer №4, т. к. в MS Word ссылку на номер рисунка можно вставить только в виде «Название объекта + порядковый номер объекта» («Постоянная часть и номер», «Рисунок 1», «Таблица 1»). И, самое главное, «Рисунок» и «Таблица» не склоняются, потому что это просто перевод английских «Figure» и «Table», у которых склонений нет. А нам-то нужно писать: «На рисунке 3 изображен синхрофазотрон...» или даже просто «(см. рисунок 3)», но «рисунок», а не «Рисунок». В свое время именно это сподвигло меня на формирование 500-страничного документа именно во Writer, а не в MS Word.


Теперь разберем работу с изображениями в MS Word. Сначала настроим стиль «Место рисунка» аналогично тому, как мы сделали это во Writer.

Учимся работать в Microsoft Word правильно. Работа с рисунками Microsoft word, Типографика, Длиннопост, Обучение, Текст

Напоминаю, что создать стиль в MS Word можно нажав на кнопку в левом-нижнем углу меню «Стили». В MS Word базовые настройки стилей вынесены в одно окно:

1. Задаем имя стиля «Место рисунка»;

2. В качестве базы для наследования выбираем стиль абзаца «Обычный»;

3. Стиль следующего абзаца устанавливаем «Название рисунка», который также необходимо предварительно настроить. Интервал до и после абзаца задается в пункте «Абзац» подменю «Формат» снизу формы «Создание стиля»;

4. Выставляем выравнивание по центру;

5. Как обычно не забываем установить галку напротив «Обновлять автоматически».

Учимся работать в Microsoft Word правильно. Работа с рисунками Microsoft word, Типографика, Длиннопост, Обучение, Текст

В MS Word добавление рисунка в документ осуществляется через вкладку меню «Вставка – Рисунки». Рисунок при этом сразу вставляется с привязкой «как символ». Это преимущество MS Word №1.

Учимся работать в Microsoft Word правильно. Работа с рисунками Microsoft word, Типографика, Длиннопост, Обучение, Текст

Подпись к рисунку в MS Word добавляется с помощью пункта контекстного меню «Вставить название...».

Учимся работать в Microsoft Word правильно. Работа с рисунками Microsoft word, Типографика, Длиннопост, Обучение, Текст

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

Учимся работать в Microsoft Word правильно. Работа с рисунками Microsoft word, Типографика, Длиннопост, Обучение, Текст

Цифра «1» выделена темно-серым цветом. Это означает, что цифра является полем (переменной, счетчиком). При добавлении следующей подписи к рисунку, новое созданное поле будет содержать цифру «2».

Также необходимо отметить, что в контекстном меню содержится пункт «Коды/Значения полей», нажатие на который позволяет увидеть код поля. Это может пригодиться при последующей работе с макросами.

Учимся работать в Microsoft Word правильно. Работа с рисунками Microsoft word, Типографика, Длиннопост, Обучение, Текст

Видно, что в данном случае мы имеем sequence (последовательность) со встроенным именем «Рисунок» и арабской нумерацией. В принципе, никто не мешает нам создать свое поле с произвольными параметрами с помощью пункта меню «Вставка – Экспресс-блоки – Поле...».

Учимся работать в Microsoft Word правильно. Работа с рисунками Microsoft word, Типографика, Длиннопост, Обучение, Текст

На работе с полями MS Word мы подробно остановимся в следующей статье о макросах, но, в принципе, использование полей неплохо описано в статье некой Татьяны Сущенко.

Перекрестные ссылки в MS Word вставляются с помощью пункта меню «Вставка – Перекрестная ссылка».

Учимся работать в Microsoft Word правильно. Работа с рисунками Microsoft word, Типографика, Длиннопост, Обучение, Текст

При вставке ссылки необходимо выбрать:

1. Тип ссылки: «Рисунок» (после этого появятся рисунки на выбор);

2. Вставить ссылку на: «Постоянная часть и номер».


Обозначенная выше проблема со вставкой перекрестной ссылки в виде «Постоянная часть и номер» в MS Word, на данный момент, решается двумя способами.


Первый способ широко известен. Пишем, например, «см. рисунок» и добавляем дальше перекрестную ссылку в том виде, как это позволяет делать MS Word. Затем просто выделяем слово «Рисунок» прямо по ссылке и нажимаем «Ctrl + Shift + H», скрывая эти буквы. Они оказываются подчеркнуты пунктирной линией, и становятся видны только в режиме «Отобразить все знаки», но не видны в режиме просмотра, и не видны принтеру.

Учимся работать в Microsoft Word правильно. Работа с рисунками Microsoft word, Типографика, Длиннопост, Обучение, Текст

Второй способ работает следующим образом. Выделяем номер рисунка, нажимаем «Вставка – Закладка», называем закладку, например, «Рисунок_1» (пробелы в названиях закладок запрещены). После этого создаем перекрестную ссылку не на рисунок, а на закладку рисунка (которая, фактически, оказывается в том же месте, что и номер рисунка). При добавлении перекрестной ссылки выбираем «Вставить ссылку на: текст закладки».

У второго способа, не смотря на его сложность, есть один неочевидный плюс: перекрестную ссылку на рисунок невозможно вставить программным способом с помощью макроса, потому что название поля REF для перекрестной ссылки на рисунок MS Word назначает случайным образом.

Учимся работать в Microsoft Word правильно. Работа с рисунками Microsoft word, Типографика, Длиннопост, Обучение, Текст

А вот ссылку на закладку можно вставить в виде поля REF, если знать имя закладки, которое только что назначили мы сами («Рисунок_1»).

Учимся работать в Microsoft Word правильно. Работа с рисунками Microsoft word, Типографика, Длиннопост, Обучение, Текст

Безусловно, оба вышеприведенных способа – это просто костыли, которые приводят к необходимости кучи дополнительной работы.


Хочу сразу предупредить, что в этой статье сознательно не была упомянута работа со сложной нумерацией рисунков типа «1.1», где первая цифра – номер главы. Статья и так получилась безумно длинной и перегруженной информацией. Для понимания работы сложной нумерации рисунков нам необходимо будет предварительно разобрать работу с главами и понять основные принципы использования полей. Также работа с главами не совсем коррелирует с многоуровневыми списками на основе стилей, наследованных от стилей «Заголовок 1-5», что вызывает определенные проблемы. В частности, именно из-за этого я в своих работах просто отказался от использования сложной нумерации, хотя это и не соответствует ГОСТ 7.32-2001, в котором нумерация рисунков должна включать в себя номер раздела.


Последнее, что хотелось бы отметить: поля в MS Word не всегда обновляются автоматически. Ручное обновление полей осуществляется с помощью комбинации клавиш «Ctrl +A» и «F9».


По сравнению MS Word и LibreOffice Writer в части работы с изображениями подводим итог:

Учимся работать в Microsoft Word правильно. Работа с рисунками Microsoft word, Типографика, Длиннопост, Обучение, Текст

Можете расценивать это как хотите, но совсем не исключено, что в других аспектах MS Word покажет себя лучше.


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


Позже мы также рассмотрим:

• Совместную работу в word, передачу шаблона, копирование текста;

• Переворот страницы в альбомную, границы разделов;

• Вставку таблиц из excel;

• Форматирование таблиц;

• Работу с маркированными и нумерованными списками;

• Создание и использование списка литературы, ссылки на элементы списка литературы;

• Совместимость MS Word и LibreOffice Writer;

• Бестолковые локации MS Word, его косяки.

Показать полностью 19
[моё] Microsoft word Типографика Длиннопост Обучение Текст
45
Eigensinn
4884

Учимся работать в Microsoft Word правильно

Так уж получилось, что по долгу службы мне часто приходится использовать MS Word для написания научно-технических отчетов. В течение 10 лет на работе я практически ежедневно сталкиваюсь с тем, что компьютер вместе с этим довольно мощным редактором текстов люди преимущественно используют в качестве аналога пишущей машинки. В принципе, этого хватает для написания служебной или объяснительной записки, но когда человек начинает таким же образом формирование реферата, научно-технического отчета или написание книги, такая работа, в силу необходимости регулярной редактуры ранее написанного, очень быстро становится пыткой. И такой же пыткой становится редактирование текста человеком, умеющим работать в MS Word, после правок, внесенных человеком, работать в нем не умеющем.


Здесь я постараюсь отразить основные вехи того, как делать правильно, и как делать не следует. Далее я покажу, что текстовый редактор MS Word изначально разрабатывался программистами и для программистов, а не для прочих людей. Впрочем, со мной вполне согласна Светлана Семененко.


Вначале сделаем небольшое отступление и упомянем тот факт, что работать в текстовом редакторе необходимо исключительно в режиме правки или «Отобразить все знаки» (Ctrl + *).

Учимся работать в Microsoft Word правильно Microsoft word, Обучение, Текст, Типографика, Длиннопост

Делать это нужно по той простой причине, что иначе Вы просто не будете видеть многие служебные знаки, которые требуются для правильной ориентации по документу и правильного понимания того, чем на самом деле является конкретное место документа (списком, основным текстом или заголовком). Вы также не будете понимать, что в данном месте находится такая важная и полезная вещь как неразрывный пробел (Shift + Ctrl + Space) или перевод строки без создания нового абзаца (Shift + Enter). Первое используется преимущественно для добавления в текст единиц измерения физических величин, второе нужно значительно реже. Вы также не будете видеть сколько вы отбили случайным образом лишних пробелов и сделали лишних переводов строки. Последнее вообще рекомендуется делать только в случае необходимости создания нового абзаца, а не для перехода на новую страницу – для этого существует функция «Вставить разрыв страницы» (Ctrl + Enter).

Учимся работать в Microsoft Word правильно Microsoft word, Обучение, Текст, Типографика, Длиннопост

Документ с кучей пустых строк смотрится отвратительно и по-разному открывается в различных версиях MS Word (вы рискуете не увидеть начало новой порции текста там, где вы это задумали, и количество страниц также может отличаться).


Итак, вернемся к программированию. Книга или научно-технический отчет – это документ, имеющий много уровней сложности. Это обстоятельство сразу же налагает некоторые ограничения и устанавливает определенные требования при работе с текстовым редактором. Первое из таких требований: необходимо соблюдать принцип DRY, как это делают программисты при написании кода, потому что если этого не делать, то мы просто устанем править подобные элементы по одному. В MS Word есть весь необходимый инструментарий для соблюдения принципа DRY, и главный элемент этого инструментария – встроенные классы с их методами, которые мы можем использовать при объявлении переменных. В современных версиях MS Word практически все возможные действия с классами оформлены в виде набора функций, вынесенного в меню (зачастую не слишком удачно).


Первое, что необходимо освоить начинающему работать в текстовом редакторе – использование стилей (Alt + Ctrl + Shift + s).

Учимся работать в Microsoft Word правильно Microsoft word, Обучение, Текст, Типографика, Длиннопост
Без постоянно открытой панели «Стили» в MS Word работать практически невозможно, потому что в ней содержатся классы, образующие структуру будущего документа (заголовки разного уровня, элементы списков, элементы оглавления, подписи для нумерованных рисунков и таблиц), позволяющие формировать автособираемое оглавление и править подобные элементы отчета одновременно путем правки свойств назначенного им стиля.
Учимся работать в Microsoft Word правильно Microsoft word, Обучение, Текст, Типографика, Длиннопост

Представленная изначально система ненумерованных заголовков исходного шаблона Normal.dotm (который находится в папке C:\Users\{{user}}\AppData\Roaming\Microsoft\Шаблоны или C:\Users\{{user}}\AppData\Roaming\Microsoft\Templates) довольна проста, но нам необходимо будет ее доработать для создания гибридной системы нумерованных и ненумерованных заголовков, и привести ее в соответствие с ГОСТ 7.32-2001 «Отчет о научно-исследовательской работе. Структура и правила оформления», который полностью списан с аналогичного американского стандарта (в этом вы можете убедиться, полистав документы NASA, находящиеся в свободном доступе). Именно этот ГОСТ 7.32-2001 должны использовать все школьники и студенты для своих рефератов.


В MS Word присутствуют базовые (!) стили заголовков (Заголовок 1, Заголовок 2, Заголовок 3…). Но это совсем не означает, что нам нужно их использовать в исходном виде. От них необходимо наследоваться – вот вам и второе требование из мира программирования. Для того, чтобы настроить свою гибридную систему заголовков нам нужно запомнить две основные локации:


Главная – Многоуровневый список – Определить новый многоуровневый список

Учимся работать в Microsoft Word правильно Microsoft word, Обучение, Текст, Типографика, Длиннопост
И Ссылки – Оглавление – Настраиваемое оглавление – Параметры.
Учимся работать в Microsoft Word правильно Microsoft word, Обучение, Текст, Типографика, Длиннопост

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


Итак, сначала создадим новые стили для нумерованных заголовков. Начнем со стиля «Нумерованный заголовок 1». Для этого внизу панели «Стили» нажимаем на кнопку «Создать стиль». Откроется примерно такое окно.

Учимся работать в Microsoft Word правильно Microsoft word, Обучение, Текст, Типографика, Длиннопост

Что необходимо здесь отметить:

1. Изначально «Нумерованный заголовок 1» создается совершенно ненумерованным. Это совсем нестрашно, и решаемо на следующем этапе настройки во время создания связки с многоуровневым списком;


2. Стиль устанавливаем обязательно «Связанный (абзац и знак)»;


3. Основан на стиле: «Заголовок 1» – то самое наследование. То есть все свойства стиля «Заголовок 1» будут также использоваться в стиле «Нумерованный заголовок 1» кроме тех, которые вы сами переопределите;


4. Стиль следующего абзаца: «Основной текст». Это стиль следующей после заголовка строки. Я рекомендую использовать стиль «Основной текст» в качестве стиля для базового текста документа вместо стиля «Обычный» для лучшей совместимости с LibreOffice;


5. Не забудьте поставить галочку «Обновлять автоматически». Это позволит автоматически менять вид документа после обновления данного стиля без необходимости нажатия клавиш «Ctrl +A» и «F9»;


6. Все остальные настройки – это некая эзотерика, которая позволяет привести вид заголовка к его прообразу в ГОСТ 7.32-2001 (цвет, размер шрифта, выравнивание, отступы, кернинг, интерлиньяж).


Далее мы просто создаем подобным же образом стили «Нумерованный заголовок 2» – «Нумерованный заголовок 5». Как правило, пяти уровней нумерованных заголовков хватает для создания сложного документа объемом 300-500 страниц. Наследуемся при этом от соответствующих базовых стилей заголовков «Заголовок 2» – «Заголовок 5».


Вторым этапом настройки системы гибридных заголовков будет настройка многоуровневого списка.


Для этого мы выбираем любую строку и назначаем ей только что созданный стиль «Нумерованный заголовок 1». Далее переходим в Главная – Многоуровневый список – Определить новые многоуровневый список, нажимаем кнопку «Больше >>» и видим примерно такое окно.

Учимся работать в Microsoft Word правильно Microsoft word, Обучение, Текст, Типографика, Длиннопост

Здесь необходимо отметить следующее:

1. Применить ко всему списку – структура многоуровневого списка должна проходить через весь документ;


2. Ключевой момент – связываем уровень 1 с только что созданным стилем «Нумерованный заголовок 1»;


3. Формат номера – просто число, без всяких точек. Точками отделяются только уровни, как вещает нам наш американский стандарт. То есть, не «1. Текст заголовка», а «1 Текст заголовка». Такой подход интересен тем, что он практически не используется в издательском деле. Смысл подхода заключается в минимизации необходимого количества служебных знаков в документе без потери понимания его смысла;


4. Символом после номера назначаем пробел вместо знака табуляции, чтобы не иметь регулярных проблем с расстоянием между номером и заголовком.


Далее связываем уровни 2-5 с соответствующими стилями «Нумерованный заголовок 2» – «Нумерованный заголовок 5». Обратите внимание на формат номера: два числа, разделенные точкой, в конце точки нет. К вышеприведенным четырем пунктам добавляется только настройка нумерации: для уровня 2 выставляем «Нумеровать заново: Уровень 1», чтобы нумерация не была сквозной.

Учимся работать в Microsoft Word правильно Microsoft word, Обучение, Текст, Типографика, Длиннопост

Последним этапом будет настройка оглавления. В «Ссылки – Оглавление – Настраиваемое оглавление – Параметры» мы выставляем уровни заголовков, которые должны отображаться в автособираемом оглавлении.

Учимся работать в Microsoft Word правильно Microsoft word, Обучение, Текст, Типографика, Длиннопост

В данном случае мы выставили первый уровень для стилей «Нумерованный заголовок 1» (по левому краю, строчными буквами) и «Структурный элемент отчета» (например, ВВЕДЕНИЕ, РЕФЕРАТ, ЗАКЛЮЧЕНИЕ – заглавными буквами и по-центру, также наследуется от «Заголовок 1»). Теперь в автособираемом оглавлении оба этих заголовка окажутся на одном уровне.


Наконец, я напишу ради чего все это делается. Дело в том, что если устанавливать Уровень 1 для стиля «Заголовок 1» и любого другого стиля, для этого другого стиля MS Word уровень попросту сбрасывает. Если устанавливать Уровень 1 для двух стилей, наследованных от одного («Заголовок 1»), то этого не происходит.


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


В итоге мы настроили свою собственную систему заголовков, соответствующую ГОСТ 7.32-2001, и определили уровни автособираемого оглавления, для которых они будут применяться (например, может быть назначено два заголовка первого уровня – нумерованный и ненумерованный, внешне выглядящие совершенно по-разному – вот ради чего и затевалось создание своей системы заголовков с помощью наследования).


Далее необходимо сохранить наши правки стилей и перезаписать стандартный шаблон Normal.dotm, чтобы мы могли применять созданные стили во всех новых документах. Для этого нажимаем «Файл – Сохранить как», и сохраняем файл в любое место как шаблон с поддержкой макросов Normal.dotm.

Учимся работать в Microsoft Word правильно Microsoft word, Обучение, Текст, Типографика, Длиннопост

Затем закрываем MS Word, переходим в папку C:\Users\{{user}}\AppData\Roaming\Microsoft\Шаблоны или C:\Users\{{user}}\AppData\Roaming\Microsoft\Templates в зависимости от версии Windows, и без зазрения совести переписываем базовый шаблон Normal.dotm на новый, все равно более бестолкового базового шаблона, чем шаблон Microsoft, невозможно придумать для целей всех наших школьников, студентов и клерков.


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

Показать полностью 10
[моё] Microsoft word Обучение Текст Типографика Длиннопост
536
Eigensinn
105

Как выбрать шрифт: инструкция арт-директора «Медузы»

Как выбрать шрифт: инструкция арт-директора «Медузы» Дизайн, Типографика, Статья, Лайфхак, Полезное, Шрифт, Инструкция, Видео, Длиннопост

Часто приходится сталкиваться с ситуацией, когда нужно выбрать шрифт: для презентации, объявления, поздравления, резюме или для собственного сайта. Арт-директор «Медузы» Сергей Сурганов написал инструкцию о том, как и где найти подходящий шрифт и как его правильно использовать.

1. Разберитесь в видах шрифтов


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

Как выбрать шрифт: инструкция арт-директора «Медузы» Дизайн, Типографика, Статья, Лайфхак, Полезное, Шрифт, Инструкция, Видео, Длиннопост

Антиква — это шрифт с засечками, а гротеск — без засечек.


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

Есть две основные группы шрифтов — антиквы и гротески. Антиквы — это шрифты с засечками, гротески — без засечек.

2. Используйте шрифт с засечками для длинных текстов


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



Если вы пользуетесь Windows, среди антикв хорошим выбором будет Georgia (такой шрифт используется на сайте The New York Times) или Garamond (классическая антиква, которая идет в комплекте с Microsoft Office). На Mac OS тоже есть Georgia, а также прекрасные Iowan Old Style (один из шрифтов в читалке iBooks), Charter (который хорошо подходит для печати в маленьком размере) и PT Serif (его можно бесплатно скачать для Windows).



Шрифт с засечками хорошо подходит для набора длинных текстов. На Windows используйте Georgia или Garamond, а на Mac OS — Iowan Old Style или Charter.

3. Используйте шрифт без засечек для коротких текстов


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



Для пользователей Windows можно порекомендовать стандартные Verdana, Tahoma и Segoe UI (и, пожалуйста, никакого Arial и Calibri!). У пользователей Mac OS к уже упомянутым Verdana и Tahoma также добавляются Helvetica Neue и Helvetica (про этот шрифт даже сняли целый фильм). А вот отличный San Francisco, новый фирменный шрифт Apple, который используется во всех интерфейсах, упаковке и с недавних пор на официальном сайте, почему-то недоступен для использования внутри системы по умолчанию, поэтому его приходится скачивать и устанавливать отдельно.



Используйте шрифт без засечек для всего, что не является длинным текстом. На Windows используйте Verdana или Tahoma, а на Mac OS — их же или Helvetica Neue.

4. Скачивайте бесплатные шрифты


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



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

Как выбрать шрифт: инструкция арт-директора «Медузы» Дизайн, Типографика, Статья, Лайфхак, Полезное, Шрифт, Инструкция, Видео, Длиннопост

Большой выбор бесплатных кириллических шрифтов в Google Fonts


Также можно искать бесплатные шрифты в тематических сообществах или скачивать пробные версии на сайтах производителей шрифтов — хотя, к сожалению, это пока что не самая частая практика. И будьте осторожны: не все бесплатные шрифты качественно сделаны, и не все бесплатные шрифты можно использовать для коммерческих целей, поэтому читайте лицензию.



Качайте бесплатные шрифты на Google Fonts, MyFonts или ищите их в интернете. Бесплатный шрифт может оказаться некачественным. Читайте лицензию, если собираетесь использовать шрифт в коммерческих целях.

5. Купите шрифт, если хотите чего-то большего


Самый богатый выбор шрифтов у тех, кто готов за них платить. Наиболее популярный интернет-магазин шрифтов — это MyFonts, в котором одних только кириллических шрифтов можно найти почти две тысячи штук. Также можно посоветовать посетить сайты словолитен (так называются компании, которые делают шрифты): Parachute, Colophon, Radim Pesko, Commerical Type, Grilli Type. Среди российских компаний можно отметить: «Паратайп», Студию Лебедева, Letterhead, Type Today и Brownfox.



Производители шрифтов стараются подать свой товар в как можно более выгодном свете, поэтому на их сайты можно зайти даже не за покупками, а для того чтобы вдохновиться примерами использования. Например, посмотрите, насколько разнообразно можно использовать какой-нибудь, на первый взгляд, скучный гротеск. Еще больше примеров использования шрифта можно увидеть на Fonts In Use.

Как выбрать шрифт: инструкция арт-директора «Медузы» Дизайн, Типографика, Статья, Лайфхак, Полезное, Шрифт, Инструкция, Видео, Длиннопост

Фрагмент промосайта шрифта GT America gt-america.com


Обычно одно начертание шрифта стоит около 3000 рублей (бывает и дешевле, и дороже). И да, за жирное или курсивное начертание придется заплатить столько же, сколько и за обычное. К счастью, часто можно сэкономить, купив всю шрифтовую семью разом — оптом дешевле.



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



Купить шрифты можно на MyFonts или на сайтах конкретных производителей. Обычно одно начертание шрифта стоит около 3000 рублей.

6. Учитывайте контекст применения шрифта


Если набрать этот абзац шрифтом Comic Sans (или любым другим «веселым» шрифтом), ничего страшного, конечно же, не произойдет. Правда, стоит знать, что изначально этот шрифт был вдохновлен надписями из комиксов и использовался для реплик виртуального помощника от Microsoft. Вне этого контекста Comic Sans выглядит несколько странно. Хотя, как мы знаем, при правильном использовании этот шрифт подходит буквально для всего (шутка).

Как выбрать шрифт: инструкция арт-директора «Медузы» Дизайн, Типографика, Статья, Лайфхак, Полезное, Шрифт, Инструкция, Видео, Длиннопост

Проект по переделке известных логотипов с использованием Comic Sans


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



Каждый шрифт был сделан для решения определенной задачи, это стоит учитывать при его использовании.

7. Помните, что не все зависит от выбора шрифта


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



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



Недостаточно лишь выбрать шрифт, нужно еще уметь им пользоваться. Не увлекайтесь выразительными средствами. Чем проще, тем лучше.

Источник: designmojo

Показать полностью 3 1
Дизайн Типографика Статья Лайфхак Полезное Шрифт Инструкция Видео Длиннопост
18
COSMOBATHuK
в Графический и Веб-дизайн
COSMOBATHuK
346

Звонок из полиции. Финал.

Не так давно писал пост в котором просил помощи от Лиги Юристов. В итоге было принято решение на диалог идти без вручения повестки. Меня по приходу заверили, что это только опрос, так надо и ребята из типографии обязаны были так сделать. Однако, некоторые комментарии беспокоили, ибо намекали, что сходить ты можешь и тебя заверят, что все "окей", но дело таки заведут. На душе было не спокойно, поэтому увидев сегодня конверт я изрядно поволновался.

Звонок из полиции. Финал. Joking Hazard, Полиция, Типографика, Заявление, Маразм ли?, Длиннопост

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

Звонок из полиции. Финал. Joking Hazard, Полиция, Типографика, Заявление, Маразм ли?, Длиннопост
Звонок из полиции. Финал. Joking Hazard, Полиция, Типографика, Заявление, Маразм ли?, Длиннопост
Звонок из полиции. Финал. Joking Hazard, Полиция, Типографика, Заявление, Маразм ли?, Длиннопост
Звонок из полиции. Финал. Joking Hazard, Полиция, Типографика, Заявление, Маразм ли?, Длиннопост

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

Показать полностью 4
Joking Hazard Полиция Типографика Заявление Маразм ли? Длиннопост
65
Mintadir
85

Stranger Things

Решил тут ради смеха локализовать название сериала, до которого наконец-то дорвались руки. В итоге почему-то ничего адекватнее на ум не пришло.


Отрицательной оценки не несёт, сюжет прекрасно понимаю, локализация прямее некуда.

Stranger Things Stranger Things, Netflix, Сериалы, Очень странные дела, Мат, Типографика
[моё] Stranger Things Netflix Сериалы Очень странные дела Мат Типографика
10
Lemis
Lemis
26

Записки начинающего дизайнера (или «Поделаем дизайн»)

Всем привет!


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


Посмотрим же на текст, который мы хотим править:

Записки начинающего дизайнера (или «Поделаем дизайн») Дизайн, Сайт, Текст, Типографика, Длиннопост, Вёрстка веб-страниц
Записки начинающего дизайнера (или «Поделаем дизайн») Дизайн, Сайт, Текст, Типографика, Длиннопост, Вёрстка веб-страниц

Заголовок со шрифтом «OpenSans» и текст, набранный шрифтом «Tahoma» смотрятся не страшно, а контраст заголовка с текстом достигается тем, что заголовки пишутся исключительно прописными символами. А вот кегль в 12px — ужасная вещь. Такой можно использовать в книгах/журналах/газетах, но в интернете это слишком мелко. Увеличим до 14px и получим более читаемую картину:

Записки начинающего дизайнера (или «Поделаем дизайн») Дизайн, Сайт, Текст, Типографика, Длиннопост, Вёрстка веб-страниц

Так же есть небольшое правило, которое часто забывается: «Прописные буквы всегда требуют разрядки». И правило это взято не с потолка. Чаще всего при таком наборе буквы начинают слипаться и на небольшом удалении превращаются в небольшую кашу. Я, обычно, ставлю разрядку порядка 0.1em (правило letter-spacing в CSS) (100 в Photoshop) и это выглядит хорошо.

Записки начинающего дизайнера (или «Поделаем дизайн») Дизайн, Сайт, Текст, Типографика, Длиннопост, Вёрстка веб-страниц

2. Вёрстка текста

2.1 Выравнивание текста


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

Я думаю не нужно быть профессионалом в типографике, что бы понять, что данный текст неудобен для чтения. Постараемся же последовательно пройтись по всем важным элементам:


1. Шрифт

Записки начинающего дизайнера (или «Поделаем дизайн») Дизайн, Сайт, Текст, Типографика, Длиннопост, Вёрстка веб-страниц

2.2 Интерлиньяж (межстрочный интервал)


Если брать все базовые правила типографики, то интерлиньяж должен устанавливаться, исходя из длины строки и кегля. Но какого-то единого готового рецепта не существует и поэтому всегда надо верить своим глазам. А они работают у нас по такой схеме: мы дочитываем строку и по отступу между строк движем взгляд влево, до новой строки. Именно поэтому интерлиньяж должен быть больше, чем размер нашего кегля. В данном случае они равны и мозгу тяжело даются перескоки между строками. Увеличим интерлиньяж в полтора раза.

Записки начинающего дизайнера (или «Поделаем дизайн») Дизайн, Сайт, Текст, Типографика, Длиннопост, Вёрстка веб-страниц

2.3 Отступы


Заголовок в данном случае оторван от самого текста, что совсем не красиво. Многие пытаются отбить заголовок от текста и я не пойму — почему? Для начала подвинем заголовок поближе к тексту, но так, что бы он не влезал в интерлиньяж текста. Для этого нам надо сделать отступ от заголовка чуть больше, чем собственно интерлиньяж. Так же у нас большая проблема в том, что пункты списка сливаются, зададим им так же отступ и получим уже почти готовый текст, осталось только доработать отступы от подзаголовков.

Записки начинающего дизайнера (или «Поделаем дизайн») Дизайн, Сайт, Текст, Типографика, Длиннопост, Вёрстка веб-страниц

3. Всякие хотелки

3.1 Блок с телефоном


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

Записки начинающего дизайнера (или «Поделаем дизайн») Дизайн, Сайт, Текст, Типографика, Длиннопост, Вёрстка веб-страниц

3.2 Шрифт


Я очень люблю шрифт «Roboto» и не могу отказать себе в удовольствии поставить его в качестве основного наборного текста :)


Финальный результат:

Записки начинающего дизайнера (или «Поделаем дизайн») Дизайн, Сайт, Текст, Типографика, Длиннопост, Вёрстка веб-страниц

Всем спасибо за внимание :) Я очень надеюсь, что вам было интересно и в будущем могу так же пробовать разбирать другие темы/сайты :)

Показать полностью 9
[моё] Дизайн Сайт Текст Типографика Длиннопост Вёрстка веб-страниц
21
Psixodelik
в Графический и Веб-дизайн
Psixodelik
126

10 полезных книг о веб-дизайне и типографике

10 полезных книг о веб-дизайне и типографике Книги, Типографика, Дизайн, Длиннопост

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



1. Джеймс Феличи «Типографика. Шрифт, верстка, дизайн»  -  Скачать

10 полезных книг о веб-дизайне и типографике Книги, Типографика, Дизайн, Длиннопост

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



2. Кимберли Элам «Графический дизайн. Принцип сетки»  -  Скачать

10 полезных книг о веб-дизайне и типографике Книги, Типографика, Дизайн, Длиннопост

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



3. Марк Смикиклас «Инфографика. Коммуникация и влияние при помощи изображений»  -  Скачать

10 полезных книг о веб-дизайне и типографике Книги, Типографика, Дизайн, Длиннопост

Инфографика – наиболее эффективный способ заявить о себе, донести информацию, достичь результата.

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



4. Белла Мартин, Брюс Ханингтон «Универсальные методы дизайна»  -  Скачать

10 полезных книг о веб-дизайне и типографике Книги, Типографика, Дизайн, Длиннопост

Брюс Ханингтон, профессор прикладного дизайна Университета Карнеги (США), и известный практикующий дизайнер и консультант Белла Мартин собрали в этой книге 100 наиболее популярных и эффективных методов создания высококачественных дизайнерских работ, без которых не обойтись ни одному современному дизайнеру, в какой бы сфере он ни применял свое мастерство. Авторы подробно описывают каждую методику, рассказывают о том, как она была применена впервые, и приводят наиболее удачные примеры ее использования.



5. Ян Чихольд «Новая типографика. Руководство для современного дизайнера»
  -  Скачать

10 полезных книг о веб-дизайне и типографике Книги, Типографика, Дизайн, Длиннопост

Впервые книга была опубликована в 1928 году в Германии и стала своего рода манифестом современной типографики. Это доскональное и увлекательное исследование охватывает широкий круг вопросов – от теорий социального критицизма и истории искусств до возрастающей важности фотографии в графическом дизайне. Помимо этого, в «Новой типографике» Ян Чихольд формулирует предельно ясные и четкие правила оформления печатных материалов.



6. Пол Рэнд «Дизайн. Форма и хаос»  -   Скачать

10 полезных книг о веб-дизайне и типографике Книги, Типографика, Дизайн, Длиннопост

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



7. Роберт Брингхерст «Основы стиля в типографике»  -  Скачать

10 полезных книг о веб-дизайне и типографике Книги, Типографика, Дизайн, Длиннопост

Эта книга, впервые изданная в 1992 году, быстро стала профессиональным бестселлером и остается им в мире англоязычной типографики до сих пор. Ее авторитет был сразу признан в типографическом сообществе как приверженцами классики, так и сторонниками авангарда. «Что такое хорошая типографика? Каковы критерии ее качества? Как добиться лучших результатов в оформлении текста? Книга Брингхерста помогает во всём этом разобраться.



8. Герман Цапф «Философия дизайна Германа Цапфа»  -  Скачать

10 полезных книг о веб-дизайне и типографике Книги, Типографика, Дизайн, Длиннопост

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



9. Эллен Луптон «Графический дизайн от идеи до воплощения»  -  Скачать

10 полезных книг о веб-дизайне и типографике Книги, Типографика, Дизайн, Длиннопост

Креативность дизайнера – не врожденный талант, а способность, которую можно развить только на практике. Дизайнерские навыки – результат кропотливого труда, но разумеется, есть и профессиональные секреты, с помощью которых успеха можно добиться быстрее. Именно этим практическим приемам посвящена книга Эллен Луптон, созданная на базе факультета Графического дизайна Мэрилендского института искусств (MICA). В нее вошли интервью с ведущими современными дизайнерами.



10. Джессика Глейзер, Кэролин Найт «Дизайн. Разработка проектов. Разбуди свое вдохновение!»  -  Скачать

10 полезных книг о веб-дизайне и типографике Книги, Типографика, Дизайн, Длиннопост

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

Приятного чтения!

Показать полностью 9
Книги Типографика Дизайн Длиннопост
12
COSMOBATHuK
в Графический и Веб-дизайн
COSMOBATHuK
1494

Типографика для веб: +10% к скорости чтения, +15% восприятию

Типографика для веб: +10% к скорости чтения, +15% восприятию Дизайн, Типографика, Урок, Длиннопост

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


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



Первый пример – с плохой типографикой:

Типографика для веб: +10% к скорости чтения, +15% восприятию Дизайн, Типографика, Урок, Длиннопост



Второй пример с хорошей типографикой:

Типографика для веб: +10% к скорости чтения, +15% восприятию Дизайн, Типографика, Урок, Длиннопост

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



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

Типографика для веб: +10% к скорости чтения, +15% восприятию Дизайн, Типографика, Урок, Длиннопост

Давайте рассмотрим несколько приемов, которые помогут сделать ваш текст более приятным для чтения, а материал легче усваиваемым.

1. Длина строк, межстрочное расстояние и поля


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

Типографика для веб: +10% к скорости чтения, +15% восприятию Дизайн, Типографика, Урок, Длиннопост

Оптимальная длина строки 45-60 символов, т.е. 6-13 слов в зависимости от языка и длины слов.


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


Вот как будет выглядеть наш образец текста с этими изменениями:

Типографика для веб: +10% к скорости чтения, +15% восприятию Дизайн, Типографика, Урок, Длиннопост

Стало немного лучше, но текста все еще много, и читать его не хочется.


2. Абзацы и заголовки


Чтобы большой блок текста легко читался глазу надо дать пространство для отдыха. Для этого надо разбить текст на абзацы по 3-5 строк и добавить заголовки и подзаголовки.


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

Типографика для веб: +10% к скорости чтения, +15% восприятию Дизайн, Типографика, Урок, Длиннопост

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



Чтобы показать иерархию используйте заголовки разного уровня и нумерацию, если это уместно. Лучше всего заголовки делать в 1,5 – 2 раза больше размера основного текста. Применим это к нашему образцу текста:

Типографика для веб: +10% к скорости чтения, +15% восприятию Дизайн, Типографика, Урок, Длиннопост

Сейчас уже даже при беглом просмотре можно понять о чем идет речь в тексте. Но если текста будет больше читать его все равно будет сложно.



3. Цвет текста и фона


Стандартный черный текст на белом, как ни странно не является оптимальным для чтения. Те кто сравнивал чтение книг на iPad и электронных читалках знает, что сильно контрастный текст очень утомляет глаза. На электронных чиалках же контраст значительно меньше.


В случае word или outlook например, можно сделать цвет текста не черным, а темно серым.

Типографика для веб: +10% к скорости чтения, +15% восприятию Дизайн, Типографика, Урок, Длиннопост

4. Верстка, цитаты и врезки


Монотонные блоки текста утомляют зрителя. Чтобы дать читателю отдохнуть разместите врезки с цитатами или меняйте время от времени верстку текста. Это очень важно в новостных email рассылках, где содержится большой объем текста и важно, чтобы его читали.


Если все эти правила применить к нашему образцу текста получится следующий пример. Сравните их и вы поймете разницу.

Типографика для веб: +10% к скорости чтения, +15% восприятию Дизайн, Типографика, Урок, Длиннопост

А вот еще раз наш изначальный текст:

Типографика для веб: +10% к скорости чтения, +15% восприятию Дизайн, Типографика, Урок, Длиннопост

Текст конечно стал занимать больше места, но даже при беглом просмотре читатель узнает и запомнит гораздо больше информации.


Конечно же все правила типографики рассказать в одной статье не получится, но теперь вы знаете как быстро сделать ваш текст более читабельным и получить +10% к скорости чтения, +15% восприятию.

Показать полностью 9
Дизайн Типографика Урок Длиннопост
57
COSMOBATHuK
в Графический и Веб-дизайн
COSMOBATHuK
266

Да пребудет с тобой Сила типографики!

Дизайнерская студия H-57 Creative Station выпустила три постера, на которых Йода, Дарт Вейдер и знаменитый шлем штурмовика нарисованы исключительно шрифтовыми знаками

Да пребудет с тобой Сила типографики! Типографика, Минимализм, Star wars, Не спойлер, Дизайн, Длиннопост
Да пребудет с тобой Сила типографики! Типографика, Минимализм, Star wars, Не спойлер, Дизайн, Длиннопост
Да пребудет с тобой Сила типографики! Типографика, Минимализм, Star wars, Не спойлер, Дизайн, Длиннопост

БМ не знал что и сказать

Показать полностью 2
Типографика Минимализм Star wars Не спойлер Дизайн Длиннопост
9
NeDoJumper
NeDoJumper
219

Самые популярные ошибки у тех, кто научился писать грамотно

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

* Комментарий для минусов добавлен.

Ниженаписанное относится к сайтам и полиграфии.

— Предлоги в конце строки обычно переносятся на следующую строку (относится только к полиграфии).

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

— Ставьте пробел перед открывающей скобкой и после закрывающей скобки, но не наоборот!

— Тире и дефис — разные знаки препинания. Пример: «только-только», «Мастер-тренинги», «Я — первая буква!».

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

— Слова разделять нужно одним, а не двумя пробелами!

— Избегайте трудно читаемых слов, например «здоровьесберегающих» заменить на «сберегающих здоровье» и «Клиентоориентированность» на «Ориентированность на клиента» или др.

— Не стоит писать текст желтого цвета по белому или оранжевому фону. Аналогично и другие схожие цвета. Также не стоит писать темным цветом по другому темному, например серым по темно-синему.

— Время разделяется двоеточием, даты — точками. Пример: 17.05.2010 и 8:00. Неправильный пример: с 17-30 до 18-00 или с 17.30 до 18.00.

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

— Если у строк есть нумерация, не нужно еще и маркированный список из них делать. Это относится и к повторной маркировке, когда строки начинаются, например, с тире, а к ним еще маркеры добавляют, забывая тире убрать.

— При перечислении через запятую, вместо последней желательно ставить «и»/«или», например: «для занятий, игр и сна»

— Если поясняющая информация в скобочках относится к определенному предложению, не надо перед ней точку ставить.

— Тел.: 00-00-00 — если один телефон, двоеточие не ставится

— Тел: 00-00-00, 00-00-00 — здесь забыли поставить точку после Тел.

— Выходной: 03-04-2014 или 2014-04-03 — подобное встречается на сайтах, если не удосужились обработать время, правильно: 3.04.2014, еще лучше: 3 марта 2014.

— Точка не ставится в конце заголовка

ДОБАВЛЕНО:

— Инициалы и сокращения — это не аббревиатуры. В. И. Ленин, а не В.И. Ленин. «До н. э.», а не «до н.э.». Пример аббревиатур — СССР, ВЛКСМ, КГБ.

— Текст плохо воспринимается «сплошняком». Не зря придуманы абзацы, подзаголовки, главы, разделы и подразделы (в зависимости от размеров текста).

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

Искренне рад за вас, если вы не допускаете подобных ошибок. Писал для всех остальных.

Если вы работаете в издательстве — этот список можно распечатать и раздать всем верстальщикам и дизайнерам.
Показать полностью
[моё] Грамотность Типографика Моё Стилистика Ошибка Правильно Писать Текст
84
13iangel
13iangel
Посты не найдены