«Веб-содержимое». В этом пункте, можно выбрать шрифты, отображаемые на страницах сайтов (для основного текста). Можно выбрать «очень мелкий», «мелкий», «средний», «крупный» и «очень крупный» размер шрифта. Но более наглядно настроить шрифты можно нажав кнопку «Настроить шрифты».
В появившемся окне можно выбрать шрифт, для определенного типа шрифтов, на тот случай, когда веб-мастер указывает на сайте вид шрифта для определенного текста, но не сам шрифт. То есть, например, для такого то текста указан шрифт с засечками, не важно какой, но главное, чтобы именно такой тип применялся. Под выбором «стандартного шрифта» имеется полоса регулировки размера шрифта (по умолчанию размер шрифта 16). Для изменения размера, зажимаем правую кнопку мышки на ползунке и перетаскиваем в сторону. Все выбранные шрифты и размер сразу отображаются в правой стороне окна, то есть сразу можно увидеть выбранный шрифт и измененный размер. Цифра указывает размер шрифта. После изменений, нажимаем кнопку «Готово».
в разделе «масштаб страницы» можно выбрать процентное соотношение отображаемой страницы к реальной, то есть можно увеличивать все, что показано на странице, и уменьшать (100 % это обычный вид страницы, если меньше, то страница уменьшится, если больше, то увеличится). Хотя уменьшать и увеличивать страницу удобнее горячими клавишами Ctrl и + (увеличивать), Ctrl и — (уменьшать).
Следующими идут пункты обозначенные флажками. Включить отображение адресов страниц в виде «домен > заголовок» означает, что если флажок убрать, то в адресной строке будет виден только электронный адрес (без заголовка), а если оставить, то виден и электронный адрес и заголовок.
В общих чертах, ни один из представленных пунктов не будет лишним, тем более в начале изучения пользованием браузером . Лучше оставить все флажки в активном состоянии.
Режим «Турбо» — оптимизация скорости при использовании других точек соединения, для более быстрого доступа к сайту при медленном интернете. Если интернет быстрый, то лучше оставить как есть — «Автоматически включать на медленном соединении».
Мы часто воспринимаем адресную строку браузера исключительно как место, куда мы вводим URL страницы, на которую мы хотим перейти. При этом с её помощью можно делать немало на самом деле полезных вещей, о которых сегодня и поговорим.
Использовать как конвертер величин и калькулятор
Если вам нужно срочно выполнить какую-то несложную математическую операцию, например перевести градусы Цельсия в градусы Фаренгейта, минуты в часы или метры в мили, не стоит искать калькулятор на своём компьютере или онлайн-конвертер в Интернете. Это сможет сделать за вас Chrome, нужно лишь ввести интересующую операцию в адресную строку. Например, 50 c = f посчитает нужную температуру, а 50 feet = inches - дистанцию.
Превратить браузер в блокнот
Вы сидите в Интернете, и тут вам звонят и просят записать какую-то важную информацию. Зачастую листка бумаги и ручки рядом не оказывается, а «Блокнот» приходится искать несколько минут среди обилия программ. Chrome выручит и в таких ситуациях, ведь можно просто ввести адрес следующего вида: data:text/html, .
Как только вы нажмёте Enter, окно браузера превратится в обычный чистый лист блокнота, где можно будет быстро написать срочную заметку. Чтобы в следующий раз подобная ситуация не застала врасплох, советуем сразу же добавить эту страницу в закладки. Кстати, если вам хочется немного персонализировать свой блокнот, можете добавить к адресу немного CSS, написав, например, так: data:text/html, .
Искать на конкретных сайтах
Ветераны Google наверняка знакомы со старым поисковым оператором site: . Использовать его сейчас стало гораздо проще. Для этого переходим на нужный веб-сайт и, поставив курсор в конец адресной строки, нажимаем Tab. После этого дописываем, что именно хотим найти. Поиск будет осуществляться исключительно в пределах нужной страницы.
Искать внутри Gmail или Google Drive
Переход в отдельное веб-приложение, чтобы что-то найти, занимает несколько кликов и точно не будет быстрее поиска через строку браузера. Для этого нужно один раз выполнить следующую инструкцию:
В следующий раз, когда вам понадобится найти что-либо в одном из сервисов, просто введите в адресную строку gmail.com или drive.google.com и нажмите Tab.
Открыть окно отправки почты
Заходить в Gmail или сторонний клиент и нажимать на кнопку «Составить новое письмо», оказывается, гораздо медленнее, нежели ввести mailto: в строку браузера. Если нужно срочно отправить электронное сообщение, воспользуйтесь этим советом.
Узнать больше о безопасности сайта
Если сайт, который вы посещаете, кажется подозрительным, то контролируйте всё, что он будет делать в вашем браузере, нажав на иконку страницы, расположенную слева от адреса веб-сайта. Там вы сможете узнать информацию об используемых cookies, а также заблокировать JavaScript, всплывающие окна и многое другое.
Убрать форматирование текста
Если вам часто приходится копировать текст из сторонних источников, значит, проблема форматирования точно не обошла вас стороной. Быстро вернуть привычный цвет, размер и шрифт копируемого текста поможет именно адресная строка. Вставляем туда нужный нам текст, а после копируем его уже оттуда. Все настройки форматирования будут убраны.
Опробовать файловый менеджер
Это не будет самой востребованной функцией Google Chrome, но тем не менее использовать свой браузер как файловый менеджер также можно. Просто вводим C:/ на Windows или file://localhost на Mac и Linux. На последних двух платформах можно также использовать удобное сокращение file:/// .
Найти что-либо, используя drag-n-drop
Если вы ненавидите использовать привычные комбинации клавиш Ctrl + C и Ctrl + V так же, как и правый клик мыши, то в Google Chrome есть решение для вас. Любое слово с веб-страницы можно легко найти в Интернете. Нужно просто перетащить его в адресную строку и нажать Enter.
Определить конкретное место для новой вкладки
Если же вы одержимы определённым местоположением вкладок вашего браузера, просто перетащите любую ссылку или URL в нужное место на панели вкладок.
А какие дополнительные возможности адресной строки используете вы? Делитесь своими советами в комментариях.
3 голосаПриветствую вас, уважаемые читатели, в блоге сайт. Сегодня мы поговорим с вами об одной очень полезной функции браузеров, которая помогает сохранить здоровье веб-мастера и сделать его работу более комфортной.
Начиная работать в интернете, еще несколько лет назад, у меня было идеальное зрение. Не скажу, что сейчас оно село до нуля и потому приходится одевать очки с толстыми линзами, но периодически глаза начинают болеть. Особенно в начале весны и осенью.
Понятное дело, что когда работаешь на себя такие проблемы не могут стать оправданием полностью отказаться от компьютера. Приходится находить способы, которые хоть как-то облегчат положение дел.
Сегодня я расскажу вам как изменить размер шрифта в Яндексе. Вы узнаете как работать с отдельными страничками и как поменять настройки, чтобы эта проблема вас перестала волновать если не навсегда, то хотя бы надолго.
Все вы наверняка попадали на странички, которые содержат крайне неудобный небольшой шрифт. Его достаточно трудно прочитать человеку, в особенности если со зрением трудности все-таки имеются.
Создатели основной массы браузеров, подключили для пользователей возможность изменять габариты букв. Yandex никак не стал исключением. Для того чтобы уменьшить или увеличить величину текста понадобится выполнить простые действия.
Настройки для всех страниц
Для начала давайте разберемся с тем, какие действия необходимо будет выполнить, чтобы изменить настройки на всех страницах. Одно единственное действие, позволяющее пользователям настроить браузер под себя.
Откройте любую страницу, можно главную, в браузере, а затем в правом верхнем углу найдите три параллельные прямые. Кликните на них и в появившемся меню выберите «Настройки».
Теперь отыщите в списке «Веб-содержимое». Именно сюда и нужно будет вносить изменения. Можете просто поменять масштаб страницы, тогда все элементы на ней увеличатся. К этому моменту мы еще вернемся.
Вы можете поменять только шрифт. Со среднего на крупный или очень крупный, а также уменьшить его при помощи функции «Мелкий» и «Очень мелкий».
Либо произвести полное изменение через функцию «Настроить шрифты».
Сейчас, все тексты у вас отображаются исходя из этих настроек. Стандартные шрифты – Times New Roman, он же идет как шрифт с насечками, без них высвечивается Arial и Consolas, как моноширинный. Под основным, стандартным шрифтом есть ползунок, благодаря которому вы можете изменить размер текста.
Внизу есть точно такой же ползунок для минимальных шрифтов. Если вы потяните его вправо, то самые маленькие буквы на странице не будут показаны не меньше того размера, который вы поставите здесь.
Вот так страница внешнего аккумулятора Xiaomi на Ali выглядела до изменений. Посмотрите на картинке ниже.
Кстати, Power Bank не раз спасал меня в путешествиях и командировках. Очень советую вам приобрести эту штуку. Что это такое? Если у вас нет возможности найти розетку, то от этой штуки можно в автономном режиме зарядить телефон, фотоаппарат, MP3-плеер и любую другую технику. Даже геймпад от Playstation.
Когда я последний раз ездил в путешествие, то даже не заморачивался есть ли в номере свободные розетки и не думал сядет ли у меня экшн-камера или электронная сигарета. Как только техника переставала быть мне нужна, я подсоединял ее к Power Bank. Это была единственная штука, которую я заряжал за весь отдых от розетки.
Если у вас есть друг-путешественник или карьерист, которому вы не знаете что подарить – это то, что нужно. По-любому, оценит в первую же экстремальную ситуацию.
Но вернемся к шрифтам. Так стала страница с Power Bank (внешним аккумулятором) отражаться после того, как я внес правки.
Теперь все страницы будут выглядеть именно так, как вы того захотели: на почте, странице , любом информационном сайте и так далее. Если вы знаете что-то про , то будьте готовы что некоторые ресурсы будут выглядеть не слишком привлекательно.
Над порталом работают дизайнеры и они предполагают, что все будет отображаться несколько иначе, согласно их размерам. Возможно вам придется какое-то время привыкать или производить более детальную настройку.
Кстати, обратите внимание, что если вы заходите со своего аккаунта в Яндекс Браузер, который у вас синхронизирован с планшетом, то все настройки, внесенные на компьютере, также будут применяться и к планшету или телефону.
Как поменять размер конкретной страницы
Все вы наверняка знаете как растянуть страничку с планшета. Достаточно развести двумя пальцами в разные стороны и любой объект станет больше. Если адаптированная, то тексты встанут по выбранному вами размеру.
Несмотря на перебои со зрением я, как правило, не меняю настройки Яндекса. Я увеличиваю отдельные, нужные мне странички. Сперва я оцениваю сам дизайн, стараюсь понять насколько мне будет полезен этот ресурс, а потом уже меняю его габариты.
Для этого я зажимаю клавишу Ctrl на клавиатуре и двигаю колесом мыши от себя или на себя. Есть и альтернатива – «-» и «+» вместо колесика.
В первом случае мы увеличивали только шрифт, а во втором больше становятся все объекты: картинки, , буквы в том числе. Выглядит это более привлекательно.
Однако, если у вас все-таки есть проблемы со зрением, и вы хотите сохранить его в целости, то, наверное, визуальными благами стоит пренебречь. Не забывайте и про третий вариант – увеличить размер всего окна через настройки. Я говорил этом в первую очередь.
Решайте как действовать, ведь все инструменты вы уже знаете.
А также подписывайтесь на рассылку. В одной из будущих публикаций я расскажу как сделать виндовс более полезным для здоровья не только глаз, но и психики. Вы можете узнать о появлении этой статьи первыми, а также получать больше полезных советов по работе на компьютере и в сети.
До новых встреч и удачи в ваших начинаниях.
Если Вам приходится часто присматриваться и щуриться, чтобы что-то прочитать на компьютере, имеет смысл попробовать изменить размер букв. Их можно как уменьшить, так и увеличить.
Существует два варианта. Первый изменяет размер шрифта частично, в определенных программах. Например, в программе для интернета (браузере) или в программе для печати текста (Microsoft Word).
Второй вариант более существенный - он изменят размер везде. На экране компьютера, во всех программах, в кнопке Пуск, в папках и во многих других местах.
Как изменить размер букв в определенных программах (частично)
Во многих программах компьютера, в которых можно открыть и почитать какой-то текст, можно увеличить или уменьшить его размер. Фактически это изменение масштаба, а не правка самого файла. Грубо говоря, можно просто приблизить или наоборот отдалить текст, не меняя его.
Как это сделать . Самый распространенный способ - найти данную функцию в отдельно взятой программе. Но это не очень-то удобно и не всегда просто. Поэтому существует альтернативный «быстрый» вариант, работающий в большинстве компьютерных программ.
Нажимаем на одну из клавиш CTRL на клавиатуре и, не отпуская ее, прокручиваем колесико на мышке. Каждая такая прокрутка увеличивает или уменьшает текст на 10-15%. Если «крутить» колесико на себя, то размер шрифта будет уменьшаться, а если от себя, то увеличиваться.
Как только размер Вас устроит, отпустите кнопку CTRL. Тем самым Вы закрепите результат и вернете колесику на мышке прежние функции.
Кстати, вместо колесика можно использовать кнопку + для увеличения и - для уменьшения. То есть зажимаете CTRL, после чего нажимаете, а затем отпускаете клавишу + или - на клавиатуре. Одно такое нажатие изменяет размер на 10-15%.
Несколько примеров . Допустим, я часто пользуюсь интернетом для поиска информации - читаю новости и статьи. На разных ресурсах размер текста отличается - это зависит только от самого сайта.
По большей части размер букв меня устраивает, и я не испытываю неудобства при чтении. Но иногда попадаются сайты, на которых шрифт очень мелкий для меня - приходится наклоняться близко к экрану, щуриться. Это неудобно и неполезно.
Вот в таких случаях можно быстро увеличить шрифт. Зажимаю кнопку Ctrl на клавиатуре и несколько раз прокручиваю колесико на мышке, тем самым изменяя размер текста.
Это работает в 90% случаев: на сайтах, в почте, в социальных сетях. Можете сами проверить, увеличив размер шрифта в статье, которую сейчас читаете.
Кстати, чтобы вернуться к изначальному размеру, нужно зажать кнопку Ctrl на клавиатуре и затем один раз нажать на клавишу с цифрой 0. Правда, такой «возврат» работает не во всех программах, а только в браузерах.
Другой пример. Допустим, я печатаю документ в программе Microsoft Word. Текст в нем должен быть определенного размера, но для меня он слишком мал. Просто увеличить шрифт в самой программе я не могу - это нарушит правила оформления, а работать с таким мелким текстом одно мучение.
Зажав кнопку Ctrl и покрутив колесико на мышке, я могу увеличить масштаб документа. Тем самым я просто приближу его к себе, но НЕ изменю. Текст останется прежнего размера, зато я его буду видеть увеличенным.
То же самое касается фотографий и картинок, которые мы открываем на компьютере. Точно таким же способом их можно «приблизить» или «отдалить».
Важно! Некоторые программы запоминают размер, который был настроен. То есть открыв в такой программе что-то другое, оно сразу же будет показано в измененном размере.
Поэтому не пугайтесь, если документ, книга или страница в интернете откроется в нестандартном размере - слишком большом или слишком маленьком. Просто измените его этим же самым способом (CTRL и колесико на мышке).
Как изменить размер шрифта на компьютере (везде)
Можно увеличить или уменьшить шрифт не только в отдельных программах, но и сразу во всем компьютере. В этом случае поменяются еще и все надписи, значки, меню и многое другое.
Покажу на примере. Вот стандартный экран компьютера:
А это тот же самый экран, но с увеличенным размером шрифта:
Для того чтобы получить такой вид, нужно всего лишь изменить одну настройку в системе. Если вдруг результат не понравится, всегда можно вернуть все как было тем же самым образом.
В разных версиях Windows эта процедура производится по-разному. Поэтому я приведу три инструкции для популярных систем: Windows 7, Windows 8 и XP.
- Нажмите на кнопку «Пуск» и откройте «Панель управления».
- Щелкните по надписи «Оформление и персонализация».
- Нажмите на надпись «Экран».
- Укажите нужный размер шрифта (мелкий, средний или крупный) и нажмите на кнопку «Применить».
- В появившемся окошке щелкните по «Выйти сейчас». Не забудьте перед этим сохранить все открытые файлы и закрыть все открытые программы.
Система перезапустится, и после этого шрифт везде в компьютере поменяется.
- Откройте «Пуск» и выберите «Панель управления».
- Найдите значок «Экран» (обычно он внизу) и откройте его.
- Укажите нужный размер (мелкий, средний или крупный) и нажмите на кнопку «Применить» внизу справа.
- В маленьком окошке нажмите «Выйти сейчас». Не забудьте перед этим сохранить все открытые файлы и закрыть все программы.
Система перезапустится, и шрифт везде в компьютере поменяется.
- Щелкните правой кнопкой мышки по пустому месту Рабочего стола.
- Из списка выберите пункт «Свойства».
- Откройте вкладку «Оформление» (вверху).
- Внизу, в части под названием «Размер шрифта» из выпадающего списка выберите нужный размер - обычный, крупный шрифт или огромный шрифт.
- Нажмите на кнопку «Применить» и через несколько секунд настойки системы поменяются.
- Нажмите на кнопку «ОК» для закрытия окошка.
Слайд Кристиана Шварца показывает наложение Ариала и Гельветики
Неоспоримыми достоинством Ариала являются ареал его распространения - он предустановлен почти в каждом компьютере - и огромный набор символов, содержащий буквы всех мыслимых алфавитов и вообще почти всё, что только можно придумать: например, знак рубля. В остальном у дизайнеров всегда было много вопросов к Ариалу:
- Пропорции и рисунок букв местами вызывают вопросы - особенно в кириллице, многие буквы которой выглядят откровенно странно.
- Нет вариаций насыщенности (то есть толщины линий букв). Только обычный и жирный (отдельно существует еще Arial Black). Для современных интерфейсов этого уже не хватает, нужны разные степени насыщенности, легкие тонкие начертания, полужирные и т. д.
- Плохая читаемость в мелких кеглях. Из-за закрытого рисунка букв в размерах ниже 12px символы начинают «слипаться» и читаемость страдает. В веб-интерфейсах Яндекса самые мелкие надписи мы набираем открытой Верданой, лишенной этого недостатка.
Кроме веб-интерфейсов есть интерфейсы мобильные. Приложения Яндекса работают на разных платформах, а значит в части шрифта мы наследуем визуальный язык платформы:
Это Textbook New, он же гарнитура Букварная, впервые разработанная в СССР в 1958 году Еленой Царегородцевой в НПО «Полиграфмаш» для набора - действительно - букварей и школьных учебников. Добрый шрифт, знакомый каждому, чьё детство проходило на советском (и немножко постсоветском) пространстве. Свой, родной. Но несколько странный для современной высокотехнологичной компании в XXI веке.
С этим набором шрифтов мы жили до текущего момента, однако давно ощущали его ограничения. Мы чувствовали, что нам:
- недостаточно выразительных и технических возможностей Ариала и Текстбука;
- хочется иметь свой голос в мире чужих платформ.
Всё это привело к размышлениям о том, каким должен быть шрифт Яндекса.
Каким должен быть шрифт Яндекса
Мы сформулировали требования к нашему шрифту:1. Шрифт должен иметь своё лицо, отличаться от конкурентов
Конкуренты - это, в первую очередь, Roboto, San Francisco, Segoe - шрифты интерфейсов Google, Apple и Microsoft соответственно.
2. И в то же время быть спокойным, нейтральным, не слишком характерным
Расскажу про нейтральность чуть подробнее. Помимо упоминавшихся выше интерфейсных и коммуникационных текстов, основное применение шрифта в продуктах Яндекса - передавать информацию, новости, данные. Вот яркие примеры текстов из этой категории:
Одной из важнейших наших ценностей всегда было отсутствие редакционной политики. Новости отбираются алгоритмами, без участия человека. Мы - зеркало интернета, мы отражаем то, что происходит, без добавления собственной оценки, позиции и какого бы то ни было искажения. С этой точки зрения очень важно, чтобы шрифт тоже не добавлял никаких дополнительных смыслов, был предельно нейтральным.
Любопытно, что это требование в некотором смысле противоречит предыдущему. Нам предстояло найти баланс между максимальной выразительностью и максимальной нейтральностью.
3. Выражающим наши ценности
Нейтральность нейтральностью, но какое-то лицо у шрифта всё-таки должно быть. Если попытаться описать, какие эмоции могут быть заложены в шрифте, мы обычно формулируем примерно такой список:- открытый,
- современный,
- умный,
- нейтральный,
- локальный,
- технологичный, но с человеческим лицом.
4. Сделанным в первую очередь для кириллического набора
Как известно, большинство шрифтов сначала создаются для латиницы, и лишь позже им дорисовывают кириллическую версию. Иногда это получается сделать более удачно, иногда - менее. Для нас сразу было очень важно, чтобы Яндекс говорил по-русски без акцента. Применительно к шрифту это означает, что кириллица должна создаваться одновременно с латиницей или даже раньше.Ну и конечно шрифт должен иметь все необходимые нам символы и буквы, использующиеся в странах, где мы работаем: России, Украине, Беларуси, Казахстане, Турции и др., знак рубля и т. д.
5. Очень хорошо читаемым, разборчивым и применимым во всех современных средах
Интерфейсы и коммуникации Яндекса встречаются в самых разных средах. Вот, например, некоторые среды, в которых типографика встречается у Яндекс.Такси (это далеко не полная подборка):
6. Совпадающим по основным метрикам и пропорциям с Ариалом
Это техническое требование, важное для веб-интерфейсов. При замене шрифта с Ариала на наш, верстка страницы не должна разъезжаться. Важно также, чтобы шрифт не проигрывал Ариалу по ёмкости (то есть количеству символов в строке средней ширины), чтобы информации в блоке текста заданного размера (например, в результатах поиска) помещалось не меньше.7. Имеющим несколько степеней насыщенности
То есть толщины линий:
Сейчас даже для веб-интерфейсов уже не хватает просто «жирного» и «нежирного», нужны градации.
Можно было поискать готовый шрифт, который удовлетворял бы всем этим требованиям. Но тогда голос нашего бренда не был бы уникальным. А еще нам пришлось бы немало платить за лицензии, учитывая размер аудитории наших продуктов и спектр применения. Мы решили заказать свой собственный шрифт.
Команда
Нам был нужен шрифтовой дизайнер с опытом работы над большими системами начертаний. Он должен был быть русскоговорящим либо плотно сотрудничать с русскоговорящим дизайнером.Ира Волошина, которая начинала проект в Яндексе, обратилась к Илье Рудерману , который, в свою очередь, порекомендовал подключить Кристиана Шварца .
В итоге нам очень повезло работать над шрифтом с Ильёй и Кристианом с его студией Commercial Type .
Кристиан Шварц в мире шрифтового дизайна - настоящая суперзвезда мирового уровня. Он сотрудничал с Font Bureau (у них вообще звездный состав, включая, например, Мэтью Картера, автора шрифтов Verdana и Georgia), работал с Эриком Шпикерманном. Среди его работ - шрифты для американского Esquire, Deutsche Bahn и огромная система начертаний для британской газеты The Guardian, получившая международные награды. Кристиан удостоен премии лондонского Design Museum и был включен журналом Wallpaper в список «40 наиболее влиятельных дизайнеров до 40 лет».
Илья Рудерман - один из самых известных российских дизайнеров шрифтов, преподаватель Британской высшей школы дизайна . Илья учился дизайну шрифтов в Королевской Академии Искусств в Гааге, а позже у него самого учились многие российские шрифтовые дизайнеры. Работал над системами начертаний для Афиши и многих других заказчиков. Что очень важно, Илья давно сотрудничает со Шварцем, вместе они сделали уже не один шрифт.
В команде с Кристианом и Ильёй в роли ведущего дизайнера работал Мигель Рейес , дизайнер нью-йоркского офиса Commercial Type, который как и Илья обучался дизайну шрифтов в Голландии.
Хинтингом и сборкой шрифтов занимался Марк Рекорд .
Нам очень повезло, что удалось собрать для проекта такую звездную команду.
Со стороны Яндекса над шрифтом работало на разных этапах много замечательных людей. Проект начинала Ирина Волошина. Более чем активно участвовали Тарас Шаров, которого я уже упоминал в этом посте, Данил kovchiy Ковчий и Сергей Фёдоров, Стас plkv Поляков, Иван Semus Семенов, Андрей karmatsky Кармацкий, Миша Мильников, Рома Искандаров, Андрей Лось, Настя Ларкина, Сережа 3apa3a Томилов, Никита Бровиков, Дима Середа, Саша Володин и очень-очень многие другие. Бесконечное количество раз бесконечное количество дизайнеров присылали правки, замечания и пожелания. Мне бы очень хотелось поблагодарить всех, и я очень боюсь кого-то забыть, поэтому не буду перечислять каждого.
Как работали над шрифтом
Расскажу здесь очень-очень кратко и только об основных вехах работы. За два с половиной года было много всякого, а пост, кажется, и так уже получается чересчур длинным. Илья и Кристиан в ближайшее время собираются написать свои посты, в которых наверняка будет больше деталей про процесс.Изучив бриф и большое количество макетов наших интерфейсов и коммуникаций, дизайнеры предложили два направления с условными названиями Flat и Round.
Flat - более контрастный и более острый, характерный:
Round - более дружелюбный и мягкий:
После примерки в макеты интерфейсов и коммуникаций, а также после сравнительных тестов безоговорочным победителем оказался Round.
Шрифт, правда, всё равно выглядел довольно «колючим», поэтому в следующих версиях окончания штрихов смягчили:
cdn-images-1.medium.com/max
/800/1*XWqkkUy888GRSMI2NsgD_Q.png» alt=«image»/>
С самого начала у нас было в работе две версии шрифта: Text и Display:
Увидев слово Display, можно подумать, что эта версия предназначена для экранов, но это не так. В типографике Text используется для основного набора, мелких кеглей, а Display - для крупного, например, для заголовков. Можно увидеть, что буквы Display более характерные, вычурные.
В курсиве мы перебрали большое количество вариаций отдельных знаков. Долго не могли выбрать форму букв г, д, е, и, й, т, ц, ч, ш, щ, f . В конце концов после бесчисленных проб остановились на таком варианте:
Шрифт снова и снова тестировался, но все еще казался нам недостаточно мягким и добрым. Он, безусловно, выглядел современно, но ему не хватало теплоты и человечности, присущей, например, Букварной. Перепробовав большое количество вариаций пропорций и окончаний штрихов, мы получили более добрую версию, которая и была взята за основу:
Параллельно всё время происходило бесконечное количество технической работы, подбора кернинговых пар, хинтинга, работы над несколькими начертаниями:
Что получилось в результате
Финальная (на сегодняшний день) версия шрифта Yandex Sans выглядит так:
Мне кажется, нам удалось решить главную задачу - сделать современный нейтральный шрифт, отличающийся от основных конкурентов и довольно точно передающий образ Яндекса и «голос» нашего бренда.
А вот как выглядит примерка шрифта в естественной среде:
Yandex Sans в макете результатов поиска. Автор - Даня Ковчий
Концепт интерфейса Яндекс.Музыки с новым шрифтом. Автор - Даня Ковчий
Концепт главной страницы Яндекса с новым шрифтом. Автор - Даня Ковчий
Прямо сейчас мы уже используем новый шрифт в интерфейсе нашего Лончера на Андроиде и на странице О компании :
Теперь миссию Яндекса и историю компании можно прочитать нашим «голосом» - нашим новым шрифтом.
А вот как выглядят примеры фраз из начала поста, набранные Yandex Sans:
Здесь тоже видно, что шрифту удается быть достаточно узнаваемым и самобытным, оставаясь одновременно нейтральным и не добавляя дополнительного смысла тексту, не искажая исходный материал.
Что дальше
Многие спрашивают, планируем ли мы выложить новый шрифт в открытый доступ. Сейчас мы этого не планируем. Yandex Sans - голос нашего бренда, такой же как логотип Яндекса. Поэтому и использоваться он будет только в наших продуктах и коммуникациях. Apple и Google раздают свои шрифты открыто для того, чтобы разработчики приложений под iOS и Android могли ими воспользоваться. У нас такой задачи прямо сейчас нет, поэтому и отдавать наружу шрифт не планируется.Впереди у нас самое интересное. Как известно, с запуском продукта работа над ним только начинается. Нам еще только предстоит по-настоящему тестировать Yandex Sans в продуктах. И если в коммуникациях он совсем скоро начнет появляться, то на главной странице Яндекса или в результатах поиска Yandex Sans точно не стоит ждать в ближайшее время. Впрочем, начало положено, и это, как мне кажется, самое главное.
