Шрифт яндекса: Шрифт Яндекса — Yandex Sans / Хабр

Содержание

Шрифт Яндекса — Yandex Sans / Хабр

23 апреля 2016 на Я.Субботнике для дизайнеров мы анонсировали наш собственный шрифт Yandex Sans. Мы работали над ним два с половиной года и очень счастливы наконец поделиться результатом. В этом посте я расскажу о том, зачем мы всё это задумали, как происходила работа, что получилось в результате и что будет дальше. Пост написан по мотивам нашего рассказа на Субботнике.

Зачем вообще думать о шрифте?

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

Шрифт  —  это один из базовых «голосов» графического дизайна наравне с цветом, формой и т. д. Шрифт влияет на то, как воспринимается информация, им набранная. У Джона Маэды в его лекции на TED я подсмотрел очень наглядный способ это продемонстрировать. Это история о форме и содержании. Давайте возьмем некоторое содержание и попробуем, зафиксировав его, менять форму. Пусть нашим содержанием будет хорошо известный девиз Яндекса — «найдётся всё».

Вот как он выглядит, набранный Букварной гарнитурой — шрифтом, который мы используем для коммуникаций:

Так обычно и говорит Яндекс. Это наше сообщение, произнесенное нашим же голосом.

* * *

А что, если бы мы использовали для этого же содержания вот такой шрифт?

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

* * *

Вот это уже серьёзное заявление. Такое могло бы подойти для распродажи в «Ашане» или в «Из рук в руки». Налетай, покупай!

* * *

А если так?

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

* * *

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

* * *

А ведь можно и вот так:

Мне кажется, это что-то вроде автозаправки с магазином.

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

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

А что и как сейчас говорит Яндекс?

Тарас Шаров, руководитель группы прототипирования новых продуктов и один из авторов программы нашей

Школы дизайна

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

Кстати, Влад Головач рассказал, что, по его мнению, по-русски правильно называть этот шрифт Ариэль, так как изначально он был назван созвучно с персонажем «Бури» Шекспира. Но я пока, с вашего позволения, продолжу писать «Ариал».

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

Почему именно Ариал? Дизайнерам должна быть хорошо известна его история. Ариал базируется на пропорциях и рисунке букв Гельветики, одного из самых знаменитых и даже культовых шрифтов XX века. Гельветика появилась в 1957 году под именем Neue Haas Grotesk. Если по какой-то причине вы пропустили фильм Helvetica, обязательно посмотрите хотя бы этот трейлер (а лучше фильм целиком, конечно):

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

Когда Microsoft в 80-х выбирали шрифт для своей операционной системы Windows, они по какой-то причине решили не платить за лицензию на Гельветику, а вместо этого попросили компанию Monotype сделать для них собственную версию этой гарнитуры. Так появился Ариал  —  «гельветика для бедных» по меткому выражению кого-то из наших шрифтовых дизайнеров.

Не буду здесь углубляться в сравнение Ариала и Гельветики. Любой желающий без труда убедится, что они действительно очень близки:


Слайд Кристиана Шварца показывает наложение Ариала и Гельветики

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

  • Пропорции и рисунок букв местами вызывают вопросы — особенно в кириллице, многие буквы которой выглядят откровенно странно.
  • Нет вариаций насыщенности (то есть толщины линий букв). Только обычный и жирный (отдельно существует еще Arial Black). Для современных интерфейсов этого уже не хватает, нужны разные степени насыщенности, легкие тонкие начертания, полужирные и т. д.
  • Плохая читаемость в мелких кеглях. Из-за закрытого рисунка букв в размерах ниже 12px символы начинают «слипаться» и читаемость страдает. В веб-интерфейсах Яндекса самые мелкие надписи мы набираем открытой Верданой, лишенной этого недостатка.

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

На Андроиде нашим «голосом» оказывается довольно холодно-технологично-инженерный шрифт Roboto, в iOS — максимально нейтральный San Francisco, в Windows — характерный Segoe, к кириллице которого есть много вопросов.

* * *

А как звучат рекламные коммуникации Яндекса? Подборка Тараса снова показывает характерное:

Это 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.

Шрифт, правда, всё равно выглядел довольно «колючим», поэтому в следующих версиях окончания штрихов смягчили:


<img src=«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 точно не стоит ждать в ближайшее время. Впрочем, начало положено, и это, как мне кажется, самое главное.

Журнал «Шрифт» • Разработка шрифта Yandex Sans

13 декабря 2016

Евгений Юкечев

Рустам Габбасов

Ирина Волошина

Константин Горский

Сергей Фёдоров

Илья Рудерман

Мигель Рейес

Кристиан Шварц

н­декс за го­ды сво­е­го су­ще­ство­ва­ния про­явил се­бя как ком­па­ни­я с ред­ким для рос­сий­ско­го IT-сек­то­ра ка­че­ством — вни­ма­ни­ем к ви­зу­аль­но­му язы­ку и ди­зайн-мыш­ле­нию. По­сле про­дол­жи­тель­но­го со­труд­ни­че­ства со Сту­ди­ей Ле­бе­де­ва в 2009 го­ду ком­па­ния на­ча­ла­ вы­стра­и­вать соб­ствен­ный от­дел ди­зай­на. Борь­ба за луч­шие кад­ры на рын­ке, став­ка на ком­форт­ную ра­бо­чую сре­ду, ор­га­ни­за­ция об­ра­зо­ва­тель­ных ме­ро­при­я­тий — за­пуск Шко­лы ди­зай­на и про­ек­та Мо­би­ли­за­ция — всё в ко­неч­ном счёте ра­бо­та­ет на раз­ви­тие про­дук­тов и ка­пи­та­ли­за­цию ком­па­нии. До не­дав­них пор су­ще­ство­ва­ла толь­ко од­на об­ласть, ко­то­рую «Ян­декс» не спе­шил ре­фор­ми­ро­вать, — шриф­ты и ти­по­гра­фи­ка. Это по­ло­же­ние из­ме­ни­лось по ини­ци­а­ти­ве Ири­ны Во­ло­ши­ной, ди­зайн-ди­рек­то­ра «Ян­дек­са» в пе­ри­од 2013–2015 го­дов. В бли­жай­шем бу­ду­щем вне­дре­ни­е шриф­та Yandex Sans кос­нёт­ся всех про­дук­тов и мно­го­ми­лли­он­ной ауди­то­рии ком­па­нии. Остаёт­ся до­ба­вить: ис­поль­зуя свой шрифт, «Ян­декс» вы­пол­ня­ет и «са­ни­тар­ную» функ­цию, спа­са­я поль­зо­ва­те­лей от ки­рил­ли­цы шриф­та Arial.

За­чем «Ян­дек­су» свой шрифт? В ка­кой мо­мент ком­па­ния ре­ши­лась на из­ме­не­ния?

Ири­на Во­ло­ши­на: Мы за­ду­ма­лись о соб­ствен­ном шриф­те, ко­гда вста­ла за­да­ча объ­еди­не­ния всех сер­ви­сов, про­дук­тов и ком­му­ни­ка­ций в еди­ную эко­си­сте­му. «Ян­декс» раз­ви­вал­ся ак­тив­но, и за это вре­мя воз­ник­ло огром­ное ко­ли­че­ство раз­но­род­ных ре­ше­ний. Нам был не­об­хо­дим один зна­ме­на­тель для всей си­сте­мы на­ших про­дук­тов. Учи­ты­вая, что се­го­дня ин­тер­фей­сы стре­мят­ся к ми­ни­ма­лиз­му, у ди­зай­не­ра из гра­фи­че­ских вы­ра­зи­тель­ных средств остаёт­ся все­го ни­че­го: цвет, от­но­ше­ния бе­ло­го к плот­но­му пят­ну, об­щая пла­сти­ка, а всё осталь­ное — это ти­по­гра­фи­че­ские ре­ше­ния. По­это­му ба­зо­вый кир­пи­чик — это, ко­неч­но, шрифт.

