13, 15 и 17 выбрали не от хорошей жизни — у Roboto, который используется на медиапроектах, плохой рендеринг в Windows. Чётные размеры наборного текста выглядят condensed из-за того, что не показывается часть суб-пикселей. Сейчас у нас куплена лицензия на Proxima Nova, которая уже частично используется и таких проблем не имеет, так что, возможно, сможем перейти на кратные 4 размеры шрифта. Но даже в гайдах Material первые полгода-год для веба был указан 15й шрифт с оговоркой, что это временная проблема.
Вторая проблема — в вебе крайне сложно использовать выравнивание от базовой линии шрифта, что сильно поломало наши планы по вертикальному ритму. В том числе из-за этого пока в Paradigm не внесены межпараграфные расстояния.
Возможно, после этого сможем вернуться к расчёту через паддинги.
Пока мы опубликовали только то, что отлажено и укладывается в простую масштабируемую модель. Наработки по accessibility, voice & tone, анимации и другим вещам сыроваты для выкладывания наружу, но откроются для всех со временем.
В большой продуктовой линейке помимо эффективности работы конкретного сервиса не менее важны:
Скорость выхода на рынок. За счёт использования готовых решений значительно ускоряется выпуск новых функций и продуктов.
Обеспечение качества реализации продукта (включая дизайн) меньшими средствами. Использование единых элементов и компонентов, раздающихся на продукты централизованно, решает эту задачу.
Усиление бренда за счёт единства дизайна внутри продукта и между схожими сервисами.
Зрелая дизайн-система помогает и в продуктовых экспериментах — удачные решения легко масштабируются на все экраны и родственные сервисы.
Речь не идёт о переводе вообще всех продуктов на единый шаблон. Интерфейсные решения принимаются на разных уровнях: базовые элементы интерфейса (кнопки, поля ввода и т.п.) и более сложные компоненты (например, просмотрщик фото); визуальное единство экранов и предсказуемое поведение сценариев взаимодействие.
Полная унификация точно помогает линейке родственных продуктов (например, медиапроекты). Разнородным сервисам пригодятся скорее лучшие практики — например, как грамотно строить работу с формами в несколько шагов или учитывать требования accessibility.
Я за минимизацию англицизмов, но в профессиональной практике всё меняется слишком быстро и русские версии новых терминов не успевают устояться и стать понятными всем. В итоге искусственный перевод заставляет каждый раз тупить, что же автор имел в виду. Best practices поправил у себя в шаблоне, но паттерны — более однозначное слово в среде проектирования интерфейсов, чем шаблоны.
Последние годы идут масштабные обновления по всей линейке продуктов и результат более чем заметен, если смотреть на всю картину в целом. Дизайн-система для унификации мобильного веба и новостных сайтов (Дети и Спорт туда пока не переехали), отличные мобильные приложения Почты (Mail.Ru и myMail, который высоко оценивает The Verge) и в других направлениях (Гугл регулярно включает их в подборку лучших в российском магазине приложений), наконец-то начавшееся обновление VK и многое многое другое. Да, пока добрались не до всего, где-то первый редизайн не смог решить всех проблем. Но мы все плотно работаем над этим и не замечать изменений — значит просто быть не в рынке.
Упс! Жесточайший косяк с моей стороны :( Была проблема с инвайтами, мы не рассчитывали на такое количество заявок, поэтому когда они снова появились — потерял сообщение :( Загрузите, пожалуйста, работу на Dribbble и я добавлю ее в обзор. Ну и вы попадаете в список тех, кто получит поощрительные призы за сильную идею.
Даниил, спасибо за работу! Я писал вам с просьбой завести аккаунт на Dribbble, чтобы мы могли дать инвайт, но, видимо, сообщение не увидели. А мы были завалены работами под конец, так что не могли отслеживать вручную каждую заявку без аккаунта. Мы и так закрыли глаза на многие отхождения от правил, но выложить на Dribbble было обязательно.
Идея очень интересная и, что самое главное — свежая, не встречающаяся среди других работ. И решающая основную задачу, что опять же важно. Описание и подача, конечно, не самые понятные, но главная мысль их перевешивает. Я добавлю работу в обзор, если вы все-таки зарегистрируетесь на Dribbble с аккаунтом типа «prospect» и выложите ее ребаундом к основному шоту. Она может потянуть на поощрительный приз ;)
Оценили все работы и выбрали трех победителей. Дописываем большую статью с обзором работ, выйдет в понедельник, 14 сентября, в нескольких известных изданиях. Тогда же вручим призы.
Roboto — нестандартный шрифт, который подгружается отдельно. В случае, если по какой-то причине произошел сбой — показывается Arial, готорый гарантированно есть в любой более-менее массовой ОС. У вас как раз шрифт не догрузился, но почему и как он мог замениться на шрифт с засечками — вообще непонятно. Возможно, проблема была на вашей стороне, потому что мы со шрифтом ничего не делали. Хотя судя по скриншотам, у вас Windows 8 и с ним проблем не должно быть вообще.
P.S. Что касается комментариев на Smashing Magazine, то их модерирует команда сайта, я его даже не увидел.
Вторая проблема — в вебе крайне сложно использовать выравнивание от базовой линии шрифта, что сильно поломало наши планы по вертикальному ритму. В том числе из-за этого пока в Paradigm не внесены межпараграфные расстояния.
Возможно, после этого сможем вернуться к расчёту через паддинги.
Зрелая дизайн-система помогает и в продуктовых экспериментах — удачные решения легко масштабируются на все экраны и родственные сервисы.
Полная унификация точно помогает линейке родственных продуктов (например, медиапроекты). Разнородным сервисам пригодятся скорее лучшие практики — например, как грамотно строить работу с формами в несколько шагов или учитывать требования accessibility.
Идея очень интересная и, что самое главное — свежая, не встречающаяся среди других работ. И решающая основную задачу, что опять же важно. Описание и подача, конечно, не самые понятные, но главная мысль их перевешивает. Я добавлю работу в обзор, если вы все-таки зарегистрируетесь на Dribbble с аккаунтом типа «prospect» и выложите ее ребаундом к основному шоту. Она может потянуть на поощрительный приз ;)
P.S. Что касается комментариев на Smashing Magazine, то их модерирует команда сайта, я его даже не увидел.