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

https://taragraphy.com/ — Тема Тарасов
https://sharypin.cool — Денис Шарыпин
https://karalevich.com — Макс Каралевич
https://artzaytsev.ru/ — Артем Зайцев
http://gavrilperov.ru — Гаврил Перов
https://vladzely.com/ — Влад Зелинский
https://groznov.co/ — Костя Грознов
https://stasaki.com/ — Стас Аки
https://ermolaeva.co/ — Таня Ермолаева
https://gromov.design/ — Толя Громов
https://medvedev.xyz/ — Андрей Медведев
http://sergeyminkin.com — Сережа Минкин
https://maximaksenov.com/ — Макс Аксенов
https://surganov.com — Сережа Сурганов
https://ayuev.com/ — Вова Аюев
http://ilyaskin.com/ — Андрей Иляскин

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

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

https://type.today/ru/journal/howtohint

One UI 2 от Samsung

Samsung анонсировали обновление фирменной оболочки One UI 2. Эта оболочка, как и её первая версия, нацелены на удобное использование устройств компании одной рукой. Концепция в том, что видимый контент отображается в верхней части устройства, а тот с которым взаимодействуешь, в нижней.

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

Вообще Samsung молодцы, нравится их визуальный стиль в системе.

https://youtu.be/wxwycoG41fc

Лендинг проекта — https://www.samsung.com/us/apps/one-ui/

Плагин для 3D мокапов в Figma
https://www.vectary.com/3d-modeling-news/figma-3D-vectary-plugin/
#figma #3d #mockup

https://tomorrow.type.today

Новые шрифты, новые авторы, новая типографика, новые лицензии
New fonts, new authors, new typography, new licensing

Feat: Илья Бажанов, Макс Барбулович, Валерий Голыженков, Никита Канарёв, Денис Серебряков, Анна Сеславинская, Александр Слобженинов, Александр Черепанов, CSTM Fonts

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

Наслаждайтесь презентацией: recursive.design
Шрифт скоро появится в Google Fonts, а пока можно скачать бету на Гитхабе: https://github.com/arrowtype/recursive/releases

Наконец-то! Мы опубликовали наш ежегодный обзор самых примечательных шрифтов с кириллицей. Не спрашивайте, почему так долго. Напомним условия выбора проектов: 1. Шрифт должен содержать стандартный набор кирилловских знаков; 2. Право на его использование должно быть доступно для приобретения любому желающему; 3. Дата выпуска — не ранее января и не позднее декабря 2018 года.

Встречайте 💥 2018.typejournal.ru

Дайджест продуктового дизайна за октябрь
https://jvetrau.com/digest-2019-oct/
#vetrov #digest

Когда твой концепт утвердили без правок: https://www.tesla.com/cybertruck

Responsive Viewer — расширение для Chrome которое помогает просмотреть сайт в режиме отзывчивого дизайна.

Установить расширение

23 шрифта с 110 начертаниями от Pangram Pangram для персонального использования всего за $25
https://pangrampangram.com/products/fsp-2019?variant=31272811135030
#deal #fonts #sale

Вдохновение: что-то рождается из ничего

Если вам понравился фильм Почему мы креативны?, посмотрите работу Эндрю Вуко, креативного директора студии Vucko, Торонто. Это видео — коллаборация моушн-дизайнеров, которые вместе попытались ответить на вопрос, что такое вдохновение.

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

● Вдохновение рождается на стыке ясности и воли к творчеству. Я стараюсь не ждать его, а погружать себя в среду, где оно рождается естественным образом: новые места и люди, книги, искусство, все непривычное.
[Уилсон Браун]

● Страх и скептицизм часто заставляли меня больше работать и добиваться лучших результатов. Но недавно я осознал, что эти чувства препятствуют другим, более продуктивным, — уверенности и интуиции.
[Шарон Харрис]