Мы ре­ши­ли, что нам нуж­но уни­вер­саль­ное шриф­то­вое се­мей­ство, ко­то­рое ра­бо­та­ло бы в ком­му­ни­ка­ци­ях и в про­дук­тах. Эти тре­бо­ва­ния по боль­шо­му счёту про­ти­во­ре­чат друг дру­гу: ком­му­ни­ка­ци­ям ну­жен ха­рак­тер и за­по­ми­на­е­мость, а сер­ви­сам — удоб­ство, чи­та­бель­ность и бóль­шая, чем в ком­му­ни­ка­ци­ях, ви­зу­аль­ная ней­траль­ность. Бы­ло до­воль­но не­про­сто сов­ме­стить столь раз­ные осо­бен­но­сти и со­здать один шрифт, со­от­вет­ству­ю­щий этим тре­бо­ва­ни­ям. Нам важ­но бы­ло оста­вать­ся за­по­ми­на­е­мы­ми на чу­жих тер­ри­то­ри­ях, на чу­жих плат­фор­мах и опе­ра­ци­он­ных си­сте­мах, а про­дук­там со­хра­нять свою кросс-про­дук­то­вую цель­ность, при этом не раз­дра­жая поль­зо­ва­те­лей. И мы шли к та­кой бес­шов­ной струк­ту­ре, где лю­бые эле­мен­ты си­сте­мы про­дук­тов ра­бо­та­ли бы ор­га­нич­но, ис­поль­зуя еди­ный гра­фи­че­ский язык.

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

Кон­стан­тин Гор­ский: Глав­ная цен­ность со­сто­ит в том, что у на­ше­го ви­зу­аль­но­го язы­ка по­яв­ля­ет­ся свой го­лос, ко­то­рый смо­жет зву­чать во всех сре­дах, на всех устрой­ствах. Это по­мо­жет про­дук­там и ком­му­ни­ка­ци­ям «Ян­дек­са» стать цель­нее и вы­ра­зи­тель­нее. Поль­зо­ва­те­ли мо­гут не за­ме­чать, что где-то из­ме­нил­ся шрифт, но да­же ко­гда лю­ди не впол­не спо­соб­ны вер­ба­ли­зи­ро­вать ощу­ще­ния, они всё рав­но чув­ству­ют: что-то ста­ло чуть по-дру­го­му. Если взять и по­ло­жить ря­дом скрин­шо­ты се­го­дняш­не­го «Ян­дек­са» и ка­ко­го-то ва­ри­ан­та из про­шло­го, ска­жем, двух- или трёхлет­ней дав­но­сти, раз­ни­ца ста­нет оче­вид­на каж­до­му.

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

Кон­стан­тин Гор­ский: Ока­за­лось, что на­ши со­труд­ни­ки до­воль­но по­хо­жим об­ра­зом пред­став­ля­ют се­бе «Ян­декс». Ви­ди­мо, цен­но­сти ком­па­нии иг­ра­ют в этом не по­след­нюю роль, и это здо­ро­во. Мы по­пы­та­лись рас­ска­зать об этом Кри­сти­а­ну Швар­цу и Илье Ру­дер­ма­ну, по­ка­зы­ва­ли им на­ши про­дук­ты, эво­лю­цию на­ше­го ди­зай­на и но­вые на­ра­бот­ки. А они пред­ла­га­ли скет­чи, ва­ри­ан­ты ха­рак­те­ра шриф­та, из ко­то­рых мы вы­би­ра­ли. При­ня­тие ре­ше­ний бы­ло, ска­жем так, очень не­про­стым, по­сколь­ку мы при­вык­ли вни­ма­тель­но от­но­сить­ся к мне­нию каж­до­го, а мне­ний бы­ло очень и очень мно­го. От­ча­сти это ста­ло при­чи­ной то­го, что про­цесс вы­шел дол­гим и не­про­стым. Ран­ние вер­сии шриф­та ди­зай­не­ры те­сти­ро­ва­ли в про­дук­тах, од­на­ко про­во­дить серьёз­ные экс­пе­ри­мен­ты с жи­вой ауди­то­ри­ей с не­хин­то­ван­ной или не­от­кер­нен­ной вер­си­ей шриф­та не­воз­мож­но, по­это­му мно­гие те­сти­ро­ва­ния ещё толь­ко пред­сто­ят. Тут как с ди­зай­ном про­дук­тов: на­сто­я­щий ди­зайн на­чи­на­ет­ся толь­ко по­сле за­пус­ка.

Од­ним из тре­бо­ва­ний к раз­ра­бот­чи­кам Yandex Sans бы­ло сле­до­ва­ние клю­че­вым па­ра­мет­рам — мет­ри­кам и про­пор­ци­ям — си­стем­но­го шриф­та Arial. Это мож­но по­нять с праг­ма­тич­еской точ­ки зре­ния: шрифт встаёт на своё ме­сто в ин­тер­фей­се, не раз­би­вая ма­ке­ты, но при этом даёт опре­делён­ные огра­ни­че­ния в ди­зайн-ре­ше­ни­ях. Как это ока­за­лось на прак­ти­ке? Ка­кую пер­вую обрат­ную связь вы по­лу­чи­ли?

Кон­стан­тин Гор­ский: Мы вы­ка­ты­ва­ли шрифт в те­сти­ро­ва­ние во вну­трен­нем бло­ге «Ян­дек­са», но этот экс­пе­ри­мент не сто­ит вос­при­ни­мать всерьёз. Я да­же не уве­рен, что сло­во «экс­пе­ри­мент» здесь при­ме­ни­мо. Те со­труд­ни­ки, ко­то­рые столк­ну­лись с но­вым шриф­том, ни­че­го не за­ме­ти­ли. И это здо­ро­во, это го­во­рит о том, что чте­нию и вос­при­я­тию ин­фор­ма­ции ни­че­го не по­ме­ша­ло. Од­ним из са­мых по­лез­ных след­ствий это­го те­сти­ро­ва­ния ста­ло то, что лю­ди уви­де­ли шрифт не толь­ко на экра­нах ди­зай­нер­ских мо­ни­то­ров, но и на са­мых раз­ных устрой­ствах, в раз­ных бра­у­зе­рах, на­при­мер, с вы­клю­чен­ным экран­ным сгла­жи­ва­ни­ем. Всё это да­ло цен­ную обрат­ную связь, ко­неч­но.

Илья Ру­дер­ман: До­ста­точ­но мно­го на­ших уси­лий бы­ло на­прав­ле­но на то, что­бы вос­при­я­тие и впе­чат­ле­ние от но­во­го шриф­та, ме­ста­ми за­ме­ня­ю­ще­го Arial, а ме­ста­ми TextBook, сде­лать мак­си­маль­но при­ят­ны­ми для поль­зо­ва­те­ля. Очень важ­ным фак­то­ром бы­ло со­от­вет­ствие Yandex Sans шриф­ту Arial по ём­ко­сти и про­пор­ци­ям. Оче­вид­но, что шрифт для экран­но­го чте­ния дол­жен быть с от­кры­той апер­ту­рой, но тот же Arial — за­кры­тый гро­теск. Не мо­гу ска­зать, что эти огра­ни­че­ния как-то силь­но по­вли­я­ли на ди­зайн Yandex Sans, ско­рее они ска­за­лись на ко­ли­че­стве те­стов и не­боль­ших уточ­не­ний вер­ти­каль­ных мет­рик и меж­бук­вен­ных рас­сто­я­ний.

Arial и Yandex Sans от­но­сят­ся к раз­ным шриф­то­вым груп­пам: Arial — не­огро­теск, Yandex Sans — гу­ма­ни­сти­че­ский гро­теск. Клю­че­вые раз­ли­чия меж­ду ни­ми за­клю­ча­ют­ся в про­пор­ци­о­ни­ро­ва­нии ши­рин про­пис­ных, кон­струк­ци­ях зна­ков и сте­пе­ни от­кры­то­сти апер­ту­ры. Ке­гель­ные пло­щад­ки этих двух шриф­тов в це­лом тож­де­ствен­ны, но в прин­ци­пи­аль­ных мо­мен­тах де­ла­ют­ся не­об­хо­ди­мые ис­клю­че­ния. По­сколь­ку ки­рил­ли­ца Arial не вы­дер­жи­ва­ет кри­ти­ки, до­ста­точ­но бег­ло­го срав­не­ния, ко­то­рое не­из­беж­но вы­зы­ва­ет ощу­ще­ние кон­траст­но­го ду­ша.

Ми­гель Рей­ес: Этот про­ект от­ли­ча­ет­ся от мно­гих на­ших ра­бот тем, что основ­ной но­си­тель — это экран. На про­тя­же­нии ве­ков шриф­то­вой ди­зайн был ча­стью пе­чат­но­го про­цес­са, и боль­шин­ство шриф­тов се­го­дня по-преж­не­му пред­на­зна­че­ны для пе­ча­ти. Yandex Sans из­на­чаль­но рас­смат­ри­вал­ся как экран­ный шрифт.

