dui

@duiux Like 2 0

Блог о продуктовом дизайне.
Канал с вакансиями в Диджитал — @dui_work
Автор @astract
По рекламе: @duiManager_bot
Channel's geo & Language
Russian, Russian
Category
Design


Contact author
Channel's geo
Russian
Channel language
Russian
Category
Design
Added to index
09.05.2017 23:31
advertising
Telegram Analytics
Subscribe to stay informed about TGStat news.
TGAlertsBot
Monitoring of keywords in channels and chats
SearcheeBot
Your guide in the world of telegram channels
6 161
members
~1.3k
avg post reach
~947
daily reach
~5
posts per week
21.8%
ERR %
3.44
citation index
Forwards & channel mentions
33 mentions of channel
2 post mentions
37 forwards
de’talks
29 Jun, 18:54
AIC Brave Designers
4 Mar, 20:19
de’talks
20 Feb, 15:13
de’talks
17 Feb, 19:26
11 Feb, 20:54
PHYGITAL GRAPHICS
24 Oct 2020, 14:34
de’talks
12 Oct 2020, 14:11
10 Jul 2020, 02:10
Task → Solution
29 May 2020, 10:00
UX KAK KRUTO
14 May 2020, 19:41
Дизайн
22 Jan 2020, 10:25
днк
11 Jan 2020, 12:03
7 Jan 2020, 09:44
1 Jan 2020, 18:36
Ethea
3 Dec 2019, 23:39
de’talks
2 Dec 2019, 21:54
Abramova-freelance
9 Nov 2019, 12:07
Marketology Blog
7 Nov 2019, 12:38
7 Nov 2019, 12:27
Дизайн
5 Nov 2019, 12:11
Дизайн
21 Oct 2019, 16:38
Продизайн
23 Sep 2019, 21:57
Anton Light
9 Jul 2019, 22:18
ZWETZ
3 Jul 2019, 11:36
PRO UX/UI unicorn
23 Jan 2019, 13:34
8 Dec 2018, 13:15
bukhtiyar
19 Jun 2018, 15:46
Anton Light
28 May 2018, 16:23
@canalestelegram
28 May 2018, 10:06
Продизайн
27 May 2018, 19:04
@canalestelegram
17 May 2018, 11:03
@canalestelegram
15 May 2018, 10:23
@canalestelegram
8 May 2018, 09:10
Learn Fb Origami
1 May 2018, 15:21
Crosser Live
23 Apr 2018, 22:04
@canalestelegram
18 Apr 2018, 09:07
Channels quoted by @duiux
Droider
25 Jun, 21:48
dui_vacancy
17 Feb, 19:23
dui_vacancy
17 Feb, 19:22
dui_vacancy
17 Feb, 19:09
Rozetked
11 Feb, 20:50
bangbangeducation
26 Nov 2020, 13:00
dui_vacancy
29 Sep 2020, 14:02
dui_vacancy
29 Sep 2020, 14:02
dui_vacancy
5 Sep 2020, 11:09
dui_vacancy
11 Aug 2020, 14:15
dui_vacancy
17 Jun 2020, 18:55
dui_vacancy
2 Jun 2020, 16:51
Task → Solution
7 Feb 2020, 12:30
INTERNET 9000
4 Jun 2019, 11:57
4 Jun 2019, 11:57
Digital October
29 Nov 2018, 17:03
/designer
2 Jun 2018, 15:01
Learn Fb Origami
14 May 2018, 15:51
Learn Fb Origami
14 May 2018, 15:37
pitercss_meetup
26 Apr 2018, 19:06
Детепр
25 Apr 2018, 13:01
Design Prosmotr
12 Apr 2018, 14:31
Design Prosmotr
3 Apr 2018, 14:00
/designer
2 Apr 2018, 13:22
2 Apr 2018, 13:22
Design Prosmotr
29 Mar 2018, 18:14
Design Prosmotr
26 Mar 2018, 19:33
Design Prosmotr
21 Mar 2018, 20:35
Design Prosmotr
19 Mar 2018, 18:17
POV
15 Mar 2018, 19:00
Product design
15 Mar 2018, 19:00
Fonts
15 Mar 2018, 19:00
Design Prosmotr
14 Mar 2018, 15:00
Design Prosmotr
8 Mar 2018, 17:45
Design Prosmotr
8 Mar 2018, 17:45
PSDEU
6 Dec 2017, 19:00
Package Design
6 Dec 2017, 19:00
Magazine Design
6 Dec 2017, 19:00
Recent posts
Deleted
With mentions
Forwards
dui 23 Jul, 21:38
С четвертого раза я все же смог записать видео по созданию этого прототипа и не бросить эту идею вовсе. Мне очень хотелось довести ее до конца, не смотря на бесконечные фейлы в записи и проблемах с оборудованием.

