Цитаты из книг автора «Анар Бабаев»

Предпочтительно иметь на руках логотип сразу в нескольких форматах. Вам точно понадобится его версия «в кривых», то бишь в векторной графике, обычно. ai (расширение программы Adobe Illustrator) или. eps (Adobe Illustrator, Photoshop и др.). Не помешает и растровый вариант, лучше TIFF. Предпочтительно, чтобы лого у вас имелось в двух цветовых моделях – CMYK и RGB. Желательно, чтобы конкретные образцы фирменного стиля были изображены в максимально приближенном к реальности виде: бланки – с текстом, конверты – в полной развертке, визитки – с ФИО и должностями реальных людей, а не «Ивана Ивановича Иванова, менеджера». Наряду с самим фирменным стилем на выходе у вас в том или ином виде должен быть гайдлайн – руководство по его правильному использованию.

Обратите внимание Согласно российскому праву, регистрируется именно товарный знак, юридически понятия «логотип» в РФ не существует.

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

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

Полезно знать «Рассылка SeoPult. Выпуск № 26: оптимизация сайта для “Яндекс. Картинок”»: http://seopult.ru/subscribe.html?id=26 «Что такое Shema.org?» («Яндекс. Помощь»): http://help.yandex.ru/webmaster/?id=1122752 «Что такое микроформаты?» («Яндекс. Помощь»): http://help.yandex.ru/webmaster/?id=1111670 Основы веб-типографики: http://www.dejurka.ru/web-design/typography_basics/ «Какой doctype выбрать…»: http://webcareer.ru/kakoj-doctype-vybrat.html Плагин для определения шрифтов на сайтах: http://chengyinliu.com/whatfont.html О разнице между пунктами, пикселями, процентами, em: http://habrahabr.ru/post/42151/ Сопоставление шрифтов с засечками и без засечек: http://digilinux.ru/2013/05/13/sans-serif-legibility/ Инструмент для проверки цветового контраста «шрифт – фон»: http://www.snook.ca/technical/colour_contrast/colour.html «Леттердей – проект о шрифтах, типографике, леттеринге и буквах»: http://letterday.ru «Руководство по обеспечению доступности веб-контента (WCAG) 2.0»: http://www.w3.org/Translations/WCAG20-ru/ «Ководство» на сайте «Студии Артемия Лебедева»: http://www.artlebedev.ru/kovodstvo/sections/

Обратите внимание Не подчеркивайте текст на сайте, если он не является ссылкой. Для выверения части элементов типографики на сайте можно использовать онлайн-сервисы, такие как Typograf.ru (http://www.typograf.ru).

Ссылки должны быть подчеркнуты и выделены цветом. Правильно оформленная ссылка «реагирует» на действия пользователя: при наведении курсора на нее меняет цвет (например, красный вместо исходного голубого); если по ней совершили переход, принимает другой, третий цвет постоянно (по умолчанию сиреневый). Распространена рекомендация сопровождать URL дополнительными иконками, если по нажатии на них начнется скачивание файла или будет осуществлен переход на RSS-канал, – в общем, такое действие, которое может оказаться неожиданностью для посетителя, гуляющего по страницам сайта. Ну а ссылки, ведущие на сторонние сайты, должны открываться в новом окне.

• Правильный кегль. Кегль – упрощенно «высота шрифта», а точнее, высота строчной буквы с самым длинным выносным элементом по вертикали и пробельным расстоянием под ней. Традиционно измеряется в типографских пунктах (см. § 81 «Ководства» Артемия Лебедева), в Вебе – обычно в пикселях (фиксированная величина) или в em (масштабируемая). Немало веб-дизайнеров для основного шрифта оптимальной считают высоту 12–16 пикселей, или 10–12 пунктов: наблюдается устойчивый тренд на сравнительно крупные шрифты.

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

Посмотреть, как ваш сайт будет выглядеть на экранах разных устройств, в том числе мобильных гаджетов, позволяет сервис Screenfly (рис. 22 и 23, https://quirktools.com/screenfly/).