Кри­сти­ан Шварц: На­при­мер, мы сде­ла­ли мно­го га­зет­ных шриф­тов, где фор­ма зна­ков тре­бу­ет опре­делён­ных ма­ни­пу­ля­ций и хит­ро­стей, что­бы оста­вать­ся хо­ро­шо чи­та­е­мой, бу­ду­чи на­пе­ча­тан­ной на га­зет­ной бу­ма­ге на стан­ке с не­вы­со­ким ка­че­ством пе­ча­ти. И за по­след­ние пять лет ра­бо­ты над на­шей кол­лек­ци­ей веб-шриф­тов мы об­на­ру­жи­ли, что мно­гие из трю­ков при­ме­ни­мы и здесь. Од­на­ко су­ще­ствен­ное раз­ли­чие для нас ока­за­лось в са­мом те­сти­ро­ва­нии: бы­ло не­при­выч­но оце­ни­вать шрифт с экра­на, где он и был на­ри­со­ван, но мы до­воль­но бы­стро при­вык­ли к это­му. На ре­ти­не, ко­неч­но, всё вы­гля­дит ве­ли­ко­леп­но, но у про­дук­тов «Ян­дек­са» огром­ная ауди­то­рия, вклю­чая ба­бу­шек, ко­то­рые си­дят в Internet Explorer на Windows XP, по­это­му нам важ­но бы­ло убе­дить­ся, что шрифт хо­ро­шо ра­бо­та­ет и в до­воль­но экс­тре­маль­ной си­ту­а­ции. Для это­го при­шлось по­сто­ян­но хин­то­вать фай­лы в про­цес­се раз­ра­бот­ки, хо­тя обыч­но это де­ла­ет­ся в кон­це.

Срав­не­ние ха­рак­те­ров шриф­тов — де­ло не­бла­го­дар­ное, тем не ме­нее на­хо­дить и со­по­став­лять схо­жие ре­ше­ния или раз­ную ло­ги­ку в шриф­тах од­ной ка­те­го­рии бы­ва­ет по­лез­ным для вы­ра­бот­ки не­об­хо­ди­мых ти­по­гра­фи­че­ских ре­флек­сов. Срав­не­ние c нео­гу­ма­ни­сти­че­ски­ми гро­те­ска­ми Verdana и Frutiger вы­даёт раз­ный под­ход в ди­зайн-ре­ше­ни­ях этих шриф­тов. Меж­ду од­но­знач­но­стью и уве­рен­но­стью Verdana и де­ли­кат­но­стью Frutiger рас­по­ла­га­ет­ся уме­рен­ный Yandex Sans.

За по­след­ние не­сколь­ко лет мы уви­де­ли ряд при­ме­ров раз­ра­бот­ки и вне­дре­ния соб­ствен­ных шриф­тов ги­гант­ски­ми соф­твер­ны­ми ком­па­ни­я­ми, на­при­мер San Francisco, Roboto, Segoe. В про­цес­се ра­бо­ты вы на­вер­ня­ка их при­сталь­но изу­ча­ли. К ка­ким вы­во­дам вы при­шли?

Кон­стан­тин Гор­ский: Да, мы смот­ре­ли в сто­ро­ну кон­ку­рен­тов. Тут, прав­да, на­до по­ни­мать, что на­ша за­да­ча от­ли­ча­ет­ся от той, ра­ди ко­то­рой раз­ра­ба­ты­ва­лись все вы­ше­пе­ре­чис­лен­ные гар­ни­ту­ры. И у Apple, и у Google, и у Microsoft есть плат­фор­мы, опе­ра­ци­он­ные си­сте­мы. Шриф­ты им нуж­ны как часть ви­зу­аль­но­го язы­ка плат­форм: пред­по­ла­га­ет­ся, что поль­зо­вать­ся си­стем­ны­ми шриф­та­ми бу­дут в пер­вую оче­редь раз­ра­бот­чи­ки при­ло­же­ний. У нас си­ту­а­ция дру­гая, плат­фор­мы у нас нет, и нам шрифт ну­жен как раз для то­го, что­бы вну­три чу­жих плат­форм иметь соб­ствен­ный го­лос. Что­бы от­ли­чать­ся, нуж­но по­про­бо­вать по­чув­ство­вать ха­рак­тер каж­до­го из пред­ста­ви­те­лей. Roboto, на наш взгляд, до­воль­но стро­гий, тех­но­ло­гич­ный, пря­мой. В его пер­вой вер­сии этот ха­рак­тер был вы­ра­жен ещё бо­лее яр­ко, он был пря­мо «чертёж­ный». Нам хо­те­лось быть «гу­ма­ни­стич­нее», мяг­че, до­брее. Segoe очень ха­рак­тер­ный, но нас удив­ля­ют не­ко­то­рые осо­бен­но­сти его ки­рил­ли­цы, фор­ма не­ко­то­рых зна­ков. San Francisco на мо­мент, ко­гда мы на­чи­на­ли ра­бо­тать над шриф­том, ещё не су­ще­ство­ва­ло, он по­явил­ся, ко­гда мы бы­ли уже на фи­ниш­ной пря­мой. По­это­му мы срав­ни­ва­ли се­бя с Гель­ве­ти­кой и хо­те­ли вы­гля­деть бо­лее со­вре­мен­но. San Francisco, как мне ка­жет­ся, по­лу­чил­ся очень спо­кой­ным и ней­траль­ным шриф­том, та­кая «со­вре­мен­ная клас­си­ка». Мы ра­ды, что наш шрифт то­же вы­гля­дит со­вре­мен­ным и в до­ста­точ­ной сте­пе­ни от­ли­ча­ет­ся от всех кон­ку­рен­тов.

Срав­не­ние шриф­тов клю­че­вых иг­ро­ков IT. На по­лю­сах — не­огро­теск Helvetica и гу­ма­ни­сти­че­ский гро­теск Мэтью Кар­те­ра Verdana. Клю­че­вые осо­бен­но­сти ти­по­гра­фи­че­ской ин­то­на­ции за­ви­сят от вы­бо­ра шриф­то­вой ка­те­го­рии: шриф­ты Google и Apple ис­поль­зу­ют мо­дель не­огро­те­сков (за­кры­тость, ста­ти­ка), то­гда как Microsoft и Yandex при­дер­жи­ва­ют­ся в сво­их гар­ни­ту­рах гу­ма­ни­сти­че­ских тра­ди­ций (от­кры­тость, ди­на­ми­ка).

Ка­ко­во это — де­лать шрифт для огром­ной тех­но­ло­ги­че­ской ком­па­нии? Ка­кой опыт вы по­лу­чи­ли в хо­де про­ек­та?

Илья Ру­дер­ман: С од­ной сто­ро­ны, «Ян­декс» — не пер­вый боль­шой кли­ент в мо­ей жиз­ни. По­сле РИА «Но­во­сти» я во­об­ще не бо­юсь боль­ших за­каз­чи­ков. На­ша с Юрой Остро­менц­ким сту­дия Custom Fonts бук­валь­но па­рал­лель­но с этим про­ек­том за­ни­ма­лась раз­ра­бот­кой кор­по­ра­тив­но­го шриф­та для ком­па­нии Те­ле2. С дру­гой сто­ро­ны, «Ян­декс» — осо­бен­ная ком­па­ния с точ­ки зре­ния ди­зайн-про­цес­сов. На­ча­ло на­ше­го про­ек­та бы­ло свя­за­но с при­хо­дом в «Ян­декс» Ири­ны Во­ло­ши­ной на долж­ность арт-ди­рек­то­ра, ко­то­рая взя­ла под кры­ло сло­жив­ший­ся кол­лек­тив ди­зай­не­ров. При этом со­хра­ня­лась столь важ­ная для «Ян­дек­са» де­мо­кра­тия в при­ня­тии всех ре­ше­ний.

