Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Documentation of Design System.
Search
Mariya
November 02, 2019
Technology
0
9
Documentation of Design System.
Mariya
November 02, 2019
Tweet
Share
More Decks by Mariya
See All by Mariya
Когда стоит переходить от Agile к Waterfall: место QA в данной трансформации
nasvitm
0
46
Зачем мы тестируем? Или как понять, что мы организовали это правильно 2.0
nasvitm
0
51
Вхождение Функциональщиков в Автоматизацию 2.0
nasvitm
0
15
UI автотесты на максималках или как писать автотесты на JS используя Protractor и Chrome DevTools протокол
nasvitm
0
130
Мозг. Эмоции. Интерфейсы.
nasvitm
0
21
Айболит. Путь стартапа в жизнь.
nasvitm
0
73
Mainframer или как ускорить сборку проекта в несколько раз не написав ни строчки кода, на примере Android
nasvitm
0
24
Delivery Management Tools.
nasvitm
0
7
Hands-on engineering, not just coding...
nasvitm
0
20
Other Decks in Technology
See All in Technology
The depthes of profiling Ruby - RubyKaigi 2024
osyoyu
0
160
Google Cloudを組織(企業)で運用する時のベストプラクティス × 健康の環境分離戦略 #まるクラ勉強会
yasumuusan
0
170
OpenID Foundation updates
fujie
0
120
能動学習のいろは:書籍「Human-in-the-Loop機械学習」3〜5章
hiroyoshiito
0
290
RailsConf 2024 Keynote "Startups on Rails in 2024"
irinanazarova
0
810
Exadata Database Service on Dedicated Infrastructure(ExaDB-D) UI スクリーン・キャプチャ集
oracle4engineer
PRO
2
1.7k
kcp: Kubernetes APIs Are All You Need #techfeed_live / TechFeed Experts Night 28th
ytaka23
1
190
開発スピードの維持向上を支える、テスト設計の 漸進的進化への取り組み / Continuous Test Design Development for Speed of Product Development
ropqa
0
180
個人的、Kubernetes の最新注目機能! (2024年5月版) / TechFeed Experts Night#28 〜 コンテナ技術最前線
pfn
PRO
3
210
NewSQL Landscape
oracle4engineer
PRO
5
3.2k
RubyKaigi 2024 - Make Your Own Regex Engine!
makenowjust
1
160
動画配信サービスのフロントエンド実装に学ぶ設計原則
yud0uhu
1
130
Featured
See All Featured
Happy Clients
brianwarren
92
6.4k
Build The Right Thing And Hit Your Dates
maggiecrowley
25
2k
Product Roadmaps are Hard
iamctodd
45
9.8k
Art, The Web, and Tiny UX
lynnandtonic
290
19k
Into the Great Unknown - MozCon
thekraken
15
1.1k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
188
16k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.7k
It's Worth the Effort
3n
180
27k
Visualization
eitanlees
137
14k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
14
8.4k
YesSQL, Process and Tooling at Scale
rocio
165
13k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
Transcript
1 Lezhnyuk Artyom Docum ent at ion of Desig n
Syst em U X P E R I E N C E D E SI G N E R
2
3 Current Process (in general)
4
5 W hat w e g et f rom Invision
? 1. 2. 3. 4. Inspect Mode Com m enting Workflow Dynam ic Prototyping
6 Inspect Mode 1. 2. Dow nload Icons, Pictures, etc
Basic CSS: color, font-size, padding, etc 3. 4. Sizes Grid dim ensions
7 Com m ent in g
8 W ork flow
9 Dynam ic Prot ot ypin g
10 W hat w e g et f rom Zeplin?
1. 2. 3. 4. Inspect Mode Com m enting Tagging Style Guide
11 Inspect Mode 1. 2. Dow nloading assets Basic CSS:
color, font-size, padding, etc 3. 4. Sizes Grid dim ensions
12
13 W hy w e n eed UI Library ?
1. 2. 3. 4. Several projects; Design team (3+ m em bers); To have consistent UI; To have only one source of truth;
14 Creat e Desig n Library
15
16
17 Ben ef it s of Version Cont rol 1.
2. 3. 4. Versions Difference Tool Conflict resolution Branches
18 Docum ent at ion How it was
19 Docum ent at ion How it can be
20
21
22
23 Alig nm ent w it h Devs 1. 2.
Create ow n com ponent library Find external solutions https://w w w.gitbook.com / https://w w w.catalog.style/ https://storybook.js.org/
24
25
26 Lezhnyuk Artyom Thank s! U X P E R
I E N C E D E SI G N E R