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

デザイン入門！初心者でも使えるデザインのコツとテクニック

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for nira nira
April 17, 2023
Design
1.5k
0

 デザイン入門！初心者でも使えるデザインのコツとテクニック

Avatar for nira

nira

April 17, 2023

Other Decks in Design

See All in Design
第18回サイゼミ
Avatar for LW lw
1
3.8k
モビリティプラットフォームの未来を築くクラウド基盤
Avatar for Hajime KOSHIRO kossykinto
0
270
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.6k
社長の宿題への回答 「新卒×AI」が生み出す価値
Avatar for さき saki822
2
130
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
Avatar for 株式会社NIJIBOX nbkouhou
2
320
デザイナーが主導権を握る、AI協業の本音と実践
Avatar for satosio satosio
7
3.2k
「バイブコーディングって何？」から始まった、 AIとの一年間と、その先のこと
Avatar for 瀬戸英晴 seto
0
470
AIでデザインをつくる：基礎編
Avatar for 太田賢一 kenichiota0711
4
3k
CULTURE DECK／Frontend Engineer
Avatar for M-HAND,Inc. mhand01
0
1.2k
アイデアを加速させる！Firefly ボードで発想の幅を広げよう
Avatar for コネクリ connecre
1
380
コンテンツ作成者の体験を設計する
Avatar for Chiaki Okamoto chiilog
0
150
これからの「Webデザイン」の話をしよう～デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値～
Avatar for ミヤケアツシ ds35mm
0
670

Featured

See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.9k
Fireside Chat
Avatar for paigeccino paigeccino
42
3.9k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
52k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
280
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
730
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
120
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.7k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k

