Для новичков на Лиру. Вам это пригодится )))

 

Если вы недавно завели дневник на Лиру, то вам может понадобится помощь.  У меня Olia2010 есть для вас подарок, благодаря ему, я надеюсь, вам будет легче тут освоится. Как установить аватар в дневник, на Лиру? Как правильно "украсить свой дневник" или как устанавливать схемы? Как создавать рубрики в дневнике?  Как процитировать сообщение в свой дневник? Как добавить сообщение в свой дневник? Написано очень доступно, для новичков на Лиру Как удалить сообщение из дневника? И как узнать не цитируете ли вы сообщение повторно? Как читать сообщения друзей через ЛЕНТУ ДРУЗЕЙ? Где найти личку и написать в неё? Для новичков на Лиру. ЛиРу - за что дают звездочки, которые стоят рядом с аватаром Как изменить свой НИК в дневнике на Лиру? Как открыть 2 окна на рабочем столе? Для того чтобы легко было учиться...

Если вы считаете, это сообщение полезным для себя или ваших ПЧ,

то пожалуйста нажмите кнопочку "Понравилось".

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

Как удалить ЛИШНИЕ рубрики и как перенести из одной рубрики в другую все сообщения? Читаем...

Всё, что вы хотели знать о ЛиРу, но... (Самый полный FAQ по ЛиРу).




LI 5.09.15

Немного о шрифтах

 

Восемнадцать правил классической типографики

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

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

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

Каждый опытный дизайнер и верстальщик имеет постоянно используемый набор таких шрифтов, которые не преподносят «сюрпризов» на выводе. Наверняка в этот комплект входят такие известные гарнитуры, как Academy, Baskerville, Bodoni, Franklin Gothic, Futura, Garamond, Goudy, Helvetica, Petersburg, Times New Roman… (рис. 1).

Правило 2. Не используйте слишком много шрифтов в одной публикации.

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

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

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

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

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

узнаваемость букв, тем самым облегчая чтение (рис. 6, 7, 8).

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

Эти размеры обычно колеблются от 8 до 12 пунктов для текста, который будет прочитан с расстояния 30-40 сантиметров. При этом не забывайте обращать внимание на междустрочное расстояние (рис. 9 и 10).

Правило 6. Избегайте использовать шрифты слишком разных размерам и насыщенности в одной публикации.

Обычно достаточно шрифта одной гарнитуры с разницей в два пункта для набора основного текста и заголовка. Также часто бывает достаточно использовать один шрифт в начертаниях Normal и Bold для выполнения необходимых вам выделений (рис. 11, 12, 13).

Правило 7. Избегайте применять слишком темные или слишком светлые шрифты. Принцип «золотой середины» в данном случае полностью себя оправдывает (рис. 14).

Правило 8. Используйте шрифты средней ширины. Избегайте шрифты типа Condensed или Expanded. Не искажайте текст, чтобы сделать его шире или уже, растягивая или сжимая его, — этим вы препятствуете нормальному процессу чтения (рис. 15 и 16).

Правило 9. Текст должен создавать ровную непрерывную текстуру. Соблюдайте правильные межсловные и межбуквенные расстояния (рис. 17).

Правило 10. Используйте соответствующую длину строки. И слишком большая, и слишком короткая длина строки затрудняет процесс чтения.

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

Чтение же чрезмерно коротких строк создает эффект «рубленого» чтения, что утомляет и раздражает читателя.

Правило 11. Соблюдайте правильные междустрочные расстояния.

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

Правило 12. Для оптимального удобства чтения используйте флаговый набор с выключкой влево.

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

Правило 13. Обозначайте начало абзаца.

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

Правило 14. Не допускайте висячих строк.

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

Правило 15. Делайте выделения в тексте, не мешающие потоку чтения.

Не переусердствуйте: минимум выделений обеспечит максимальные результаты (рис. 22).

Правило 16. Не нарушайте целостность рисунка шрифта.

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

Правило 17. Не нарушайте принцип выравнивания букв и слов по базовой линии.

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

Правило 18. При работе со шрифтами и цветом следите, чтобы имел место достаточный контраст между текстом и фоном.

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

 