Раз­ра­бот­ку кор­по­ра­тив­но­го шриф­та мы на­ча­ли с то­го, что со­бра­ли ра­бо­чую груп­пу, в ко­то­рую во­шли пред­ста­ви­те­ли всех основ­ных про­дук­тов и ди­зайн-на­прав­ле­ний «Ян­дек­са». Эта ра­бо­чая груп­па сна­ча­ла уточ­ни­ла бриф, а по­том при­ни­ма­ла уча­стие во всех клю­че­вых ре­ше­ни­ях. Имен­но эти ди­зай­не­ры по­лу­ча­ли те­сто­вые фай­лы, про­бо­ва­ли шриф­ты в ра­бо­те и по­мо­га­ли уточ­нять фи­наль­ный ре­зуль­тат. Де­лать шрифт для огром­ной тех­но­ло­ги­че­ской ком­па­нии очень ин­те­рес­но, в про­цес­се ра­бо­ты ста­но­вят­ся вид­ны мно­гие скры­тые вну­трен­ние про­цес­сы. Но раз­мер ком­па­нии иг­ра­ет вто­ро­сте­пен­ную роль, важ­нее раз­но­об­ра­зие про­дук­тов и си­ту­а­ций, в ко­то­рых шрифт ока­жет­ся: мо­биль­ные ин­тер­фей­сы, кар­ты, про­мо­ма­те­ри­а­лы, оформ­ле­ние о­флайн-ме­ро­при­я­тий и т. д. Тре­бо­ва­лось обо всём по­за­бо­тить­ся и ни­че­го не упу­стить.

Кри­сти­ан Шварц: Ра­бо­та с та­ким боль­шим кли­ен­том — это хо­ро­шее ис­пы­та­ние. Нуж­но учи­ты­вать од­но­вре­мен­но не­ве­ро­ят­ное ко­ли­че­ство тре­бо­ва­ний и мне­ний. Ко­неч­но, ра­бо­тать с жур­на­ла­ми на­мно­го про­ще, по­то­му что, как пра­ви­ло, мы име­ем де­ло с од­ним че­ло­ве­ком, опре­де­ля­ю­щим об­раз, то­гда как в «Ян­дек­се» каж­дая про­дук­то­вая ко­ман­да име­ет соб­ствен­ные при­о­ри­те­ты и по­треб­но­сти. Кро­ме ре­ше­ния спе­ци­фи­че­ских за­дач, мы долж­ны бы­ли не у­пус­кать из ви­ду ком­форт­ность чте­ния для са­мих поль­зо­ва­те­лей.

Вы упо­ми­на­ли, что во вре­мя раз­ра­бот­ки Yandex Sans ки­рил­ли­ца силь­но по­вли­я­ла на ла­ти­ни­цу. В чём это от­ра­зи­лось на прак­ти­ке?

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

Кри­сти­ан Шварц: Для «Ян­дек­са» бы­ло важ­но, что­бы шрифт «го­во­рил» с рус­ским ак­цен­том, что­бы фор­мы зна­ков бы­ли аб­со­лют­но аутен­тич­ны и при­выч­ны рус­ско­му поль­зо­ва­те­лю. Хо­ро­ший при­мер с бук­ва­ми К и к — мы ре­ши­ли от­ка­зать­ся в ла­ти­ни­це от тра­ди­ци­он­ной кон­струк­ции, как в Гель­ве­ти­ке, по­сколь­ку это вы­гля­дит чу­же­род­но для ки­рил­ли­цы, и оста­но­ви­лись на об­щей фор­ме для этих букв в обо­их ал­фа­ви­тах, не­смот­ря на то что для ла­ти­ни­цы она вы­гля­дит не­мно­го стран­но. Мы ра­ды со­труд­ни­че­ству с Ильёй, в этом про­ек­те мы опи­ра­лись на его опыт и зна­ние как ки­рил­ли­цы, так и рус­ской ви­зу­аль­ной куль­ту­ры в це­лом.

Илья Ру­дер­ман: Не­смот­ря на то что в осно­ве Yandex Sans ле­жит эс­киз ла­ти­ни­цы Ми­ге­ля Рей­е­са, с са­мой пер­вой пре­зен­та­ции в нём при­сут­ство­ва­ла ки­рил­ли­че­ская часть, по­то­му что за­каз­чик смот­рел преж­де все­го на об­раз ки­рил­ли­че­ско­го тек­ста. Идея ро­ди­лась в ла­ти­ни­це, но про­ве­ря­лась, ут­вер­жда­лась, уточ­ня­лась че­рез приз­му ки­рил­ли­цы. Ди­зай­не­ры, по-мо­е­му, да­же не осо­бо те­сти­ро­ва­ли ла­тин­скую часть. Если огля­нуть­ся на­зад, то это вы­гля­дит край­не не­обыч­но, но тут дей­стви­тель­но всё сло­жи­лось так, что ощу­ще­ние от ки­рил­ли­цы опре­де­ля­ло те из­ме­не­ния, ко­то­рые от­ра­зи­лись на ла­тин­ской ча­сти.

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

Сер­гей Фё­до­ров: На­вер­ное, са­мая слож­ная за­да­ча — ре­шить, ка­кой об­раз дол­жен не­сти в се­бе но­вый шрифт. Мы ин­же­не­ры, гу­ма­ни­та­рии или во­об­ще ка­кие-то дру­гие но­вые лю­ди? По­ни­ма­е­те, это до­воль­но слож­но и не­при­выч­но для та­кой ком­па­нии ин­же­не­ров, как «Ян­декс», иметь что-то от­лич­ное от «си­стем­но­го». Но мы долж­ны и хо­тим ме­нять­ся. Так­же шрифт дол­жен со­от­вет­ство­вать тех­ни­че­ским тре­бо­ва­ни­ям, ко­то­рые предъ­яв­ля­ют на­ши про­дук­ты. Ко­гда мы опре­де­ли­лись со смыс­ла­ми и ин­то­на­ци­я­ми, на­ча­лась про­дол­жи­тель­ная по вре­ме­ни ра­бо­та с тех­ни­че­ски­ми огра­ни­че­ни­я­ми: ско­рость за­груз­ки, ка­че­ство отоб­ра­же­ния на экра­не, сов­па­де­ния раз­лич­ных мет­рик с си­стем­ны­ми шриф­та­ми. Здесь нам пред­сто­ит про­де­лать ещё мно­го ра­бо­ты, и это са­мое ин­те­рес­ное. Прак­ти­че­ски ни у ко­го в Рос­сии нет опы­та раз­ра­бот­ки шриф­та для та­ко­го ко­ли­че­ства про­дук­тов, ко­то­рым рас­по­ла­га­ет «Ян­декс».

Го­во­ря о си­стем­ном под­хо­де в этой об­ла­сти, мож­но вспо­мнить опы­т Google Material Design, в ко­то­ром ти­по­гра­фи­ка и шрифт Roboto пред­став­ле­ны как не­отъ­ем­ле­мая часть еди­но­го це­ло­го. Из че­го со­сто­ит ви­зу­аль­ный язык «Ян­дек­са», ка­кие у не­го осо­бен­но­сти и прин­ци­пы?

Сер­гей Фё­до­ров: Я не со­гла­шусь, что шрифт в том же под­хо­де «Гугла» пред­став­лен как не­отъ­ем­ле­мая часть еди­но­го це­ло­го. На­чать хо­тя бы с то­го, что у «Гугла» бо­лее трёх шриф­тов и боль­шая фраг­мен­ти­ро­ва­ная си­сте­ма. С од­ной сто­ро­ны, без шриф­та в си­сте­мах ни­ку­да, с дру­гой сто­ро­ны, вид­но, как труд­но опе­ри­ро­вать этим по­ня­ти­ем, ко­гда речь идет о прин­ци­пах. Ведь есть те чер­ты ви­зу­аль­но­го язы­ка, ко­то­рые ку­да за­мет­нее гла­зу че­ло­ве­ка. По­это­му все прин­ци­пы Material Design на­чи­на­ют­ся со­всем не со шриф­та.

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

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

По­ка на глав­ной стра­ни­це и в боль­шин­стве про­дук­тов «Ян­дек­са» мы ви­дим Arial. Ко­гда его сме­нит Yandex Sans? Сколь­ко вре­ме­ни вы за­кла­ды­ва­ет­е на вне­дре­ние шриф­та во все про­дук­ты и ком­му­ни­ка­ции?

