SVG Icon Design Guide

Transcript

1. RIDI Design System SVG ICON DESIGN GUIDE UX Design, Oh

   Namkyung

2. ৵ ೞ೙ ই੉௑ਸ ݢ੷..? ৈ۞ ஹನք౟о ੓חؘ..

3. ઁо ই੉௑ী ૘଱੉ ੓঻חؘਃ.

4. None

5. 15

6. 4 * White Black Blue Deep Blue 15

7. ؊੉࢚ ੉ۧѱ ࢓ ࣽ হয!

8. Icon Font۽ ઁ੘ೞৈ ࢎਊ Ӓٺ… ੉ѱ ౟۪٘৓যਃ

9. font୊ۢ ׮ܙ ࣻ ੓׮. font୊ۢ߆ী ޅ ׮ܘ׮. ઁ੘ೞח Ҕ݃׮ ௼ӝ৬

   ৈߔ੉ ׮ܰ׮. ಕ੉૑ ۽٬੉ ו۰૑ݶ ☐۽ ࠁৈ૓׮. ৈ۞ݺ੉ زदী ߡ੹ ҙܻೞӝী ਊ੉ೞ૑ ঋ׮. ױ੼ ੢੼

10. ইפ ই૒ب ॳҊ ҅द֎;

11. ޷উ೧ਃ…. ಞೞ੗Ҋ ೮؍ Ѫ੉…. ۨѢदо غ঻ҵਃ.

12. None

13. য়! Ӓېب ܻ٣ח icon font ীࢲ SVG۽ ੹ജ ઺

14. ӒܻҊ ই૒ب ୒࢑ೞ૑ ޅೠ icon font

15. None
16. None

17. ੿׹਷ Arrow8

18. ী…?

19. close_3 close_2 close_1 coin_2 coin_bold coin_1

20. close_2 close_3 close_1 coin_2 coin_bold coin_1

21. ౣܿহ੉ ߭ఠੋؘ.. ٣૑ణ ೂചۄפ.. ੗Ӗ੗Ӗ

22. ੉ઁח ઁо ই੉௑ী ૘଱੉ ੓঻חؘਃ੓যਃ.

23. ৵ ੉۠ ޙઁо ࢤ҂חо

24. ੹୓੸ੋ о੉٘о হ਺

25. झாੌ झఋੌ ੉ܴ

26. 24 x 24 Grid, 20 x 20 Work Area

27. Square Keyline

28. Circle Keyline

29. Horizontal Rectangle Keyline

30. Vertical Rectangle Keyline

31. Style Guide - Stroke

32. ଼੢ী ୶о ଼੢ী ୶о ଼੢ী ୶о 1px stroke 2px stroke

    3px stroke Default

33. Style Guide - Radius

34. Style Guide - Cutting

35. Style Guide - Alignment

36. ղ
    ࢲ੤  ਘ
    नр
    ݽ਺ ੉੹ ই੉௑ ৔৉ Layout Guide

37. ղ
    ࢲ੤  ਘ
    नр
    ݽ਺ Layout Guide - Touch target

38. Plus Delete Naming Convention

39. TtsDisabled HeartFilled Naming Convention

40. PlusLight Plus PlusBold Naming Convention

41. None
42. None

43. ই੉௑ ਤਗ੢

44. ੉ઁ թ਷ ੌ

45. Version Control

46. APP Icons PAPER Icons

47. Thank You UX Design, Oh Namkyung