Литература:

Rob Carter. Experimental Typography. RotoVision. New York. 1997.

 

Источник: Николай Дубина, http://www.compuart.ru

 

 

 

Еще одна статья, в которой собраны несколько заметок от создателя сайтов (видимо). Некоторые правила сомнительны, однако...

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

Поэтому при разработке дизайна страниц необходимо всегда помнить и неукоснительно соблюдать следующие правила:

1. размер основного шрифта документа – не менее 10 px;
2. запрещается применение сглаживания и эффектов для шрифтов размером менее 14 рх;
3. запрещается применение сглаживания и эффектов в основном тексте и заголовках сайта;
4. цвет указвыается явно в свойствах шрифта, а не через эффекты слоя;
5. запрещается использовать эффекты прозрачности для основного текста сайта;
6. не допускается растеризовывать текст;
7. все шрифты, использованные в дизайне, должны быть приложены к макету в отдельной папке fonts;
8. для основного текста сайта, заголовков и ссылок необходимо использовать безопасные шрифты (таблицу безопасных шрифтов смотрим  здесь).

У Вас наверное возник вопрос – что такое безопасные шрифты?  Это шрифты которые одинаково (или практически одинаково) выглядят в разных браузерах и на разных платформах. Использование этих шрифтов обеспечивает корректное отображение сайта у любого посетителя.

Источник: http://www.bontonweb.com

 

 

ШРИФТ. СОВЕТЫ ПО ИСПОЛЬЗОВАНИЮ ШРИФТОВ

ТИПОМЕТРИЧЕСКИЕ ЕДИНИЦЫ

Пика равна 12 пунктам,что чуть меньше 1/6 дюйма (большинство людей округляет эту величину). Ширина и высота колонок и полос выражаются в пиках.

Пункт составляет 0,353 мм. Размер шрифта и расстояние между строками оценивают в пунктах.

Цицеро-это единица, принятая в большинстве стран Европы. Она примерно равна пике (5,62 цицеро равны 1 дюйму).

Термины круглая шпация, полукруглая шпация тонкая шпация характеризуют горизонтальные размеры шрифта. Они соответствуют ширине заглавных букв М, N и строчной буквы t.

Круглая шпация равна размеру шрифта, полукруглая шпация составляет 0,5 размера шрифта, а тонкая шпация - 0,25 размера шрифта. Другими словами, для 12-пунктового шрифта круглая шпация равна 12 пунктам, полукруглая шпация - 6 пунктам, а тонкая шпация - 3 пунктам. Ширина цифры показывает, сколько места на строке занимает цифра. Она равна полукруглой шпации (в большинстве шрифтов все цифры имеют одинаковую ширину, что особенно удобно при формировании числовых колонок в таблицах).

В следующей таблице приведены соотношения основных единиц измерения:

Единица измерения	Соотношение
	с единицами типографской системы	с миллиметром при наборе
Пункт	1/48 квадрата	0,353
Квадрат	48 пунктов	6,9-17
Нонпарель	6 пунктов	2,15
Петит	8 пунктов	2,82
Корпус	10 пунктов	3,53
Цицеро	12 пунктов	4,24

ОСНОВНЫЕ ТЕРМИНЫ

ШРИФТ

Шрифт-это набор символов определенного размера и рисунка (например, полужирный шрифт New Baskerville размером 10 пунктов).

Большую часть шрифтов можно разделить на четыре группы: шрифты с засечками, или антиква (serif), шрифты без засечек, или гротески (sans serif), декоративные (decorative) и рукописные (script).

Ниже приведены образцы некоторых широко распространенных в DTP шрифтов:

ГРУППЫ ШРИФТОВ

Для каждого шрифта существует несколько вариантов начертания: нормальное (plain), курсивное (italic), жирное (bold) и жирное курсивное (bold italic). Различные варианты начертания некоторого шрифта всех возможных размеров (кеглей) объединяются в одно шрифтовое семейство или гарнитуру.

Ниже приведен пример различных начертаний гарнитуры Таймс:

Times Plain
Times Italic
Times Bold
Times Bold Italic