Сер­гей Фё­до­ров: Глав­ная стра­ни­ца, как и по­ис­ко­вая вы­да­ча, очень чув­стви­тель­на к лю­бым из­ме­не­ни­ям, ко­то­рые, в свою оче­редь, силь­но вли­я­ют на на­ши мет­ри­ки — сле­до­ва­тель­но, удоб­ство поль­зо­ва­те­лей и день­ги ком­па­нии. По­это­му к ним мы от­но­сим­ся с осто­рож­но­стью, и вне­дре­ние тут бу­дет плав­ным, с боль­шим ко­ли­че­ством ите­ра­ций. Нам пред­сто­ит мно­го экс­пе­ри­мен­тов, и ско­рее все­го, сам шрифт бу­дет из­ме­нять­ся в про­цес­се. Мы по­сте­пен­но на­чи­на­ем вне­дрять Yandex Sans в сер­ви­сах и при­ло­же­ни­ях — там, где это мож­но сде­лать бы­стро и без­бо­лез­нен­но. В ком­му­ни­ка­ци­ях из­ме­не­ния бу­дут про­ис­хо­дить бы­стрее.

Вы пла­ни­ру­е­те раз­ви­вать про­ект — раз­ра­ба­ты­вать до­пол­ни­тель­ные сти­ли и на­чер­та­ния, про­ек­ти­ро­вать Yandex Serif, на­при­мер?

Сер­гей Фё­до­ров: Мы уже вне­сли не­сколь­ко важ­ных из­ме­не­ний в те­ку­щий шрифт, раз­ра­бо­та­ли и вне­дри­ли спе­ци­аль­но для «Ян­декс.Лон­че­ра» Yandex Sans Condensed — за­ужен­ную вер­сию на­ше­го шриф­та. В сле­ду­ю­щем го­ду мы пла­ни­ру­ем раз­ра­бот­ку и вне­дре­ние но­вых на­чер­та­ний. Раз­ра­бот­ка Yandex Serif пла­ни­ро­ва­лась на­ми из­на­чаль­но, но в се­ре­ди­не про­ек­та бы­ло при­ня­то ре­ше­ние сфо­ку­си­ро­вать­ся на шриф­те без за­се­чек.

Так­же с сен­тя­бря мы на­ча­ли вне­дрять шрифт для на­зва­ний сер­ви­сов. Мы от­ка­за­лись от не­удоб­ной кон­струк­ции «ло­го­тип + жёл­тая кон­тур­ная стрел­ка с на­зва­ни­ем сер­ви­са вну­три». Мы при­шли к бо­лее про­сто­му на­пи­са­нию шриф­том, ко­то­рый со­от­но­сит­ся с на­ши­м ло­го­ти­пом и Ян­декс Сан­сом и так­же поз­во­ля­ет ис­поль­зо­вать но­вое на­пи­са­ние с икон­кой сер­ви­са. Сей­час но­вые ло­го­ти­пы по­яв­ля­ют­ся в шап­ках сер­ви­сов, при­ло­же­ни­ях и ком­му­ни­ка­ции.

Ка­кие тен­ден­ции, на ваш взгляд, сей­час про­сле­жи­ва­ют­ся в со­вре­мен­ной ти­по­гра­фи­ке ин­тер­фей­сов, ин­фор­ма­ци­он­ных и сер­вис­ных про­дук­тов?

Сер­гей Фё­до­ров: По мо­им на­блю­де­ни­ям, глав­ная тен­ден­ция по­след­них лет, если не го­во­рить про лю­бовь ди­зай­не­ров к тем или иным шриф­там, — это при­ход бу­маж­ной ти­по­гра­фи­ки в веб. Воз­мож­но­стей по­яв­ля­ет­ся боль­ше, ди­зай­не­ры ста­но­вят­ся сме­лее, и веб до­воль­но силь­но ме­ня­ет­ся. При­ят­но на­блю­дать, как в ди­джи­та­ле по­яв­ля­ет­ся боль­ше бу­маж­ной точ­но­сти, ак­ку­рат­но­сти и вни­ма­ния к ти­по­гра­фи­ке. Мы сле­дим за все­ми сер­ви­са­ми, ра­бо­та­ю­щи­ми с боль­шой ауди­то­ри­ей: Apple, Google, Facebook, Airbnb, Pinterest, Microsoft. Из на­ших ре­бят мы смот­рим за сту­ди­ей Charmer и Ди­мой Бар­ба­не­лем.

  1. Ирина Волошина — директор по дизайну (2013–2015), «Яндекс»
  2. Константин Горский — директор по дизайну (2015–2016), «Яндекс»
  3. Сергей Фёдоров — директор по дизайну (2016—н. в.), «Яндекс»
  4. Илья Рудерман — дизайнер шрифта, партнёр CSTM Fonts
  5. Мигель Рейес (Miguel Reyes) — дизайнер шрифта, Commercial Type
  6. Кристиан Шварц (Christian Schwartz) — дизайнер шрифта, партнёр Commercial Type

Как создавался шрифт Яндекса:  Yandex Sans

Константин Горский в своем блоге на Medium поделился историей разработки фирменного шрифта Yandex Sans. С его разрешения мы приводим эту историю на сайте.

23 апреля 2016 на Я.Субботнике для дизайнеров мы анонсировали наш собственный шрифт Yandex Sans. Мы работали над ним два с половиной года и очень счастливы наконец поделиться результатом. В этом посте я расскажу о том, зачем мы всё это задумали, как происходила работа, что получилось в результате и что будет дальше. Пост написан по мотивам нашего рассказа на Субботнике.

Зачем вообще думать о шрифте?

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

Шрифт — это один из базовых «голосов» графического дизайна наравне с цветом, формой и т. д. Шрифт влияет на то, как воспринимается информация, им набранная. У Джона Маэды в его лекции на TED я подсмотрел очень наглядный способ это продемонстрировать. Это история о форме и содержании. Давайте возьмем некоторое содержание и попробуем, зафиксировав его, менять форму. Пусть нашим содержанием будет хорошо известный девиз Яндекса — «найдётся всё».

Вот как он выглядит, набранный Букварной гарнитурой — шрифтом, который мы используем для коммуникаций:

Так обычно и говорит Яндекс. Это наше сообщение, произнесенное нашим же голосом.

А что, если бы мы использовали для этого же содержания вот такой шрифт?

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

Вот это уже серьёзное заявление. Такое могло бы подойти для распродажи в «Ашане» или в «Из рук в руки». Налетай, покупай!

А если так?

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

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

А ведь можно и вот так:

Мне кажется, это что-то вроде автозаправки с магазином. Найдётся всё: омывайка, ключи с домкратами, да и перекусить можно недорого.

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

А что и как сейчас говорит Яндекс?

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

Кстати, Влад Головач рассказал, что, по его мнению, по-русски правильно называть этот шрифт Ариэль, так как изначально он был назван созвучно с персонажем «Бури» Шекспира. Но я пока, с вашего позволения, продолжу писать «Ариал».

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

Ариал в поисковой выдаче

Почему именно Ариал? Дизайнерам должна быть хорошо известна его история. Ариал базируется на пропорциях и рисунке букв Гельветики, одного из самых знаменитых и даже культовых шрифтов XX века. Гельветика появилась в 1957 году под именем Neue Haas Grotesk. Если по какой-то причине вы пропустили фильм Helvetica, обязательно посмотрите хотя бы этот трейлер (а лучше фильм целиком, конечно):

Статья была полезна?
Поддержите проект — поделитесь в соцсетях:

Как настроить шрифт в Яндекс.Браузере

Вариант 1: ПК-версия

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

Читайте также: Изменение масштаба одной или всех страниц в Яндекс.Браузере

Способ 1: Настройки браузера

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

  1. Через «Меню» переместитесь в «Настройки».
  2. На панели слева выберите раздел «Сайты». В центральной области найдите блок «Размер шрифта» — тут вы сразу же можете подобрать другое значение, уменьшив или увеличив его. Для более тонкой настройки кликните по ссылке «Настройки шрифтов».
  3. Задайте текущий размер литер и минимально допустимый, а также выберите, какой шрифт будет отображаться на сайте. Как уже сказано ранее, указанный вами вариант будет виден только если к сайту не подключены особые шрифты (например, на Википедии). Кроме того, конкретное семейство (с засечками, моноширинный и т. д.) используется только при условии, что в исходном коде сайта прописано именно оно. То есть если при верстке страницы был задан обычный шрифт без засечек, моноширинный или с засечками попросту не отобразится.
  4. Единственное изменение, которое касается абсолютно любых текстов — размер шрифта. Его изменение видно и в самом Яндекс.Браузере, и на страницах.

Способ 2: Установка расширения

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

