Size: a a a

2021 June 16
dui
Инклюзивность
Коротко, что такое инклюзивный дизайн. Это такой дизайн, который будет понятен любому человеку вне зависимости от его гендера, возраста и физических возможностей. Подробнее в гайде.
источник
dui
Для отображения иконки пользователя Apple рекомендует использовать простой образ человека, который не идентифицирует какой-то определенный тип.
источник
dui
При обращении к пользователю лучше говорить: «You (Вы), Your (Ваш)». We, Our лучше использовать для обращения от вас как приложения, авторов к пользователю.

При использовании специализированных и технических терминов объясняйте их значение, иначе лучше избежать их использование.
так же избегайте разговорные выражения и воздержитесь от юмора, для одного шутка может показаться забавной для другого человека оскорбительной.
источник
dui
Только для iPad появилась поддержка Extra-Large виджетов. И теперь их можно размещать в любой области экрана.
источник
dui
Share Play. Новая фича с помощью которой можно шерить и предоставлять доступ удаленного управления собеседнику. Для отображения активации этой фичи Apple рекомендует использовать фирменный символ
источник
dui
Сильно переработали систему уведомлений. У них обновили дизайн, теперь иконка приложения стала большой и заметной, можно быстро понять от какого приложения пришло уведомление. Про остальные подробности обновления уведомлений рекомендую посмотреть в гайде.
источник
dui
Так же для iOS добавили информацию про:
- Spatial Interactions – взаимодействие гаджетов с другими устройствами.
- С iOS 15 рекомендуется добавлять кнопку временного запроса геопозиции.
- Описание использования микрофона в Shazam Kit.
источник
2021 June 17
dui
В сеть утек рабочий билд Windows 11, который Microsoft должны показать 24 июня.

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

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

https://youtu.be/VMHgM_hTzlw
источник
dui
Одно лишь смущает, как же наверно тяжело дизайнерам Windows. Столько легаси графики нужно поддерживать. В системе до сих пор можно найти отголоски 7ки, и думаю даже XP.
источник
2021 June 18
dui
​​Product-менеджер придумывает идею и запускает продукт, внедряет улучшения, планирует его продвижение. Научиться всему этому можно на своих ошибках, но лучше и быстрее — на совместной магистратуре ВШЭ и Нетологии.

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

Подробности на дне открытых дверей – https://netolo.gy/gGM

#промо
источник
2021 June 25
dui
Хорошее видео где рассказывают про цветовые профили в дисплеях, рекомендую к просмотру — https://youtu.be/2cpH_9msvHo
источник
2021 June 29
dui
Samsung анонсировали One UI Watch. Систему для носимых устройств, которую они делают совместно с Google на базе Wear OS – https://youtu.be/y-Z5G-xAo6I

Так же представили инструмент для создания циферблатов – https://youtu.be/T_b9CZlacVk

Источник: https://clc.am/Cx9dDA
источник
dui
Роман Шамин, дизайнер из Злых Марсиан опубликовал большой гайд по доступности для дизайнеров – https://teletype.in/@romanshamin/a11y-for-designers
источник
2021 July 02
dui
Матвей, анонсировал «Канон» — большая система знаний для дизайнеров ВКонтакте. Это полезная точка входа для всех новых дизайнеров в команде и база знаний для остальных. Рекомендую ознакомиться со статьей и самим документом если хотите понять больше о процессах дизайна в ВК.

Я рад, что успел приложить немного своих пальцев к созданию раздела про анимации в продукте. Написал большой гайд, как анимировать в АЕ с последующим экспортом в JSON (ранее я выкладывал видео в канале на основе этого гайда.), и заложил некоторые принципы анимаций.

Подробнее обо всем в статье —
https://vc.ru/design/265595-publikuem-kanon-biblioteku-znaniy-dizaynerov-vkontakte
источник
2021 July 06
dui
​​Я всегда удивляюсь человеческим возможностям, а именно тому, как работает память и обучение. Когда-то давно я пытался начать использовать Origami для прототипирования, но не смог уехать далеко, в итоге использовал Principle долгое время. Но всегда хотелось освоить что-то более серьезное, и наверно даже стать чуть ближе к коду. Origami нравится тем, что в нем можно собирать прототипы прод уровня с логикой и работой с реальными данными.

Вообщем к чему я это все, недавно я решил опять потыкаться в Origami Studio и без лишних проблем понял, как создавать примитивную анимацию. Голова вспомнила, как и что нужно нажимать. И я понял, что большинство микро анимаций можно собирать на нескольких патчах: Transition, Switch и Curve. Этого более менее достаточно для базового уровня работы.

В общем сделал интеракшен с появлением кнопок, по лонгтапу на главную кнопку с иконкой.

Буду стараться по возможности больше рассказывать про Origami по мере обучения, если это интересно, то жмите лайк к записи. И прикрепляю файл исходник, можете поковыряться тоже.
источник
dui
Демка прототипа + исходник
источник
dui
источник
dui
Вообще Origami отличный инструмент, который может вас приблизить к коду.

По сути это инструмент с визуальным программированием, но работа с ним будет проще тем, кто примерно представляет, как устроенна работа с кодом. Вам нужно явно понимать, как разложить любое действие на шаги (атомы).
источник
2021 July 21
dui
Подробная статья про цветовые профили.

Из статьи я узнал, что для создания правильных и красивых градиентов лучше применять профиль Lab. Он в отличии от RGB градиента не делает серые и бледные переходы между двумя цветами.

https://skillbox.ru/media/design/rgb-cmyk-lab/
источник
dui
Дополнение к предыдущему посту про цветовые профили. Очень кайфовая и интересная статья, почему в CSS лучше использовать HSL систему цвета вместо HEX кодов (RGB).

Очевидные плюсы HSL.
— Эта система цвета понятнее для чтения, в отличии от шестнадцатиричного кода hex, который никто не поймёт глядя на него. HSL же можно попытаться считать, особенно если выучить наизучить какому градусу на круге соответствует Hue.
— Можно регулировать каждый параметр в отдельности. Задали определенную Saturation и просто дергаете остальные свойства Hue, и  Lightness. Тем самым рождаете другие цвета.
— Удобно и быстро создавать различные цветовые темы для сервиса.

https://www.smashingmagazine.com/2021/07/hsl-colors-css/

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