Конечно, это далеко не все возможные начертания, однако эти начертания обязательно присутствуют во всех гарнитурах. Кроме них можно назвать такие широко распространенные начертания, как: светлое (light), суперсветлое (extra light), полужирное (demi bold), супержирное (extra bold), сжатое (compressed или condensed). Существует и множество других, для которых иногда даже нет общепринятого наименования.

ПРОПОРЦИИ ШРИФТА

В зависимости от пропорций знаков шрифт может быть сжатым (condenced), нормальным (normal) и широким (expanded). Реализация сжатого шрифта некоторой гарнитуры как отдельной разновидности в DTP-системах скорее исключение, чем правило. В подавляющем большинстве сжатые шрифты получаются средствами самой DTP-системы - путем пропорциональной деформации. Причем такая деформация может представлять собой не обязательно сжатие - строятся и растянутые начертания.

ОФОРМИТЕЛЬСКИЕ ЭФФЕКТЫ

Одной из интересных возможностей оформления любых шрифтов является построение контурных литер (Outline-эффект). В DTP-системах реализована также возможность создания теневого (Shadow) эффекта для любых шрифтов.

Эти и многие другие эффекты реализуются компьютером путем модификации стандартных шрифтов по определенным алгоритмам.

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

РАЗМЕР ШРИФТА

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

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

На следующей иллюстрации изображены несколько кеглей одной гарнитуры:

Существуют специфические наименования для отдельных кеглей, также «унаследованные из прошлого»: бриллиант (3 пункта), диамант (4 пункта), перл (5 пунктов), нонпарель (6 пунктов), миньон (7 пунктов), петит (8 пунктов), боргес (9 пунктов), корпус (10 пунктов), цицеро (12 пунктов), миттель (14 пунктов), терция (16 пунктов), текст (20 пунктов).

ЕМКОСТЬ И НАСЫЩЕННОСТЬ ШРИФТА

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

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

На рисунке ниже один и тот же текст набран одним кеглем, но имеет для разных шрифтов свою емкость и насыщенность:

СОВЕТЫ ПО ИСПОЛЬЗОВАНИЮ ШРИФТОВ

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

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

Ниже приводятся несколько простых советов по использованию шрифтов:

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

Cinemagraph tutorial. Синемаграф туториал. Как сделать синемаграфию?

 

Cinemagraph tutorial. Синемаграф туториал. Как сделать синемаграфию?

ДАЛЕЕ>>>

Фон как одна большая картинка

Меня часто спрашивают, как сделать так, чтобы фоном в дневнике была одна картинка, а не много повторяющихся. Я уже как-то об этом писала, но напишу еще.
На самом деле, это очень просто - берете картинку, которую хотите сделать фоном, она должна быть размером по величине стандартного монитора (это где-то 1600х1200 пикселей, или чуть-чуть побольше), открываете ее в фотошопе, там выбираете меню "Файл", далее - "Сохранить для Web", и в графе Quality начинаете уменьшать значение до тех пор, пока вес картинки не будет меньше 78 Кб. Затем сохраняете ее, и грузите в качестве основного фона в дневнике (меню Настройки, далее - Настройки дизайна). Обязательно фиксируйте фон (там есть специальное окошко, где нужно поставить галочку).
Только учтите, если у кого-то монитор больше, чем выбранный вами размер картинки - будут видны стыки. Для этого картинку можно сделать бесшовной, а потом уже проделывать все описанные манипуляции.

Спасибо с кодами часть 4

Автор картинок - T-L   . Еще картинки с кодами для комментариев ЗДЕСЬ Оригинал поста здесь

 

Надписи пожелания.

<a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru"><img src="//s019.radikal.ru/i611/1205/a5/9a214ee2e5c9.gif" /></a>
<a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru"><img src="//s019.radikal.ru/i628/1205/ad/9a2e156d1d2c.gif" /></a>

Далее...

Зимнее настроение - картинки + код для днева

<img src="http://vseotkritki.ru/_ph/60/2/52914349.jpg" />

<img src="http://vseotkritki.ru/_ph/60/2/964919285.jpg" />

<img src="http://vseotkritki.ru/_ph/60/2/942294959.jpg" />

<<Смотрим дальше!