Перейти на страницу расширения Пользовательский Font Changer в интернет-магазине Google

  1. На странице дополнения нажмите «Установить».
  2. Подтвердите добавление.
  3. Теперь откройте любой сайт с текстом и щелкните по кнопке расширения. Из-за обилия выбора оно будет ощутимо подтормаживать при прогрузке позиций, поэтому стоит запастись терпением. Как вы видите, здесь также меняются 4 разных семейства по аналогии со стандартными настройками веб-обозревателя: обычный (standard), без засечек (sans-serif), с засечками (serif), моноширинный (monospace).
  4. Чуть ниже выбирается цвет. Вариантов тут, правда, не очень много — предлагаются только яркие читабельные цвета.
  5. Многие шрифты, к сожалению, не поддерживают кириллицу. Это значит, что при выборе они будут работать только на цифрах и английских словах. Поэтому если нет конкретных предпочтений, придется искать подходящий вариант путем перебора (в выпадающем списке название шрифта отражает его внешний вид, ориентируйтесь по нему).
  6. Вариант, поддерживающий кириллицу, изменит практически все текстовые блоки на сайте.
  7. Однако у некоторых шрифтов все же будут различаться написания кириллицы и латиницы.

Вариант 2: Мобильное приложение

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

  1. Нажмите по сервисной кнопке «Меню».
  2. Перейдите в раздел «Настройки».
  3. В блоке «Общие» тапните по пункту «Масштаб и перенос текста».
  4. Здесь при помощи регулятора можно настроить размер букв.
Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ
Поделиться статьей в социальных сетях:

Как увеличить шрифт в яндекс браузер:правильно и самостоятельно

Бескрайние просторы интернет-сети захватывают многомиллионную аудиторию.

На различных ресурсах можно найти подходящую информацию.

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

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

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

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

Пошаговая инструкция – настройка шрифта

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

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

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

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

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

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

Как менять шрифт – основные действия

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

Вкладка «Настроить шрифт», предлагает сразу несколько вариантов шрифтов. Каждый пользователь может воспользоваться:

  • стандартным шрифтом;
  • с наличием засечек;
  • без засечек;
  • фиксированной шириной;
  • кодировкой;
  • минимальным размером

При желании можно изменить масштаб веб-страницы. Для этого придется воспользоваться пунктом «Page zoom». Следует также отметить, что изменение масштаба осуществляется с применением горячих клавиш «Контрол» и «Плюс».

Яндекс Санс. Новый шрифт для Яндекса | Костя Горский

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

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

3. Выразите наши ценности.

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

· open;

· современный;

· умный;

· нейтральный;

· местный;

· технологичный, но с человеческим лицом.

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

4. Разработан в первую очередь для кириллицы

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

И, конечно же, шрифт должен был включать все необходимые буквы и акценты, используемые в странах, где мы работаем, включая Россию, Украину, Беларусь, Казахстан и Турцию; на нем должен был быть символ рубля, символ гривны и так далее.

5. Читабельный, разборчивый, подходящий для любой ситуации

Интерфейсы и коммуникации Яндекса проявляются в самых разных средах. Вот несколько примеров типографских ситуаций для Яндекс.Такси (и это далеко не весь спектр):

Сообщество HUAWEI — Сообщество HUAWEI

{{продукт.skuPriceInfo.sbomName}}

{{если product.skuPriceInfo.sbomPromoWord}}

{{product.skuPriceInfo.sbomPromoWord}}

{{/если}}

{{if currencySymbolPosition}} {{currencySymbol}} {{product.skuPriceInfo.unitPrice}} {{еще}} {{продукт.skuPriceInfo.unitPrice}} {{currencySymbol}} {{/если}}

{{если product.skuPriceInfo.orderPrice> product.skuPriceInfo.unitPrice}}

{{if currencySymbolPosition}} {{currencySymbol}} {{product.skuPriceInfo.orderPrice}} {{еще}} {{product.skuPriceInfo.orderPrice}} {{currencySymbol}} {{/если}}

{{/если}}

{{купить}}

{{if commentStartTime! = 0}}

{{commentStartTimeLabel}}: {{commentStartTime | dateFormatter}}

{{/если}} {{if commentEndTime! = 0}}

{{commentEndTimeLabel}}: {{commentEndTime | dateFormatter}}

{{/если}}

Медиа

«Вернуться к оглавлению

Содержание:

Видеокамера

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

Недвижимость

Нет

События

AfterRecording ( клип )
Указывает, что видео было записано камерой, и указывает путь к сохраненное видео.

Методы

Запись видео ()
Записывает видео, затем вызывает событие AfterRecording .

Камера

Используйте компонент камеры, чтобы сделать снимок на телефоне.

Камера — это невидимый компонент, который делает снимок с помощью камеры устройства. После снимок сделан, путь к файлу на телефоне, содержащему снимок, доступен в виде аргумент для события AfterPicture .Путь можно использовать, например, как Изображение свойство изображения Изображение составная часть.

Недвижимость

Нет

События

AfterPicture ( изображение )
Вызывается после того, как сделан снимок. Текстовый аргумент image — это путь, который можно использовать для найдите изображение на телефоне.

Методы

TakePicture ()
Делает снимок, затем вызывает событие AfterPicture .

ImagePicker

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

Недвижимость

Цвет фона
Задает цвет фона ImagePicker как альфа-красный-зеленый-синий. целое число.Если установлено Изображение , цвет изменение не будет видно, пока не будет удалено изображение Image .
Включено
Указывает, должен ли ImagePicker быть активным и интерактивным.
FontBold
Указывает, должен ли текст в ImagePicker быть полужирным. Некоторые шрифты не поддерживают полужирный шрифт.
FontItalic
Указывает, должен ли текст ImagePicker быть курсивом.Некоторые шрифты не поддерживают курсив.
Размер шрифта
Задает размер шрифта текста для ImagePicker , измеряемый в sp (независимые от масштаба пиксели).
FontTypeface
Задает шрифт текста для ImagePicker по умолчанию, с засечками, без засечки или моноширинный.
Высота
Задает высоту по вертикали ImagePicker , измеряемую в пикселях.
Высота Процент
Задает вертикальную высоту ImagePicker в процентах. экрана Высота .
Изображение
Задает путь изображения ImagePicker . Если есть и Изображение , и BackgroundColor , будет виден только Image .
Выбор
Путь к файлу, содержащему выбранное изображение.
Форма
Задает форму ImagePicker . Допустимые значения для этого свойства: 0 (по умолчанию), 1 (закруглено), 2 (прямоугольник) и 3 (овал). Форма не будет видна, если Используется изображение .
ПоказатьОбратная связь
Указывает, следует ли отображать визуальную обратную связь, когда ImagePicker с назначенным Изображение нажата.
Текст
Задает текст, отображаемый ImagePicker .
TextAlignment
Задает выравнивание текста ImagePicker .Допустимые значения: 0 (нормально; например, с выравниванием по левому краю, если текст пишется слева направо), 1 (в центре), или 2 (напротив; например, с выравниванием по правому краю, если текст пишется слева направо).
Цвет текста
Задает цвет текста для ImagePicker как альфа-красный-зеленый-синий. целое число.
видимый
Указывает, должен ли ImagePicker отображаться на экране.Значение истинное если ImagePicker отображается и false если скрыт.
Ширина
Задает горизонтальную ширину ImagePicker , измеренную в пикселях.
Ширина Процент
Задает горизонтальную ширину ImagePicker в процентах. экрана Ширина .

События

После выбора ()
Событие, которое должно возникать после того, как действие ImagePicker вернет свое результат и свойства были заполнены.
Перед выбором ()
Событие, вызываемое при щелчке ImagePicker или отображении средства выбора используя метод Open . Это событие происходит до отображения средства выбора и можно использовать для подготовки сборщика перед его показом.
GotFocus ()
Указывает, что курсор наведен на ImagePicker , поэтому теперь это возможно. чтобы щелкнуть по нему.
LostFocus ()
Указывает, что курсор отошел от ImagePicker , поэтому теперь он не дольше можно щелкнуть по нему.
TouchDown ()
Указывает, что был нажат ImagePicker .
TouchUp ()
Указывает, что выпущен ImagePicker .

Методы

Открыть ()
Открывает ImagePicker , как если бы пользователь щелкнул по нему.

Игрок

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

Список поддерживаемых аудиоформатов см. Поддерживаемые Android форматы мультимедиа.

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

Недвижимость

