これだけ守れば見やすくなるデザインの基礎

A8d382bd1bb2bc7abbb4999f32e16f4c?s=47 megumi tree
April 18, 2019

 これだけ守れば見やすくなるデザインの基礎

2019/04/18に株式会社gumi様で行ったデザイン講義のスライドです。
デザインとは何か?デザイナーは何を考えてデザインを作っているのか?
という話から、実際にデザインを評価・検討するための言葉を紹介しています。
クリエイティブ・コモンズ・ライセンス
この 作品 は クリエイティブ・コモンズ 表示 - 改変禁止 4.0 国際 ライセンスの下に提供されています。

第二回「UIデザインをはじめよう」はこちら
https://speakerdeck.com/kinakobooster/uidezainwohazimeyou

第三回「今日からできるUXデザイン」はこちら
https://speakerdeck.com/kinakobooster/jin-ri-karadekiruuxdezain

※訪問講座のご案内※
あなたの会社に話しに行きます。料金表はこちら
https://xemono.life/#/workwith/consulting

ご質問はTwitter@kinakoboosterまでお気軽にどうぞ。
https://twitter.com/kinakobooster

株式会社Xemonoの詳細はこちら
https://xemono.life

実践編・アイコンを実際に作る過程はこちら
https://note.mu/xemono/n/nd7b696b78702

とりいめぐみはこんなことを考えている人です
http://noubrain.hateblo.jp/entry/2019/04/05/171255

A8d382bd1bb2bc7abbb4999f32e16f4c?s=128

megumi tree

April 18, 2019
Tweet

