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

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

Avatar for nira nira
April 17, 2023
Design
1.6k
0

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

Avatar for nira

nira

April 17, 2023

Other Decks in Design

See All in Design
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
Avatar for 都村　美帆 abokadotyann
4
970
染み出し好きの、 染み出しコントロール論
Avatar for Takeru Mukai mukai_takeru
0
170
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
Avatar for Yu Morita securecat
1
220
デザインとフロントエンドの境界が融ける Claude Code × Figma
Avatar for littlebusters littlebusters
2
3.1k
PAMPHLET.pdf
Avatar for M-HAND,Inc. mhand01
0
1k
Signull 団体説明資料
Avatar for Signull signull
0
700
2026の目標「もっと定量的に事業、会社へ貢献する！」
Avatar for yuri ohashi yuri_ohashi
0
870
デザイナーが主導権を握る、AI協業の本音と実践
Avatar for satosio satosio
7
3.4k
体験負債を資産に変える組織的アプローチ
Avatar for hikarutakase hikarutakase
0
1.5k
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
Avatar for ChiemiTaki chiemitaki
1
230
情報を翻訳する-伝わる可視化３原則とオープンデータ活用-
Avatar for Hajime Kato hjmkth
1
300
開発・制作におけるUI・UXデザインの重要性について～UI・UXデザインってなんだろう～
Avatar for yomogi_sakura yamasaku
0
130

Featured

See All Featured
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
1
280
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
6k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
490
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.8k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
750
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
3
900
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
220
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
220
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
2.1k

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.  ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