IsPlaying
Сообщает, воспроизводится ли медиа.
Петля
Если true, Player будет зацикливаться при воспроизведении.Установка Loop во время игры будет влияют на текущую игру.
PlayOnlyInForeground
Если true, Player приостанавливает воспроизведение при выходе из текущего экрана; если ложь (опция по умолчанию), Player продолжает воспроизведение всякий раз, когда отображается текущий экран или нет.
Источник
Устанавливает источник звука.
Объем
Устанавливает для свойства громкости число от 0 до 100.

События

Завершен ()
Указывает, что носитель достиг конца
ДругойPlayerStarted ()
Это событие сигнализируется, когда другой игрок начал (и текущий игрок играет или приостановлено, но не остановлено).

Методы

Пауза ()
Приостанавливает воспроизведение мультимедиа, если оно воспроизводится.
Начало ()
Воспроизводит медиа. Если он был ранее приостановлен, воспроизведение возобновляется.Если он был ранее остановлен, он запускается сначала.
Стоп ()
Останавливает воспроизведение мультимедиа и переходит к началу песни.
Вибрация ( миллисекунды )
Вибрирует в течение указанного количества миллисекунд.

Звук

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

Поддерживаемые форматы звуковых файлов см. Поддерживаемые Android форматы мультимедиа.

Этот компонент Sound лучше всего подходит для коротких звуковых файлов, таких как звуковые эффекты, в то время как Player компонент более эффективен для более длинных звуков, таких как песни.

Недвижимость

Минимальный интервал
Указывает минимальный интервал, необходимый между вызовами Play , в миллисекунды. Как только звук начнет воспроизводиться, все дальнейшие вызовы Play будут игнорироваться пока не истечет интервал.
Источник
Имя звукового файла. Поддерживаются только определенные форматы. См. Http://developer.android.com/guide/appendix/media-formats.html.

События

Нет

Методы

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

Диктофон

Мультимедийный компонент для записи звука.

Недвижимость

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

События

AfterSoundRecorded ( звук )
Указывает местоположение вновь созданного звука.
Началась запись ()
Указывает, что рекордер запущен и может быть остановлен.
Запись остановлена ​​()
Указывает, что рекордер остановлен и может быть запущен снова.

Методы

Начало ()
Начинает запись.
Стоп ()
Останавливает запись.

SpeechRecognizer

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

Недвижимость

Результат
Возвращает последний текст, созданный распознавателем.
Использование Наследие
Если true, для распознавания речи используется отдельный диалог (по умолчанию). Если ложь, речь распознается в фоновом режиме, и обновления принимаются по мере распознавания слов. AfterGettingText может получить несколько вызовов с частичным , установленным на истинный . Когда с момента последнего произнесения прошло достаточно времени или вызывается StopListening , последняя строка будет возвращена с частичным , установленным на false , чтобы указать, что это последняя распознанная строка, и больше данных не будет предоставляться, пока не будет снова начато распознавание.Видеть AfterGettingText для получения дополнительных сведений о частичном распознавании речи.

События

AfterGettingText ( результат , частичный )
Простое событие, вызываемое после того, как SpeechRecognizer распознает речь. Если UseLegacy is true , тогда это событие произойдет только один раз в самом конце признания. Если UseLegacy false , то это событие будет запускаться несколько раз, поскольку SpeechRecognizer постепенно распознает речь.В этом случае частичное будет истинным до тех пор, пока не будет распознана речь. был завершен (например, пользователь перестал говорить), и в этом случае частичное будет ложь .
BeforeGettingText ()
Простое событие, вызываемое при вызове SpeechRecognizer , но до его деятельность начата.

Методы

GetText ()
Просит пользователя говорить и преобразует речь в текст.Сигнализирует о AfterGettingText событие, когда доступен результат.
Стоп ()
Функция, используемая для принудительного прекращения прослушивания речи в случаях, когда SpeechRecognizer не может остановиться автоматически. Эта функция работает, только если свойство UseLegacy установлено в установлено значение false .

TextToSpeech

Компонент TextToSpeech произносит заданный текст вслух. Вы можете установить высоту тона и скорость речи.

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

Вы также можете указать страну, введя код Country . Это может повлиять на произношение. Например, британский английский (GBR) будет отличаться от американского английского (США).Не каждый код страны влияет на каждый язык.

Доступные языки и страны зависят от конкретного устройства и могут быть указаны в AvailableLanguages ​​ и AvailableCountries свойств.

Недвижимость

В наличииСтраны
Список кодов стран, доступных на этом устройстве для использования с TextToSpeech. Ознакомьтесь с документацией разработчика Android на поддерживаемых языках, чтобы узнать значения этих сокращений.
Доступные языки
Список языков, доступных на этом устройстве для использования с TextToSpeech. Ознакомьтесь с документацией разработчика Android на поддерживаемых языках, чтобы узнать значения этих сокращений.
Страна
Код страны, используемый для генерации речи. Это может повлиять на произношение. Например, Британский английский (GBR) будет отличаться от американского английского (США). Не каждый код страны будет влияют на каждый язык.
Язык
Устанавливает язык для TextToSpeech. Это меняет способ произношения слов, а не реальный язык, на котором говорят. Например, если установить французский язык и говорить Английский текст будет звучать так, как будто кто-то говорит по-английски с французским акцентом.
Шаг
Устанавливает высоту речи для TextToSpeech.

Значения должны быть от 0 до 2, где более низкие значения понижают тон синтезированного голоса. а большие ценности поднимают его.

Значение по умолчанию для нормальной высоты звука — 1.0.

Результат
Возвращает true , если текст был успешно преобразован в речь, иначе ложь .
SpeechRate
Устанавливает SpeechRate для TextToSpeech.

Значения должны быть от 0 до 2, где меньшие значения замедляют высоту тона, а большие. значения ускоряют его.

Значение по умолчанию — 1.0 для нормальной скорости речи.

События

AfterSpeaking ( результат )
Событие, которое возникает после произнесения сообщения. Результат будет true , если сообщение произнесено успешно, в противном случае оно будет ложь .
Перед выступлением ()
Событие, которое возникает при вызове Speak перед тем, как сообщение будет озвучено.

Методы

Говорите ( сообщение )
Говорит данное сообщение.

Видеопроигрыватель

Мультимедийный компонент, способный воспроизводить видео. Когда приложение запущено, VideoPlayer будет отображаться на экране в виде прямоугольника. Если пользователь коснется прямоугольника, элементы управления будут кажется, что они воспроизводят / приостанавливают, пропускают вперед и переходят назад в пределах видео. Приложение также может управлять поведением, вызывая Start , Pause и SeekTo методы.

Видео файлы должны быть в формате 3GPP (.3gp) или MPEG-4 (.mp4) форматы. Подробнее о юридических форматы, см. Поддерживаемые Android форматы мультимедиа.

App Inventor разрешает только видеофайлы размером менее 1 МБ и ограничивает общий размер приложения до 5 МБ, не все из которых доступны для мультимедийных (видео, аудио и звуковых) файлов. Если ваши СМИ файлы слишком велики, вы можете получить ошибки при упаковке или установке вашего приложения, в котором В этом случае следует уменьшить количество медиафайлов или их размеры. Большинство программ для редактирования видео, таких как Windows Movie Maker и Apple iMovie, могут помочь вам уменьшить размер видео на их сокращение или перекодирование видео в более компактный формат.

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

Недвижимость

Полноэкранный
Устанавливает, должно ли видео отображаться в полноэкранном режиме или нет.
Высота
Задает высоту компонента по вертикали в пикселях.
Высота Процент
Задает вертикальную высоту VideoPlayer в процентах. экрана Высота .
Источник
Устанавливает «путь» к видео. Обычно это имя видеофайла, которое должно быть добавлен в Конструктор.
видимый
Указывает, должен ли VideoPlayer отображаться на экране. Значение истинное если VideoPlayer отображается и false если скрыт.
Объем
Устанавливает для свойства громкости число от 0 до 100.Значения меньше 0 будет рассматриваться как 0, а значения больше 100 — как 100.
Ширина
Задает ширину компонента по горизонтали в пикселях.
Ширина Процент
Определяет горизонтальную ширину VideoPlayer в процентах. экрана Ширина .

События

Завершен ()
Указывает, что видео достигло конца

Методы

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

ЯндексПереводчик

Используйте этот компонент для перевода слов и предложений между разными языками. Этот компонент требуется доступ в Интернет, так как он будет запрашивать перевод в сервис Яндекс.Переводчик. Укажите исходный и целевой язык в форме исходный-целевой, используя двухбуквенные языковые коды.Таким образом, «en-es» переводится с английского на испанский, а «es-ru» переводится с испанского на Русский. Если вы не укажете исходный язык, служба попытается определить исходный язык. язык. Таким образом, указание только «es» будет пытаться определить исходный язык и перевести его. на испанский.

