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.3k
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.1k
빠르게 훑어보는 리디페이 백엔드 개발기
ridi
2
4.8k
Next.js는 정말 zero config였다.
ridi
0
1.9k
3일 걸릴 것 같던 구매목록 다운로드는 왜 3주가 걸렸을까?
ridi
0
350
원격으로 한 달 일해보니
ridi
0
1.4k
리디북스 앱에 S Pen Remote 연동하기
ridi
2
2.5k
UI 라이브러리 개발기
ridi
1
2.4k
테스트 환경 개선하기
ridi
8
3.2k
추천 API 최적화하기
ridi
4
1.9k
Other Decks in Design
See All in Design
アフォーダンスとシグニファイア
ryokanakai
0
250
Rebuilding Stamen’s iconic map styles with Stadia Maps
almccon
0
190
Making impact with your craft with sociotechnical design
xinyao
1
170
Карта процесса-опыта. Презентация метода
ashapiro
0
180
Картирование процесса фасилитация стратсессий с Картой гипотез при помощи Карты процесса-опыта
ashapiro
0
220
新しいemoji😄のアイデアをUnicodeが募集中‼️🏃♀️💨💨💨傾向を学んでみんな提案しよう💪
oguemon
2
580
生成AIを活用したサービス設計のススメ〜仮説構築編〜
tomo1215
2
1.1k
Fooocus(Stable DiffusionXL)で アニメ画像生成の仕方
otanet
0
1.4k
デザインからアプリ実装まで一貫したデザインシステムを構築するベストプラクティス
shuzo
12
3.5k
Designing and Automating Component Specifications
nathanacurtis
3
370
User Experience Design für Entwickler
joergneumann
4
950
3 Reasons Why I Got into Design
harukausui
1
140
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
166
48k
10 Git Anti Patterns You Should be Aware of
lemiorhan
653
58k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
0
120
GitHub's CSS Performance
jonrohan
1030
450k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
230
17k
Writing Fast Ruby
sferik
623
60k
Docker and Python
trallard
39
3k
Done Done
chrislema
180
16k
Side Projects
sachag
451
42k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.2k
Speed Design
sergeychernyshev
22
430
Visualization
eitanlees
142
15k
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