SVG Icon Design Guide

E6ab83a664e3508e199ef2114cdfc824?s=47 RIDI
July 18, 2019

SVG Icon Design Guide

RIDI Design System - Icon Design Guide

E6ab83a664e3508e199ef2114cdfc824?s=128

RIDI

July 18, 2019
Tweet

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