Этот компонент работает на базе службы переводов Яндекс. Видеть http://api.yandex.com/translate/ для получения дополнительной информации, включая список доступных языков. и значения кодов языков и кодов состояния.

Примечание: Перевод выполняется асинхронно в фоновом режиме. Когда перевод будет завершен, запускается событие GotTranslation .

Недвижимость

ApiKey
Ключ API Яндекса для использования. Если установлено значение ПО УМОЛЧАНИЮ, ключ платформы по умолчанию (если есть) будет использоваться. В противном случае должен быть установлен действующий ключ API, который можно получить. с https://tech.yandex.com/translate/. Если на платформе нет значения по умолчанию ключ, а один здесь не указан, возникнет ошибка.

События

GotTranslation ( responseCode , перевод )
Событие, указывающее, что запрос завершен и вернул данные (перевод).

Методы

RequestTranslation ( languageToTranslateTo , textToTranslate )
Предоставляя целевой язык для перевода (например, «es» для испанского, «en» для Английский или «ru» для русского), а также слово или предложение для перевода, этот метод запросит перевод на Яндекс.Перевести сервис. После того, как текст переведен внешним service, будет выполнено событие GotTranslation .

Примечание. Яндекс.Переводчик попытается определить исходный язык. Вы также можете указать добавив его к языковому переводу, например, es-ru будет указывать с испанского на русский перевод.

Выберите шрифт ваших писем

Spark для Mac и iOS позволяет выбирать шрифт и размер шрифта при составлении электронного письма.

Чтобы изменить шрифт электронной почты, убедитесь, что у вас Spark версии 2.3.4 или новее. Если приложение не обновилось автоматически, откройте App Store> Updates , найдите Spark и выберите Update .

Примечание. Spark для Android в настоящее время не поддерживает редактирование шрифтов, но мы добавим эту функцию в будущем.

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

Если вы хотите удалить форматирование, выделите текст и щелкните значок Удалить стиль на панели инструментов. По умолчанию Spark использует San Francisco, 14 в компоновщике электронной почты.

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

Чтобы удалить форматирование, выделите текст, прокрутите панель инструментов вправо и коснитесь значка Удалить стиль . По умолчанию Spark использует SF Pro Text, 16 в компоновщике электронной почты.

Spark также позволяет изменять текст и цвет выделения, а также создавать списки и отступы. Подробнее о параметрах форматирования RTF.

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

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

Спасибо️! Расскажите подробнее о своем опыте работы с Spark Help Center:

Яндекс представил в России первый настольный переводчик графического текста

Изображение: Яндекс

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

Российский технологический гигант Яндекс решил эту проблему с помощью первого в истории настольного браузера со встроенным переводом изображений.В основе новой функции лежит технология компьютерного зрения, а также собственная переводческая программа Yandex Translate. Он может переводить изображения на иностранном языке, такие как сканированные изображения газет или журналов, комиксы / аниме или список ингредиентов из сканирования упаковки продукта K-beauty.

Отличается от других переводчиков

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

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

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

Давний технический лидер Компания «Яндекс», зарегистрированная на фондовой бирже NASDAQ (

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

Исходная поисковая система компании остается самой популярной поисковой системой в русскоязычном мире, на нее приходится 60,5% всего мобильного поискового трафика в России, а ежемесячная аудитория браузера составляет 35 миллионов пользователей настольных компьютеров и 37 миллионов пользователей мобильных устройств по всему миру.

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

Как увеличить шрифт на Huawei Honor 3 Яндекс Телефон

Huawei Honor 3 Пользователям Яндекса далеко не всегда комфортно читать текст с экрана. Здесь проблема не в самом дисплее или его размере, а в шрифте. Из-за маленьких букв вам буквально нужно всматриваться, когда вы пытаетесь разобрать буквы.Поэтому важно разобраться, как увеличить шрифт на Яндекс телефоне Huawei Honor 3. Есть несколько способов сделать это.

Через настройки

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

  1. Откройте настройки телефона.
  2. Перейдите в раздел «Дисплей».
  3. Щелкните заголовок «Шрифт и масштаб экрана».
  4. Переместите ползунок размера вправо.

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

Если размер текста не увеличивается через настройки

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

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

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

Vis Сторонние приложения

Яндекс-телефон Huawei Honor 3 позволяет изменять размер текста не только в меню настроек, но и с помощью специальных приложений.В магазине Google Play есть десятки программ для настройки шрифта. Пользователь может выбрать любой из них.

Big Font (изменить размер шрифта) идеально подходит для этого. Он доступен для бесплатной загрузки и позволяет изменить шрифт за несколько шагов:

  1. Запустите приложение.
  2. Прочтите его описание.
  3. Выберите подходящий размер текста.
  4. Разрешите приложению изменять системные настройки.

После этого смартфон порадует своего владельца более крупным шрифтом, который легко читается даже человеком с плохим зрением.А если вы все еще не можете уместить текст до желаемого размера, попробуйте загрузить альтернативное приложение для Big Font от We Choice Mobile.

Поделитесь этой страницей с друзьями:

См. Также:

Как прошить Huawei Honor 3 Яндекс

Как получить root права на Huawei Honor 3 Яндекс

Аппаратный сброс для Huawei Honor 3 Яндекс

Как перезагрузить Huawei Honor 3 Яндекс

Как разблокировать Huawei Honor 3 Яндекс

Что делать, если Huawei Honor 3 Яндекс не включается

Что делать, если Huawei Honor 3 Яндекс не заряжает

Что делать, если Huawei Honor 3 Яндекс не подключается к ПК через USB

Как сделать снимок экрана на Huawei Honor 3 Яндекс

Как сбросить FRP на Huawei Honor 3 Яндекс

Как сделать запись звонков на Huawei Honor 3 Яндекс

Как обновить Huawei Honor 3 Яндекс

Как подключить Huawei Honor 3 Yandex к TV

Как очистить кеш на Huawei Honor 3 Yandex

Как сделать резервную копию Huawei Honor 3 Yandex

Как отключить рекламу на Huawei Honor 3 Yandex

Как очистить хранилище на Huawe i Honor 3 Яндекс

Как поделиться интернетом на Huawei Honor 3 Яндекс

Как перенести данные на Huawei Honor 3 Яндекс

Как разблокировать загрузчик на Huawei Honor 3 Яндекс

Как восстановить фото на Huawei Honor 3 Яндекс

Как записать экран на Huawei Honor 3 Яндекс

Как найти черный список в Huawei Honor 3 Яндекс

Как настроить отпечаток пальца на Huawei Honor 3 Яндекс

Как заблокировать номер на Huawei Honor 3 Яндекс

Как включить авто -поворот на Huawei Honor 3 Яндекс

Как настроить или выключить будильник на Huawei Honor 3 Яндекс

Как поменять рингтон на Huawei Honor 3 Яндекс

Как включить процент заряда батареи на Huawei Honor 3 Яндекс

Как сделать отключить уведомления на Huawei Honor 3 Яндекс

Как отключить Google Ассистент на Huawei Honor 3 Яндекс

Как отключить экран блокировки на Huawei Honor 3 Яндекс

Как т o удалить приложение на Huawei Honor 3 Яндекс

Как восстановить контакты на Huawei Honor 3 Яндекс

Где находится корзина на Huawei Honor 3 Яндекс

Как увеличить шрифт на других телефонах

Яндекс добавляет английский интерфейс в свое приложение для перевода Чтобы расширить свою международную привлекательность — TechCrunch

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

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

По данным Яндекс. И 98% всех скачиваний приходится на Россию и Украину. Но компания заявляет, что есть «значительный интерес» со стороны мобильных пользователей в США, Китае, Франции, Великобритании и Израиле, который, как она надеется, будет расти теперь, когда она добавит английский интерфейс. Параллельно выпускается версия приложения с украинским интерфейсом.

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

Яндекс.По данным компании, приложение Translate было скачано более 150 000 раз с момента его запуска в декабре 2012 года. В нем говорится, что в среднем он получает почти 40 000 загрузок в месяц и обслуживает более 15 000 пользователей, выполняя более 100 000 переводов каждый день.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Авторское право © 2021 Es picture - Картинки
top