Поэтому если вас интересует, как сделать эту анимацию в Origami Studio, то го смотреть свежий видос на моем канале – https://youtu.be/ihTQ0W1kuDM
Делаем прототип в Origami Studio
Видео подготовлено для телеграм канала о продуктовом дизайне dui — https://t.me/duiux Содержание: 00:00 - Интро 00:28 - Дизайним макет для прототипа 05:09 - Режимы отображения редактора 05:46 - Структура патча 07:22 - Делаем анимацию красного элемента через Long Tap 13:31 - Добавление кривой анимации 14:43 - Про патч Switch 16:14 - Делаем анимации остальных вылетающих элементов 19:15 - Поворот иконки "Плюс" на кнопке 21:09 - Резюме - немного мыслей про работу в Origami Studio 24:08 - Прощание 24:48 - Бонус. Причина шумов Ссылки: Origami Studio - https://origami.design Музыка в опенинге: feellikedying by Loxbeats https://spoti.fi/34tPBBO​ Creative Commons — Attribution 3.0 Unported — CC BY 3.0 Free Download / Stream: https://bit.ly/2RjmWP3​ Music promoted by Audio Library https://youtu.be/QzlBLpkLOqQ​
dui 22 Jul, 16:15
dui 22 Jul, 16:15
dui 22 Jul, 16:15
dui 22 Jul, 16:15
dui 22 Jul, 16:15
dui 22 Jul, 16:15
dui 22 Jul, 16:15
dui 22 Jul, 16:15
Набор CSS свойств для подчеркивания текста и выбора стиля подчеркивания.
dui 21 Jul, 14:46
Люблю внимание к деталям. В Apple Watch приложение часы при активном циферблате «положение солнца» раскрывается плавно в значок солнца на кривой.

Практичной функции от этой анимации нет, но какой же кайф, что она есть и что часы превращаются в солнце.
dui 21 Jul, 13:46
Дополнение к предыдущему посту про цветовые профили. Очень кайфовая и интересная статья, почему в CSS лучше использовать HSL систему цвета вместо HEX кодов (RGB).

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

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

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

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

https://skillbox.ru/media/design/rgb-cmyk-lab/
dui 21 Jul, 12:54
Подробная статья про цветовые профили.

Из статьи я узнал, что для создания правильных и красивых градиентов лучше применять профиль Lab. Он в отличии от RGB градиента не делает серые и бледные переходы между двумя цветами.
Цветовые пространства: большой разбор
dui 6 Jul, 21:54
Вообще Origami отличный инструмент, который может вас приблизить к коду.

По сути это инструмент с визуальным программированием, но работа с ним будет проще тем, кто примерно представляет, как устроенна работа с кодом. Вам нужно явно понимать, как разложить любое действие на шаги (атомы).
dui 6 Jul, 21:51
Attached file
dui 6 Jul, 21:51
Демка прототипа + исходник
dui 6 Jul, 21:51
​​Я всегда удивляюсь человеческим возможностям, а именно тому, как работает память и обучение. Когда-то давно я пытался начать использовать Origami для прототипирования, но не смог уехать далеко, в итоге использовал Principle долгое время. Но всегда хотелось освоить что-то более серьезное, и наверно даже стать чуть ближе к коду. Origami нравится тем, что в нем можно собирать прототипы прод уровня с логикой и работой с реальными данными.

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

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

Буду стараться по возможности больше рассказывать про Origami по мере обучения, если это интересно, то жмите лайк к записи. И прикрепляю файл исходник, можете поковыряться тоже.
👍 26
Read more
dui 2 Jul, 16:13
Матвей, анонсировал «Канон» — большая система знаний для дизайнеров ВКонтакте. Это полезная точка входа для всех новых дизайнеров в команде и база знаний для остальных. Рекомендую ознакомиться со статьей и самим документом если хотите понять больше о процессах дизайна в ВК.

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

Подробнее обо всем в статье —
https://vc.ru/design/265595-publikuem-kanon-biblioteku-znaniy-dizaynerov-vkontakte
Read more
dui 29 Jun, 18:08
Роман Шамин, дизайнер из Злых Марсиан опубликовал большой гайд по доступности для дизайнеров – https://teletype.in/@romanshamin/a11y-for-designers
dui 29 Jun, 15:28
Samsung анонсировали One UI Watch. Систему для носимых устройств, которую они делают совместно с Google на базе Wear OS – https://youtu.be/y-Z5G-xAo6I

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

Источник: https://clc.am/Cx9dDA