Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

The Android Wears Material

The Android Wears Material

2022년 대학생 IT 벤처창업동아리 SOPT에서 Google Material Design을 주제로 발표한 자료입니다.

HyunWoo Lee

May 30, 2023
Tweet

More Decks by HyunWoo Lee

Other Decks in Programming

Transcript

  1. Android Engineer - SOPT Android/Server - Mathpresso(QANDA) Android Developer -

    DroidKnights 2021 Open Source Contributor - 27ӝ SOPT Android MVP - ઱ਃ ೐۽ં౟ - Hacker/CatchMe/о஖ࢎ੗/FILL-IN/BeMe ੉അ਋
  2. ѐ ѐߊ੗ש! ഑द ߡౡ ௿ܼೞݶ ইېীࢲ ঌܿ੉ जೞҊ աয়ѱ ೡ

    ࣻ ੓ਸөਃ? ѐ ???? ੿੄о উػ ਊযٜ਷ Communication Costܳ ֫ੋ׮
  3. Design System੄ ҳࢿ Colors Typography Component Style Behavior UI System

    UX Principle Brand/Business Guide Product Design
  4. Design System੄ ҳࢿ Colors Typography Component Style Behavior UI System

    UX Principle Brand/Business Guide Product Design ੉Ѧ ׮…ঌইঠ ೞաਃ?
  5. Pixel Density One UI Guide with Multi-Platform - ׮নೠ ೧࢚ب੄

    ӝӝী ೞա੄ 
 о੉٘ۄੋਵ۽ ੸ਊೞӝ ਤೣ - ੌ੿ ӡ੉ ׼ ೗ࣄ ࣻܳ ӝ߈ਵ۽ ׮ܲ ೧࢚ب੄ ചݶীࢲب Ӑੌೠ ࣻ஖۽ 
 ಴दೞѱ ೞӝ ਤೠ ࣻױ - ੌ߈੸ਵ۽ о۽ח 360dp۽ ա১
  6. Color System Material Design Colors System - п ৉ೡী ݏ୾૓

    ஸ۞ दझమਸ ҳ୷ - ߓ҃ী ٜযт ࢝(Background)/ߓ҃ ਤী Ӓ۰૑ח ఫझ౟੄ ࢝(On Background)৬ э੉ X/onX ҳઑ۽ ҳࢿغয੓਺
  7. Typography Material Design Type System - ೻٘ۄੋ/Titleী ٜযт ఫझ౟ झఋ

    ੌࠗఠ ࠄޙ/ߡౡ/ࠄޙ੄ ఋ੉ౣী ٜ যт ఋੑ दझమਸ ޷ܻ ੿੄ೡ ࣻ ੓ ਺
  8. Typography CatchMe Design Type System - ৮੹൤ Material Design Systemҗ

    ੌ஖غ૑ ঋইب ؽ - ੤ࢎਊ ೡ ࣻ ੓ѱ ஹನք౟ച ೞח Ѫ ੉ ઺ਃ
  9. Typography UseCase CatchMe Design Type System (For Developer) Material Design

    Systemҗ Ҋਬ Design Systemਸ sync, ٣੗ੋ दझమ੉ ߄Շযب ௏٘о ইצ ఋੑ दझమ݅ ߸҃ೞѱ ࢸ҅
  10. Typography UseCase Hacker Type System Material Design Systemҗ 
 Ҋਬ

    Design Systemਸ sync, ٣੗ੋ दझమ੉ ߄Շযب 
 ௏٘о ইצ ఋੑ दझమ݅ ߸҃ೞѱ ࢸ҅
  11. Typography UseCase Hacker Type System Jetpack Composeܳ ࢎਊೞݶࢲ झఋੌਸ ੤ࢎਊೡ

    ࣻ ੓ѱ ੿੄ػ TextStyleਸ Context API(CompositionLocal)ܳ ా೧ ઁҕ
  12. Material Design Component Toast vs Snackbar - Toastח System ੹৉ীࢲ

    ࠁ੉Ҋ Snackbarח ೧׼ ചݶীࢲ݅ ࠁ੐ - Toastח API 30(উ٘۽੉٘ 10) ੉റ ୶о੸ੋ ழझథ੉ ࠛоמ(ষ୒ য۵ ѱ) ٜ݅য֬਺
  13. Suggestion For Designer/Project Manager - উ٘۽੉٘/iOS݅੄ Ҋਬ ٣੗ੋ दझమ੉ ੓׮ח

    ࢎपਸ ঌই઱दӡ - Product Ҋਬ ٣੗ੋ दझమਸ ҳ୷ೞח Ѫ੉ য۵׮ݶ ୭ࣗೠ 
 Color/Type System ઁҕ - ٣੗ੋ दझమীࢲ ઁҕೞח UX GuideLine਷ ೠߣঀ ࠊ઱दӡ - Material3 Design System ഛੋ೧ࠁҊ উ٘۽੉٘ хࢿ וԑࠁӝ
  14. Suggestion && Advice For Developer - UI Component ҳഅद Material

    Component੄ Style ੸ਊ೧ࠁӝ - Product Ҋਬ੄ झఋੌ ௏٘ח ୭؀ೠ ੤ࢎਊೞৈ ഝਊೞӝ - MaterialComponent৬ Material3੄ झఋੌ੉ ݆੉ ׮ܴ!