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
SVG Icon Design Guide
Search
RIDI
July 18, 2019
Design
2
3.8k
SVG Icon Design Guide
RIDI Design System - Icon Design Guide
RIDI
July 18, 2019
Tweet
Share
More Decks by RIDI
See All by RIDI
원격 근무 팀 운영 경험 공유
ridi
0
2.2k
빠르게 훑어보는 리디페이 백엔드 개발기
ridi
2
5k
Next.js는 정말 zero config였다.
ridi
0
2.1k
3일 걸릴 것 같던 구매목록 다운로드는 왜 3주가 걸렸을까?
ridi
0
450
원격으로 한 달 일해보니
ridi
0
1.4k
리디북스 앱에 S Pen Remote 연동하기
ridi
2
2.7k
UI 라이브러리 개발기
ridi
1
2.6k
테스트 환경 개선하기
ridi
8
3.5k
추천 API 최적화하기
ridi
4
2.1k
Other Decks in Design
See All in Design
Карта процесса-опыта — как визуализировать сервис просто, понятно и подробно
ashapiro
0
110
AI動画生成ガチャ紹介
piyo7
1
130
株式会社バクタム 会社説明資料
bactum
0
250
Liquid Iron
mcduckyart
1
110
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.5k
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
ichichi
2
680
ビジネス成果を最大限に発揮するPORTFOLIO
ataxi1003
0
200
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
2.2k
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
180
Crisp Code inc. ブランドガイドライン
so_kotani
1
190
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
990
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.4k
Featured
See All Featured
Making the Leap to Tech Lead
cromwellryan
134
9.4k
Adopting Sorbet at Scale
ufuk
77
9.5k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
We Have a Design System, Now What?
morganepeng
53
7.7k
Docker and Python
trallard
44
3.5k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
What's in a price? How to price your products and services
michaelherold
246
12k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
It's Worth the Effort
3n
185
28k
Statistics for Hackers
jakevdp
799
220k
4 Signs Your Business is Dying
shpigford
184
22k
Transcript
RIDI Design System SVG ICON DESIGN GUIDE UX Design, Oh
Namkyung
৵ ೞ ইਸ ݢ..? ৈ۞ ஹನքо חؘ..
ઁо ইী חؘਃ.
None
15
4 * White Black Blue Deep Blue 15
؊࢚ ۧѱ ࣽ হয!
Icon Font۽ ઁೞৈ ࢎਊ Ӓٺ… ѱ ۪٘যਃ
fontۢ ܙ ࣻ . fontۢ߆ী ޅ ܘ. ઁೞח Ҕ݃ ӝ৬
ৈߔ ܰ. ಕ ۽٬ ו۰ݶ ☐۽ ࠁৈ. ৈ۞ݺ زदী ߡ ҙܻೞӝী ਊೞ ঋ. ױ
ইפ ইب ॳҊ ҅द֎;
উ೧ਃ…. ಞೞҊ ೮؍ Ѫ…. ۨѢदо غҵਃ.
None
য়! Ӓېب ܻ٣ח icon font ীࢲ SVG۽ ജ
ӒܻҊ ইب ೞ ޅೠ icon font
None
None
Arrow8
ী…?
close_3 close_2 close_1 coin_2 coin_bold coin_1
close_2 close_3 close_1 coin_2 coin_bold coin_1
ౣܿহ ߭ఠੋؘ.. ٣ణ ೂചۄפ.. ӖӖ
ઁח ઁо ইী חؘਃযਃ.
৵ ۠ ޙઁо ࢤ҂חо
ੋ о٘о হ
झாੌ झఋੌ ܴ
24 x 24 Grid, 20 x 20 Work Area
Square Keyline
Circle Keyline
Horizontal Rectangle Keyline
Vertical Rectangle Keyline
Style Guide - Stroke
଼ী ୶о ଼ী ୶о ଼ী ୶о 1px stroke 2px stroke
3px stroke Default
Style Guide - Radius
Style Guide - Cutting
Style Guide - Alignment
ղࢲ ਘनрݽ ই Layout Guide
ղࢲ ਘनрݽ Layout Guide - Touch target
Plus Delete Naming Convention
TtsDisabled HeartFilled Naming Convention
PlusLight Plus PlusBold Naming Convention
None
None
ই ਤਗ
ઁ թ ੌ
Version Control
APP Icons PAPER Icons
Thank You UX Design, Oh Namkyung