Upgrade to Pro — share decks privately, control downloads, hide ads and more …

脱初心者のためのUIデザインの心得

 脱初心者のためのUIデザインの心得

Yasuhisa Hasegawa

July 18, 2019
Tweet

More Decks by Yasuhisa Hasegawa

Other Decks in Design

Transcript

  1. 6*ͷ͔͡Μ
    ௕୩઒ګٱ
    ೥݄೔

    View full-size slide

  2. `
    ʜࠓͷͱ͜Ζ
    6*σβΠϯͷ࣭ΛܾΊΔΞϨ͕࡞Γʹ͍͘
    ㅟ ㅟ

    View full-size slide

  3. @waiwai
    Waimarie Maata
    56 Valley Farms Road Encino, CA 91316
    1:00PM
    December 5, 2017
    Interaction Meetup
    @dianwa1
    Dian Wahyu
    56 Valley Farms Road Encino, CA 91316
    7:00PM
    Novemver 30, 2018
    Sketch Workshop
    Events
    November 18, 2017
    9:41

    View full-size slide

  4. @waiwai
    Waimarie Maata
    56 Valley Farms Road Encino, CA 91316
    1:00PM
    December 5, 2017
    Interaction Meetup
    @dianwa1
    Dian Wahyu
    56 Valley Farms Road Encino, CA 91316
    7:00PM
    Novemver 30, 2018
    Sketch Workshop
    Events
    November 18, 2017
    9:41
    Sketch is an application which has already won the
    hearts of UI and UX designers around the world, even
    though just about anybody can learn how to use it.
    Among all the advantages, too numerous to list here,
    Sketch has a big disadvantage – it is only available for
    Mac OS. If you are one of the lucky owners of a Mac,
    though – it would be a waste not to make use of the
    potential of Sketch. Let me assure you that designing
    interfaces has never been so fast, and most of all –
    pleasant!
    56 Valley Farms Road Encino, CA 91316
    7:00PM
    November 30, 2018
    Sketch Workshop
    Sketch Workshop
    Back
    9:41
    Techniques and shortcuts
    Tips & Tricks
    Vector Tools and Symbols
    Practical UI Projects

    View full-size slide

  5. ཧ૝ܕ
    Τϥʔ
    ಡΈࠐΈத
    ૝ఆ֎ͷ৘ใྔ
    ۭঢ়ଶ

    View full-size slide

  6. Events
    November 18, 2017
    9:41
    @waiwai
    Waimarie Maata
    56 Valley Farms Road Encino, CA 91316
    1:00PM
    December 5, 2017
    Interaction Meetup
    @dianwa1
    Dian Wahyu
    56 Valley Farms Road Encino, CA 91316
    7:00PM
    Novemver 30, 2018
    Sketch Workshop

    View full-size slide

  7. Events
    November 18, 2017
    9:41
    ?

    View full-size slide

  8. Events
    November 18, 2017
    9:41
    @waiwai
    Waimarie Maata
    56 Valley Farms Road Encino, CA 91316
    1:00PM
    December 5, 2017
    Interaction Meetup
    @dianwa1
    Dian Wahyu
    56 Valley Farms Road Encino, CA 91316
    7:00PM
    Novemver 30, 2018
    Sketch Workshop
    ճઢ͕஗͘ͳͬͨΒʁ
    ίϯςϯπͷྔ͕૿͑ͨΒʁ
    ޡૢ࡞͕͋ͬͨΒʁ
    ۓٸͷ৘ใͷܝࡌ͸ʁ
    ৘ใ͕଍Γͳ͍৔߹͸ʁ
    ը໘ͷେ͖͕͞มΘͬͨΒʁ

    View full-size slide

  9. @waiwai
    Waimarie Maata
    56 Valley Farms Road Encino, CA 91316
    1:00PM
    December 5, 2017
    Interaction Meetup
    @dianwa1
    Dian Wahyu
    56 Valley Farms Road Encino, CA 91316
    7:00PM
    Novemver 30, 2018
    Sketch Workshop
    Events
    November 18, 2017
    9:41
    Sketch is an application which has already won the
    hearts of UI and UX designers around the world, even
    though just about anybody can learn how to use it.
    Among all the advantages, too numerous to list here,
    Sketch has a big disadvantage – it is only available for
    Mac OS. If you are one of the lucky owners of a Mac,
    though – it would be a waste not to make use of the
    potential of Sketch. Let me assure you that designing
    interfaces has never been so fast, and most of all –
    pleasant!
    56 Valley Farms Road Encino, CA 91316
    7:00PM
    November 30, 2018
    Sketch Workshop
    Sketch Workshop
    Back
    9:41
    Techniques and shortcuts
    Tips & Tricks
    Vector Tools and Symbols
    Practical UI Projects
    ཧ૝ܕɾཧ૝ϑϩʔ͸࡞Γ΍͍͕͢ʜ

    View full-size slide

  10. ཧ૝ܕ͚ͩ࡞Γࠐ·ͳ͍
    ༏ઌॱҐΛܾΊͯ࡞ΕΔը໘͔Β
    ·ͣจࣈ਺ͷมԽ͔Βߟ͑Δ

    View full-size slide

  11. σΟϑΥϧτ
    ϑΥʔΧε
    ݕࡧ։࢝
    ಡΈࠐΈத
    ݕࡧΞΠςϜͳ͠

    View full-size slide

  12. ۭཝ ϑΥʔΧε
    αδΣετ6*
    ೖྗ։࢝
    ۭཝ Ϧετ
    ݕࡧθϩ
    Τϥʔ
    ݕࡧ݁Ռ
    ը໘
    PO&OUFS
    PO5BQ
    PO'PDVT

    View full-size slide

  13. ۭཝ ϑΥʔΧε
    αδΣετ6*
    ೖྗ։࢝
    ۭཝ Ϧετ
    ݕࡧθϩ
    Τϥʔ
    ݕࡧ݁Ռ
    ը໘
    PO&OUFS
    PO5BQ
    PO'PDVT
    αδΣετ6*Λग़͢λΠϛϯά͸ద੾ʁ

    View full-size slide

  14. ۭཝ ϑΥʔΧε
    αδΣετ6*
    ೖྗ։࢝
    ۭཝ Ϧετ
    ݕࡧθϩ
    Τϥʔ
    ݕࡧ݁Ռ
    ը໘
    PO&OUFS
    PO5BQ
    PO'PDVT
    ݕࡧθϩͰ͋Δ͜ͱΛ౓఻͑Δ΂͖ʁ

    View full-size slide

  15. ۭཝ ϑΥʔΧε
    αδΣετ6*
    ೖྗ։࢝
    ۭཝ Ϧετ
    ݕࡧθϩ
    Τϥʔ
    ݕࡧ݁Ռ
    ը໘
    PO&OUFS
    PO5BQ
    PO'PDVT
    ͲͷछྨͷΤϥʔΛσβΠϯͰΧόʔ͢΂͖ʁ

    View full-size slide

  16. ςΩετϕʔεͰ6*Λߟ͑Δ
    ૣظ֬ೝͷͨΊͷखஈ
    ະ֬ఆ෦෼ ༏ઌॱҐΛܾΊΔ

    View full-size slide

  17. ه࿥
    ͋ͱ΋͏Ұา
    ͢Δ

    View full-size slide

  18. !ௐࠪͰಘͨχʔζ
    "ͦͷଞ՝୊
    #Ծઆ
    ⚖ࢦඪ
    %σβΠϯҊ
    &मਖ਼߲໨
    ▶࣍ͷΞΫγϣϯ
    ఆੑɾఆྔௐࠪͷ֓ཁ
    Ϗδωεɺ։ൃ͔Βग़ͨ՝୊
    σβΠϯ͕ղܾ͢΂͖՝୊͸Կ͔
    ,1* 69ࢦඪ
    ϝϦοτɺσϝϦοτɺϦεΫ
    ϑΟʔυόοοΫ
    ࣍ʹ΍Δ͜ͱ

    View full-size slide

  19. σβΠϯͷҙਤΛ໌จԽ
    උ๨࿥ɾܦҢͷઆ໌ʹ࢖͑Δ
    ֆจࣈͰ૷০͢Δͱݟ΍͍͢✌
    จࣈ͚ͩͰͳ͘ਤ΋׆༻

    View full-size slide

  20. ୤ॳ৺ऀ
    6*σβΠϯ
    σβΠϯπʔϧͷ֎ͷ

    ࢓ࣄͰ඼࣭͕มΘΔ
    ཧ૝͚ͩͰͳ͘

    ʮ΋͠΋ʯΛߟ͑Δ

    View full-size slide