Transcript

  1. 2.

    ͩΕ ʁ ͱ Γ͍Ί͙Έ גࣜձࣾ9FNPOP୅ද ೥ੜɻ ϓϩάϥ ϛ ϯά͕ Ͱ͖

    ΔσβΠφʔɻ ୹ՎΛͭ ͘ Δਓɻ ࿩͠૬ख͕ཉ͠ ͘ ͯCPUΛࣗ ࡞ͨ͜͠ ͱ͕͋Δɻ ౦ژେֶཧՊҰྨೖֶɺ จ ֶ෦फڭֶफڭֶ࢙ଔۀɻ
  2. 4.

    σβΠ ϯͷجૅ͓͠ͳ͕͖        σβΠ

    ϯͬͯͳʹ ʁ σβΠ ϯͷߏ੒ཁૉ ഑ஔ ৭ ܗ ಈ͖ · ͱΊ
  3. 17.

  4. 28.

    ͜ͷఆٛͰ ͏ Ε ͍͜͠ ͱ σβΠ ϯΛධՁͰ͖ ΔΑ ͏ʹͳΔ Ξʔ

    τͩͱߟ͑Δ ͱධՁͮ͠Β͍ ʢͦ ͬ ͪ͸ͦ ͬ ͪͰେࣄʣ
  5. 46.

     

  6. 50.
  7. 54.
  8. 64.

    ྡ઀ ͍͵ ͖ ͡ ͞ Δ Ͷ͜ ΋΋ ͍͡ ͹͋

    ͓ʹ ͍͵ ͖ ͡ ͞ Δ Ͷ͜ ΋΋ ͍͡ ͹͋ ͓ʹ
  9. 66.

    ͍͵ ͖ ͡ ͞ Δ Ͷ͜ ΋΋ ͍͡ ͹͋ ͓ʹ

    ͍͵ ͖ ͡ ͞ Δ Ͷ͜ ΋΋ ͍͡ ͹͋ ͓ʹ
  10. 71.

    ൓෮ ݟग़͠ ΤΩαΠςΟ ϯάத਎ ݟग़͠ ͔ͳ ͍͠த਎ ݟग़͠ ͖ ͞

    ·Έ͍ͯΔͳ ݟग़͠ ΤΩαΠςΟ ϯάத਎ ݟग़͠ ͔ͳ ͍͠த਎ ݟग़͠ ͖ ͞ ·Έ͍ͯΔͳ ˠ
  11. 75.

    ݟग़͠ ΤΩαΠςΟ ϯάத਎ ݟग़͠ ͔ͳ ͍͠த਎ ݟग़͠ ͖ ͞ ·Έ͍ͯΔͳ

    ˠ ݟग़͠ ΤΩαΠςΟ ϯάத਎ ݟग़͠ ͔ͳ ͍͠த਎ ݟग़͠ ͖ ͞ ·Έ͍ͯΔͳ ରൺ ͚͋Δ ɾ Ͱ͔͘ ͢Δ ɾ ຊจΛബ͘ ͢Δ
  12. 89.

    ͘͢͝ ॏཁͳΞϥʔ τ έʔεελσΟ ڧ྽ͳը໘ʹͳ ͬͯ ͠· ͬͨ 1SFTTNF 1SFTTNF

    1SFTTNF 1SFTTNF ͍͢͝ػೳ େࣄͳػೳ ൿີͷػೳ ࠷ॏཁͳػೳ
  13. 93.
  14. 106.

    ϝ Π ϯ৭Λݩʹ΋ ͏৭ܾΊΔ ϝ Π ϯ ࠇ ന ΞΫηϯ

    τ ౷Ұײͷग़Δબͼํ ੨ͬΆ͍ࠇ ੨ͬΆ͍ന
  15. 109.

    ৭ͷൺ཰ͷ໨҆ നϕʔε ࠇϕʔε ɾ ΞΫηϯ τ͸ग़͠੯͠Έ͢Δ ɾ άϨʔ͸͍͘ Β͋ͬͯ΋͍͍ ɾ

    ϝ Π ϯ͸ը໘ͷׂ͙ Β͍Λ໨҆ʹ ɾ നͱࠇ͸จࣈͱ͔ʹ࢖͏
  16. 114.
  17. 122.

    จࣈͷଘࡏײ ஍ࠈ ஍ࠈ ஍ࠈ Hell )FMM Hell ໌ேମ ʢηϦ ϑମʣ

    ΰγ ο Ϋମ ʢαϯηϦ ϑମʣ σΟ εϓϨΠॻମ খ େ
  18. 128.
  19. 134.
  20. 140.
  21. 142.
  22. 144.
  23. 146.
  24. 155.

    ࣍ʹಡΉ΋ͷ ϊ ϯσβΠφʔζ ɾ σβΠ ϯϒο Ϋ ྫ͕μα͍͜ ͱ Λআ͚͹͘͢͝

    Α͍ ཧ࿦తʹσβΠ ϯΛઆ໌ͯ͠ ͘ ΕΔ ఻ΘΔσβΠ ϯ ʢ΢Σ ϒαΠ τʣ IUUQUTVUBXBSVEFTJHODPN ௒Φεεϝ εϥΠ υ࡞Δ ͱ ͖ʹ࢖͑Δ ͳΔ΄ͲσβΠ ϯ ͳΔ΄Ͳ ͬͯͳΔ σβΠ ϯਅ໘໨ʹ࢝ΊΔͳ Β΄΅͜ΕҰ୒Ͱ͸ ʁ
  25. 158.

    ͔Θͷ ೥ੜɻ Վਓ ΋ͷ͜͝ Ζ͍ͭͨͱ ͖͔ΒখઆΛॻ͖࢝Ίͨɻ จষΛಡΉ͜ ͱ ͱॻ͘ ͜

    ͱ Ҏ֎Կ΋ ͨ͜͠ ͱ͕ͳ͍ɻ ౦ژେֶେֶӃ ʢത࢜՝ఔʣ Ͱϑ Ν ϯλδʔͷݚڀͳ Ͳ Λ ͍ͯ͠Δɻ ۝೥΄Ͳલ͔Β୹ՎΛ࡞Γ࢝Ίͨɻ ೥ɺ ୹Վͷ৽ਓ৆Ͱ͋ΔՎஃ ৆Λड৆ɻ ࡶࢽ ʰݱ୅୹Վʱ ʹͯ ʮՎஃ࣌ධʯ ࿈ࡌதɻ ΄͔ɺ ୹Վɺ ॻ ධɺ ΤοηΠͳ Ͳ Λ୹Վࡶࢽ΍৽ฉͳ Ͳʹॻ͍͍ͯΔɻ ͜ͷձࣾͰͷ໾ׂ͸൑அྗ୲౰ɻ ෭ࣾ௕΋ΑΖ ͠ ͘
  26. 160.

    &/%