В продуктовой студии web-дизайна INLY сделали карточки о доступности интерфейсов, написали статью про правила юзабилити и стали делиться интересным контентом про дизайн в канале @inlyteam. Нравится их подход к контенту. Подписался, посмотрим.
#полезная_реклама #первые_шаги #доступность
#полезная_реклама #первые_шаги #доступность
Gradient Scale
GS или просто Шкала — это взаимосвязанная система из 84 градиентов, выстроенная на основе шкалы оттенка (hue). В рамках неё цветовой спектр наложен на сетку и систематизирован при помощи системы адресов. Через Шкалу удобно начинать работу с цветом и градиентами.
Эта система — оригинальная разработка, которую я бесплатно выпускаю в рамках проекта /designer. Шкала реализована в виде фигма-файла. Подробнее:
slashdesigner.ru/tools/gs
Gradient Scale даёт ощущение контроля над цветом и проявляет возможности палитры, которые есть у нас как у дизайнеров.
Кстати, на /designer есть библиотека полезных инструментов для дизайнеров.
#для_профи #градиенты #Figma
GS или просто Шкала — это взаимосвязанная система из 84 градиентов, выстроенная на основе шкалы оттенка (hue). В рамках неё цветовой спектр наложен на сетку и систематизирован при помощи системы адресов. Через Шкалу удобно начинать работу с цветом и градиентами.
Эта система — оригинальная разработка, которую я бесплатно выпускаю в рамках проекта /designer. Шкала реализована в виде фигма-файла. Подробнее:
slashdesigner.ru/tools/gs
Gradient Scale даёт ощущение контроля над цветом и проявляет возможности палитры, которые есть у нас как у дизайнеров.
Кстати, на /designer есть библиотека полезных инструментов для дизайнеров.
#для_профи #градиенты #Figma
This media is not supported in your browser
VIEW IN TELEGRAM
Женя Арутюнов, арт-директор дизайн-бюро «Интуиция», дописал свою книгу «Сложный дизайнер»
Это онлайн-книга о трудовой этике и профессионализме, о коммуникации с клиентами, отношениях и лидерстве, про то, как дизайнеру работать хорошо. В ней автор структурирует собственный опыт и знания о профессии.
Всего в ней получилось 8 глав:
1. Генератор идей
2. Как не бояться
3. Прочный дизайн
4. Трудный клиент
5. Прояснитель
6. Больше денег
7. Дедлайн и свобода
8. Баланс
Узнать больше и открыть доступ к книге →
935 ₽
#полезная_реклама #для_профи
Это онлайн-книга о трудовой этике и профессионализме, о коммуникации с клиентами, отношениях и лидерстве, про то, как дизайнеру работать хорошо. В ней автор структурирует собственный опыт и знания о профессии.
Всего в ней получилось 8 глав:
1. Генератор идей
2. Как не бояться
3. Прочный дизайн
4. Трудный клиент
5. Прояснитель
6. Больше денег
7. Дедлайн и свобода
8. Баланс
Узнать больше и открыть доступ к книге →
935 ₽
#полезная_реклама #для_профи
#анонс #стрим 4. Женя Арутюнов о книге
21 июля, в четверг, в 19:00 по Москве мы с Женей Арутюновым проведём стрим, на котором поговорим о его книге и взгляде на дизайн.
Вопросы можно задавать в комментариях к этому посту или в прямом эфире. Запись будет.
@slashdesigner #для_профи
21 июля, в четверг, в 19:00 по Москве мы с Женей Арутюновым проведём стрим, на котором поговорим о его книге и взгляде на дизайн.
Вопросы можно задавать в комментариях к этому посту или в прямом эфире. Запись будет.
@slashdesigner #для_профи
#видео #стрим
4. Женя Арутюнов о книге «Сложный дизайнер»
21 июля 2022 встретились и обсудили книгу, взгляд на дизайн, творчество и подходы к задачам. Не смотря на все технические сложности, получилось ламповое вдохновляющее интервью.
https://youtube.com/watch?v=_Al9dXBgxtQ
1 час, 18 минут, как ускорить
0:00 Представляем Женю
0:43 Женя о себе
3:38 На каком языке писать англицизмы
6:27 Продолжение о себе: как начал писать
7:59 Подход к книге и сколько времени заняла
9:17 Сравнение с Ководством
11:13 Проблема устаревания материала
12:57 Что послужило импульсом к книге
19:54 Нужно ли дизайнеру писать книги или вести блог
22:45 Для кого написана книга
26:54 О механизме придумывания и правилах
32:28 Параллель с написанием музыки
34:15 Сетки в дизайне: когда полезны, когда вредны
39:31 Про модульность
41:40 Что важнее: сетка или контент
42:01 Где искать ограничения? Сорока-mode
46:20 Как предложить принципиально новое
47:15 Художник vs инженер
48:33 Как делать UI, который в 2022 будет выглядеть на 2022
50:23 Как делать UI, который в 2022 будет выглядеть на 2025
51:34 Сформулированная задача неотличима от решения
54:19 Насколько важно дизайнеру иметь свой стиль
54:58 Инструмент задаёт стилистику, а ход мысли — решение
54:19 Синтетические vs образные решения
Упоминали: ТРИЗ
57:35 Когда надо изобретать новый стиль
59:20 Как понять, что у UI-дизайнера сложился стиль
1:01:09 UI-дизайнер делает предсказуемые интерфейсы
1:03:30 Когда дизайн интерфейсов Apple устареет
1:04:30 Может ли быть своя ОС в телефонах бренда Nothing
1:05:50 Где узнавать о тенденциях в дизайне
1:07:55 Вопрос про вещи, которые важнее всего
1:08:22 Как понять, на каких хард-скилах можно заработать
1:09:57 Что важно в софт-скилах: познание себя
1:12:00 Как дизайнеру развить сильную аргументацию
1:14:06 Истинный аргумент всегда один
—
Канал Жени: @likelikelikelikelike
В комментариях оставил немного бэкстейджа, который будет полезен организаторам стримов похожего формата.
@slashdesigner #для_профи #карьера
4. Женя Арутюнов о книге «Сложный дизайнер»
21 июля 2022 встретились и обсудили книгу, взгляд на дизайн, творчество и подходы к задачам. Не смотря на все технические сложности, получилось ламповое вдохновляющее интервью.
https://youtube.com/watch?v=_Al9dXBgxtQ
1 час, 18 минут, как ускорить
0:00 Представляем Женю
0:43 Женя о себе
3:38 На каком языке писать англицизмы
6:27 Продолжение о себе: как начал писать
7:59 Подход к книге и сколько времени заняла
9:17 Сравнение с Ководством
11:13 Проблема устаревания материала
12:57 Что послужило импульсом к книге
19:54 Нужно ли дизайнеру писать книги или вести блог
22:45 Для кого написана книга
26:54 О механизме придумывания и правилах
32:28 Параллель с написанием музыки
34:15 Сетки в дизайне: когда полезны, когда вредны
39:31 Про модульность
41:40 Что важнее: сетка или контент
42:01 Где искать ограничения? Сорока-mode
46:20 Как предложить принципиально новое
47:15 Художник vs инженер
48:33 Как делать UI, который в 2022 будет выглядеть на 2022
50:23 Как делать UI, который в 2022 будет выглядеть на 2025
51:34 Сформулированная задача неотличима от решения
54:19 Насколько важно дизайнеру иметь свой стиль
54:58 Инструмент задаёт стилистику, а ход мысли — решение
54:19 Синтетические vs образные решения
Упоминали: ТРИЗ
57:35 Когда надо изобретать новый стиль
59:20 Как понять, что у UI-дизайнера сложился стиль
1:01:09 UI-дизайнер делает предсказуемые интерфейсы
1:03:30 Когда дизайн интерфейсов Apple устареет
1:04:30 Может ли быть своя ОС в телефонах бренда Nothing
1:05:50 Где узнавать о тенденциях в дизайне
1:07:55 Вопрос про вещи, которые важнее всего
1:08:22 Как понять, на каких хард-скилах можно заработать
1:09:57 Что важно в софт-скилах: познание себя
1:12:00 Как дизайнеру развить сильную аргументацию
1:14:06 Истинный аргумент всегда один
—
Канал Жени: @likelikelikelikelike
В комментариях оставил немного бэкстейджа, который будет полезен организаторам стримов похожего формата.
@slashdesigner #для_профи #карьера
YouTube
Стрим: Женя Арутюнов о книге «Сложный дизайнер»
0:00 Представляем Женю
0:43 Женя о себе
3:38 На каком языке писать англицизмы
6:27 Продолжение о себе: как начал писать
7:59 Подход к книге и сколько времени заняла
9:17 Сравнение с Ководством
11:13 Проблема устаревания материала
12:57 Что послужило импульсом…
0:43 Женя о себе
3:38 На каком языке писать англицизмы
6:27 Продолжение о себе: как начал писать
7:59 Подход к книге и сколько времени заняла
9:17 Сравнение с Ководством
11:13 Проблема устаревания материала
12:57 Что послужило импульсом…
Как устроены тренировки по Фигме в 2GIS
Дизайн-команда в 2GIS решила, что нужно регулярно прокачивать хард-скиллы своих дизайнеров и упражняться в фидбеке. Тимлид Жора Погребняк стал проводить в своей команде групповые тренировки в Фигме и поделился опытом об этом.
У Жоры всё как в спортзале: тренер, задания в реальном времени, практика. Если отстал или не понял — подгляди у соседа или зови тренера.
Жора подробно рассказал о том, как это работает, в 20-минутном видео «Как вытащить дизайн-команду из хтони»:
https://youtu.be/1TwQQSCoY38
0:00 Интро
0:41 Пять «уникальных» проблем
5:59 Тренировки в Фигме
15:00 Итоги
17:23 Советы
19:57 P.S.
Видео будет интересно дизайн-лидам с точки зрения организации процесса развития команды.
Если возникнут вопросы по теме видео, их можно задать Жоре напрямую: @gpogrebnyak.
А как устроена прокачка дизайнеров в твоей команде? Давай обсудим в комментариях.
@slashdesigner #полезная_реклама #для_профи #стать_лидом
Дизайн-команда в 2GIS решила, что нужно регулярно прокачивать хард-скиллы своих дизайнеров и упражняться в фидбеке. Тимлид Жора Погребняк стал проводить в своей команде групповые тренировки в Фигме и поделился опытом об этом.
У Жоры всё как в спортзале: тренер, задания в реальном времени, практика. Если отстал или не понял — подгляди у соседа или зови тренера.
Жора подробно рассказал о том, как это работает, в 20-минутном видео «Как вытащить дизайн-команду из хтони»:
https://youtu.be/1TwQQSCoY38
0:00 Интро
0:41 Пять «уникальных» проблем
5:59 Тренировки в Фигме
15:00 Итоги
17:23 Советы
19:57 P.S.
Видео будет интересно дизайн-лидам с точки зрения организации процесса развития команды.
Если возникнут вопросы по теме видео, их можно задать Жоре напрямую: @gpogrebnyak.
А как устроена прокачка дизайнеров в твоей команде? Давай обсудим в комментариях.
@slashdesigner #полезная_реклама #для_профи #стать_лидом
YouTube
Групповые тренировки в Фигме. И как они вытащили нашу дизайн-команду из хтони
Жора Погребняк, дизайн-лид 2ГИС, делится опытом групповых тренировок в Фигме. В постоковидный период они помогли наладить работу с дизайн-системой, прокачать скиллы дизайнеров и победить хтонь удалёнки.
Если хотите о чём-то спросить, похвалить, поругать…
Если хотите о чём-то спросить, похвалить, поругать…
Про системы типографики на мобилках
Делюсь вопросом, который занимает меня и мою команду. Мы разрабатываем мобильную дизайн-систему для крупного маркетплейса с миллионами ежедневных пользователей.
Типографика — основа любой дизайн-системы. Решение о выборе шрифта в крупном продукте очень ответственное. Разные команды решают его по-разному.
Есть два базовых варианта решения, оба валидные.
Вариант 1. Две системы 🍏 🤖
Делать всё по гайдам платформ iOS/Android и создать две отдельные системы типографики.
Плюсы этого решения
+ Пользователи каждой системы меньше всего замечают системные шрифты и отвлекаются на них от контента. Приложение, которое использует их, стремится мимикрировать под систему, в которой работает. Считаю, что это хорошо.
+ Разработчикам проще довести до ума стандартные стили, проще внедрять такие функции как Dynamic Type, потому что всё уже есть из коробки.
- Минус очевиден и довольно серьёзен: у нас образуется два UI-кита, один для iOS, другой для Android, страдают дизайнеры. На качественную поддержку обоих платформ нужны ресурсы команды дизайн-системы.
У двух этих миров разные размерные сетки шрифтов, которые основываются на особенностях шрифтов San Francisco и Roboto, а также на вкусах дизайнеров Apple и Google. Например, на SF размер боди-шрифта — 17, а на Android — 16. А если в Roboto использовать 17, может не уместиться какая-нибудь надпись при ширине экрана 360 dp.
Так поступили Twitter, VK, Тинькофф, Райфайзен, eBay.
Вариант 2. Единая система 🥇
Исходить из гайдов одной системы, например Material на обоих платформах. Решение о главной платформе принять на базе распределения платформ у пользователей. Взять за основу её размерную сетку, использовать один шрифт или шрифтовую пару, пренебрегая гайдами другой системы, например iOS.
Плюсы этого решения
+ Имеем кроссплатформенную дизайн-систему, дизайнеры счастливы. Если компоненты грамотно настроены, могут делать версии iOS-макетов для Android за секунды.
+ Как вариант шрифта можем использовать вариативный шрифт Roboto Flex с кучей клёвых настроек.
Минусы
- Увеличиваем косты на внедрение кастомных стилей в платформу, не ставшую главной. Если это iOS, страдают разработчики, которые имеют большие проблемы с внедрением Dynamic Type, а дизайнеры вынуждены вручную выстраивать все размеры альтернативных размеров самостоятельно. Либо вообще отказываются от поддержки скейлинга шрифтов, что негативно сказывается на поддержке доступности.
- Заходишь в iOS-приложение, а там Робото. Отстой же.
По этой стратегии пошли Google (естественно), Яндекс, Ozon, Spotify.
Если у тебя есть опыт внедрения первого или второго подхода, поделись в комментариях.
@slashdesigner #для_профи #дизайн_системы #типографика
Делюсь вопросом, который занимает меня и мою команду. Мы разрабатываем мобильную дизайн-систему для крупного маркетплейса с миллионами ежедневных пользователей.
Типографика — основа любой дизайн-системы. Решение о выборе шрифта в крупном продукте очень ответственное. Разные команды решают его по-разному.
Есть два базовых варианта решения, оба валидные.
Вариант 1. Две системы 🍏 🤖
Делать всё по гайдам платформ iOS/Android и создать две отдельные системы типографики.
Плюсы этого решения
+ Пользователи каждой системы меньше всего замечают системные шрифты и отвлекаются на них от контента. Приложение, которое использует их, стремится мимикрировать под систему, в которой работает. Считаю, что это хорошо.
+ Разработчикам проще довести до ума стандартные стили, проще внедрять такие функции как Dynamic Type, потому что всё уже есть из коробки.
- Минус очевиден и довольно серьёзен: у нас образуется два UI-кита, один для iOS, другой для Android, страдают дизайнеры. На качественную поддержку обоих платформ нужны ресурсы команды дизайн-системы.
У двух этих миров разные размерные сетки шрифтов, которые основываются на особенностях шрифтов San Francisco и Roboto, а также на вкусах дизайнеров Apple и Google. Например, на SF размер боди-шрифта — 17, а на Android — 16. А если в Roboto использовать 17, может не уместиться какая-нибудь надпись при ширине экрана 360 dp.
Так поступили Twitter, VK, Тинькофф, Райфайзен, eBay.
Вариант 2. Единая система 🥇
Исходить из гайдов одной системы, например Material на обоих платформах. Решение о главной платформе принять на базе распределения платформ у пользователей. Взять за основу её размерную сетку, использовать один шрифт или шрифтовую пару, пренебрегая гайдами другой системы, например iOS.
Плюсы этого решения
+ Имеем кроссплатформенную дизайн-систему, дизайнеры счастливы. Если компоненты грамотно настроены, могут делать версии iOS-макетов для Android за секунды.
+ Как вариант шрифта можем использовать вариативный шрифт Roboto Flex с кучей клёвых настроек.
Минусы
- Увеличиваем косты на внедрение кастомных стилей в платформу, не ставшую главной. Если это iOS, страдают разработчики, которые имеют большие проблемы с внедрением Dynamic Type, а дизайнеры вынуждены вручную выстраивать все размеры альтернативных размеров самостоятельно. Либо вообще отказываются от поддержки скейлинга шрифтов, что негативно сказывается на поддержке доступности.
- Заходишь в iOS-приложение, а там Робото. Отстой же.
По этой стратегии пошли Google (естественно), Яндекс, Ozon, Spotify.
Если у тебя есть опыт внедрения первого или второго подхода, поделись в комментариях.
@slashdesigner #для_профи #дизайн_системы #типографика
Голосование для продуктовых дизайнеров: Какой из вариантов выбрали в твоей дизайн-системе?
Anonymous Poll
22%
Вариант 1. Поддерживаем гайды обеих платформ
40%
Вариант 2. Мы за кроссплатформенность. Один шрифт, один кит, одна Германия
5%
Гайды? Нет, не слышал
33%
Посмотреть результаты
TOEFL для россиян всё
Дополнено
Организация ETS, устраивающая экзамен по английскому языку TOEFL, запретила регистрацию на экзамен гражданам России, ссылаясь на требования Минфина США.
Я чувствую, как лязгают одна за другой тяжёлые захлопывающиеся двери для россиян. Сегодня прозвучал особенно громкий такой удар: стало невозможно зарегистрироваться на главный экзамен по английскому, который необходим для обучения и работы в Америке, а также ряде других стран.
Это значит, что многие, кто хотел получить образование в западных универах или найти работу дизайнером интерфейсов, будут ограничены в выборе.
Остаётся только IELTS. Пока.
Мы, россияне, планомерно становимся изгоями в западных странах. Но это не пост самобичевания. Это пост, призывающий видеть тренды и искать информацию о том, как обстоят дела с дизайном и IT в Иране.
#английский #эмиграция #карьера
Дополнено
Организация ETS, устраивающая экзамен по английскому языку TOEFL, запретила регистрацию на экзамен гражданам России, ссылаясь на требования Минфина США.
Я чувствую, как лязгают одна за другой тяжёлые захлопывающиеся двери для россиян. Сегодня прозвучал особенно громкий такой удар: стало невозможно зарегистрироваться на главный экзамен по английскому, который необходим для обучения и работы в Америке, а также ряде других стран.
Это значит, что многие, кто хотел получить образование в западных универах или найти работу дизайнером интерфейсов, будут ограничены в выборе.
Остаётся только IELTS. Пока.
Мы, россияне, планомерно становимся изгоями в западных странах. Но это не пост самобичевания. Это пост, призывающий видеть тренды и искать информацию о том, как обстоят дела с дизайном и IT в Иране.
#английский #эмиграция #карьера