Transcript

  1.  σβΠϯೖ໳ʂॳ৺ऀͰ΋࢖͑ΔσβΠϯͷίπͱςΫχοΫ

  2. ͜ͷηογϣϯͷର৅ऀ  w͜Ε͔ΒσβΠϯΛ࢝Ί͍ͨͱࢥ͍ͬͯΔํ wσβΠϯͬͯͲΜͳ෩ʹߟ͑Δͷ͔஌Γ͍ͨํ wݟ΍͍͢ࢿྉΛ࡞Γ͍͚ͨͲɺͲ͏ͨ͠Β͍ ͍ͷ͔೰ΜͰ͍Δํ

  3. ͜ͷηογϣϯΛฉ͍ͯ  􀈿 􀲱 ΞΠΩϟον࡞੒ 􀌲 ςΩετ ίϛϡχέʔγϣϯ ࢿྉ࡞੒

  4. ࣗݾ঺հ  /JSBʢೖࣾσβΠφʔྺ೥൒ʣ wσβΠφʔΞγελϯτ wܦྺ wհޢ࢜ˠ&$αΠτͷӡӦ wۀ຿ wόφʔɺϩΰɺҹ࡮෺΍6*σβΠϯ

  5.  ʮ༨നʯͱʮίϯτϥετʯͷ͓࿩͠Λ͠·͢ɻ

  6. ࠓ೔͓࿩͢͠Δ͜ͱ  w༨നͱίϯτϥετʹ͍ͭͯ wσβΠϯ࣮ફʂ w·ͱΊ

  7.  ༨നͱίϯτϥετ

  8.  ༨നͱ͸ʁ

  9.  Կ΋ͳ͍ۭനͷ෦෼

  10.  Կ΋ͳ͍ۭനͷ෦෼

  11.  w ೥݄೔ʢՐʣ w ೥݄೔ ʢՐʣ

  12.  w ೥݄೔ʢՐʣ w ೥݄೔ ʢՐʣ

  13. ༨നͷޮՌ  wઢͷ୅ΘΓʹͳΓ wάϧʔϓԽʹ΋༗ޮ

  14.  ίϯτϥετͱ͸ʁ

  15.  গ͠ม͑Δ͜ͱͰ͸ ͋Γ·ͤΜ

  16.  ͸͖ͬΓͱม͑Δ͜ͱ

  17. ༨നͱίϯτϥετΛ্ख͘࢖͏ͱʁ  ఻͍͑ͨ৘ใΛڧௐ͠ ໌֬ʹ఻Δ͜ͱ͕Ͱ͖·͢

  18.  Ͱ͸ɺ࣮ફʂ

  19. Α͋͘ΔදͷσβΠϯ  ໊લ ͘ΒʹΌΜ આ໌ %FWFMPQFST*0$"'&ʹ΍͖ͬͯͨʹΌΜ͜ɻ ΫϥεϝιουࣾһΛݟͯɺ͍͔ͭࣗ෼΋ϓϩάϥ ϛϯάΛ΍ͬͯΈ͍ͨͱࢥ͍ͬͯΔɻ ੑ֨ ָ͍͜͠ͱ͕େ޷͖

    झຯ ͓ͻΔͶɺ͓͠ΌΕ

  20. εοΩϦͨ͠ҹ৅  ໊લ ͘ΒʹΌΜ આ໌ %FWFMPQFST*0$"'&ʹ΍͖ͬͯͨʹΌΜ͜ɻ ΫϥεϝιουࣾһΛݟͯɺ͍͔ͭࣗ෼΋ϓϩάϥ ϛϯάΛ΍ͬͯΈ͍ͨͱࢥ͍ͬͯΔɻ ੑ֨ ָ͍͜͠ͱ͕େ޷͖

    झຯ ͓ͻΔͶɺ͓͠ΌΕ

  21. ʴίϯτϥετ  ໊લ ͘ΒʹΌΜ આ໌ %FWFMPQFST*0$"'&ʹ΍͖ͬͯͨʹΌΜ͜ɻ ΫϥεϝιουࣾһΛݟͯɺ͍͔ͭࣗ෼΋ϓϩάϥ ϛϯάΛ΍ͬͯΈ͍ͨͱࢥ͍ͬͯΔɻ ੑ֨ ָ͍͜͠ͱ͕େ޷͖

    झຯ ͓ͻΔͶɺ͓͠ΌΕ

  22. Α͘ݟΔදͷσβΠϯ  ໊લ ͘ΒʹΌΜ આ໌ %FWFMPQFST*0$"'&ʹ΍͖ͬͯͨʹΌΜ͜ɻ ΫϥεϝιουࣾһΛݟͯɺ͍͔ͭࣗ෼΋ϓϩάϥ ϛϯάΛ΍ͬͯΈ͍ͨͱࢥ͍ͬͯΔɻ ੑ֨ ָ͍͜͠ͱ͕େ޷͖

    झຯ ͓ͻΔͶɺ͓͠ΌΕ

  23. ʴίϯτϥετ  ໊લ ͘ΒʹΌΜ આ໌ %FWFMPQFST*0$"'&ʹ΍͖ͬͯͨʹΌΜ͜ɻ ΫϥεϝιουࣾһΛݟͯɺ͍͔ͭࣗ෼΋ϓϩάϥ ϛϯάΛ΍ͬͯΈ͍ͨͱࢥ͍ͬͯΔɻ ੑ֨ ָ͍͜͠ͱ͕େ޷͖

    झຯ ͓ͻΔͶɺ͓͠ΌΕ

  24. ී௨ͷϨγϐ   ੜ஍ʹཛͱڇೕΛೖΕࠞͥΔ  ϑϥΠύϯΛ೤͢Δ  ੜ஍Λͳ͕͢  ؾ๐͕ग़ͨΒͻͬ͘Γฦ͢

     Ր͕௨ͬͨΒ׬੒ʂ ύϯέʔΩͷ࡞Γํ

  25. ࣗવͱ৘ใ͕ೖͬͯ͘Δ   ੜ஍ʹཛͱڇೕΛೖΕࠞͥΔ  ϑϥΠύϯΛ೤͢Δ  ੜ஍Λͳ͕͢  ؾ๐͕ग़ͨΒͻͬ͘Γฦ͢

     Ր͕௨ͬͨΒ׬੒ʂ ύϯέʔΩͷ࡞Γํ

  26. ʴίϯτϥετ   ੜ஍ʹཛͱڇೕΛೖΕࠞͥΔ  ϑϥΠύϯΛ೤͢Δ  ੜ஍Λͳ͕͢  ؾ๐͕ग़ͨΒͻͬ͘Γฦ͢

     Ր͕௨ͬͨΒ׬੒ʂ ύϯέʔΩͷ࡞Γํ

  27. ී௨ͷϨγϐ   ੜ஍ʹཛͱڇೕΛೖΕࠞͥΔ  ϑϥΠύϯΛ೤͢Δ  ੜ஍Λͳ͕͢  ؾ๐͕ग़ͨΒͻͬ͘Γฦ͢

     Ր͕௨ͬͨΒ׬੒ʂ ύϯέʔΩͷ࡞Γํ

  28. ߦ͖৔ͷͳ͍༨ന͕͋Δ   ੜ஍ʹཛͱڇೕΛೖΕࠞͥΔ  ϑϥΠύϯΛ೤͢Δ  ੜ஍Λͳ͕͢  ؾ๐͕ग़ͨΒͻͬ͘Γฦ͢

     Ր͕௨ͬͨΒ׬੒ʂ ύϯέʔΩͷ࡞Γํ

  29. ݟ͑ͳ͍ઢΛ࢖͏   ੜ஍ʹཛͱڇೕΛೖΕࠞͥΔ  ϑϥΠύϯΛ೤͢Δ  ੜ஍Λͳ͕͢  ؾ๐͕ग़ͨΒͻͬ͘Γฦ͢

     Ր͕௨ͬͨΒ׬੒ʂ ύϯέʔΩͷ࡞Γํ

  30. ༨നΛௐ੔͠·͠ΐ͏  )05 ϗοτίʔώʔwwwwwwwwwwwwwwwwwwwwwwwԁ ΧϑΣϥςwwwwwwwwwwwwwwwwwwwwwwwwwwwԁ $0-% ΞΠείʔώʔwwwwwwwwwwwwwwwwwwwwwwwԁ ΞΠεΧϑΣϥςwwwwwwwwwwwwwwwwwwwwwԁ

  31. ௐ੔Օॴ͸Ͳ͜ʁ  )05 ϗοτίʔώʔwwwwwwwwwwwwwwwwwwwwwww ΧϑΣϥςwwwwwwwwwwwwwwwwwwwwwwwwwww $0-% ΞΠείʔώʔwwwwwwwwwwwwwwwwwwwwwww ΞΠεΧϑΣϥςwwwwwwwwwwwwwwwwwwwww ԁ ԁ

    ԁ ԁ

  32. ༨നΛௐ੔ͨ͠ͱ͜Ζ  )05 ϗοτίʔώʔwwwwwwwwwwwwwwwwwwwwwww ΧϑΣϥςwwwwwwwwwwwwwwwwwwwwwwwwwww $0-% ΞΠείʔώʔwwwwwwwwwwwwwwwwwwwwwww ΞΠεΧϑΣϥςwwwwwwwwwwwwwwwwwwwww ԁ ԁ

    ԁ ԁ

  33. ʴίϯτϥετ  HOT ϗοτίʔώʔwwwwwwwwwwwwwwwwwwwwwww ΧϑΣϥςwwwwwwwwwwwwwwwwwwwwwwwwwww COLD ΞΠείʔώʔwwwwwwwwwwwwwwwwwwwwwww ΞΠεΧϑΣϥςwwwwwwwwwwwwwwwwwwwww ԁ ԁ

    ԁ ԁ

  34. ༨നʹ஫໨  )05 ϗοτίʔώʔwwwwwwwwwwwwwwwwwwwwwwwԁ ΧϑΣϥςwwwwwwwwwwwwwwwwwwwwwwwwwwwԁ $0-% ΞΠείʔώʔwwwwwwwwwwwwwwwwwwwwwwwԁ ΞΠεΧϑΣϥςwwwwwwwwwwwwwwwwwwwwwԁ

  35. ༨ന͸શͯಉ͡େ͖͞  )05 ϗοτίʔώʔwwwwwwwwwwwwwwwwwwwwwwwԁ ΧϑΣϥςwwwwwwwwwwwwwwwwwwwwwwwwwwwԁ $0-% ΞΠείʔώʔwwwwwwwwwwwwwwwwwwwwwwwԁ ΞΠεΧϑΣϥςwwwwwwwwwwwwwwwwwwwwwԁ

  36. ༨നΛ࢖ͬͯάϧʔϓԽ  HOT ϗοτίʔώʔwwwwwwwwwwwwwwwwwwwwwww ΧϑΣϥςwwwwwwwwwwwwwwwwwwwwwwwwwww COLD ΞΠείʔώʔwwwwwwwwwwwwwwwwwwwwwww ΞΠεΧϑΣϥςwwwwwwwwwwwwwwwwwwwww ԁ ԁ

    ԁ ԁ

  37.  ·ͱΊ

  38. ·ͱΊ  w༨ന͸ઢͷ୅ΘΓʹͳΔ w༨ന͸άϧʔϓԽΛ͢Δ wίϯτϥετ͸ࢹ֮ΛҾ͖͚ͭΔ

  39. ֬ೝ͠Α͏ʂ  wઢΛ࢖༻͠ɺ৘ใ͸ځ۶ʹͳ͍ͬͯͳ ͍͔ wཁૉͱཁૉͷؒʹແବͳ༨ന͸ͳ͍͔ wίϯτϥετ͸͍͍ͭͯΔ͔

  40.  ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