● Разнообразие подходов в дизайне-индустрии заряжает, но важно иметь свои собственные источники вдохновения вне нашей отрасли: в фотографии, живописи, скульптуре, науке, архитектуре, музыке, ювелирном деле. Я изучаю 3D, но стать триггером нового решения может изящный шрифт или архитектурная фотография с мастерски проработанным светом.
[Даниэль Луна]

● Наша личность и результаты нашей работы связаны, но не тождественны. Произведение — это то, что было частью жизни когда-то, оно не должно определять, кто вы, какой и что вы собираетесь создавать в дальнейшем. Судить себя по тому, что мы создаем — самоубийственно.
[Сет Экерт]

Хороший материал Google про Баухаус https://artsandculture.google.com/project/bauhaus

Как дизайнеры из Яндекс.Карт подружили Figma и разработку

Дизайнеры из Я.Карты перешли на Фигму по причине, что у неё мощный API и он даёт доступ ко всей структуре файла. И с помощью этого хотелось упростить поддержку графических ресурсов в коде приложений.

Одной из их задач было сделать удобный репозиторий графических ресурсов. Проще говоря иметь возможность обновлять иконки в Figma в файле и сразу уносить эти изменения в код. В статье есть ссылки про работу API Figma.

Библиотека компонентов была разделена на три файла:
1. Core — хранит цвета, стили текста и иконки.
2. Atom — содержит все отдельные элементы интерфейса. Кнопки, поля ввода и тому подобное.
3. Dev Core — тут хранятся финальные ресурсы для разработчиков. О работе с этим файлом и есть статья.

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

Подробнее обо всём этом в статье — https://medium.com/yandex-maps-ios/как-мы-используем-figma-api-для-доставки-дизайна-в-production-928b33d31a5b

В ноябрьском выпуске дайджеста: греческий перевод слова serif (шесть вариантов, ни одного окончательного), Джонатан Хефлер снялся в документалке Нетфликса и объясняет, на каком обмане зрения работает типографика, лекция про Роже Экскоффона, одного из главных французских дизайнеров XX века и автора Mistral и Banco, знаменитых китчевых шрифтов, которые вы могли не знать, но видели не раз. А еще: автор нашей новой коллекции Tomorrow Александр Черепанов рассуждает, почему вариативность пока интересует только самих шрифтовых дизайнеров.

https://type.today/ru/journal/november19
https://type.today/ru/journal/november19
https://type.today/ru/journal/november19

​Я давно слежу за проектами с нейронками которые могут быть полезными разработчикам – и не так давно наткнулся на проект zecoda.com который предлагает за 9$ в месяц превратить один Sketch файл в html страницу (Sketch это такой векторный графический редактор удобный при разработке интерфейсов), так на выходе еще будет поддержка верстки под мобильные устройства (!), хотя в макете ее нет.

Решил попробовать проект – нашел старый макет TJournal версии Основы 1.0, отправил им Sketch файл который специально никак не чистил, ничего не изменял в названии слоев и тп. (Убрал универсальные слои, сделав их обычными).

Вы можете посмотреть файл который я отправил тут.

Спустя 38 часов, я получил результат – вот он.

Я конечно офигел.

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

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

Пока вывод такой: front-end инженеры все еще нужны, а нейронка не может сама верстать.
Посмотрим что будет с проектом Zecoda через год, внес в календарик.

P.S. Справедливости ради – на лендинге проекта сказано, что работу принимают люди, но пока качество автоматизации верстки сложно определить.

Дайджест продуктового дизайна за ноябрь
https://jvetrau.com/digest-2019-nov/
#vetrov #digest

Auto Layout в фигме наконец вышел и он совершенно бомбический
работать станет легче примерно в 10 раз
https://www.figma.com/blog/announcing-auto-layout/

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

И вот в конце всего этого получился дикий, пожалуй, самый уродливый бесплатный, зато созданный машиной шрифт machinelearningfont.com от nan.xyz
Конечно, намного интереснее в этом проекте не результат, а процесс, который даёт пищу для размышлений о конструкциях букв.

Shadow — отличный сервис для создания ровных теней.

brumm.af/shadows