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

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

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

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

Avatar for nira

nira

April 17, 2023
Tweet

Other Decks in Design

See All in Design
読書シェア会 vol.5 / Yumemi.grow 20250526
Avatar for Rakus_Dev rakus_dev
0
1.6k
NAHO SHIMONO_Portfolio2025
Avatar for Naho nahohphp
0
880
私とデザインの10年
Avatar for なつ iflection
0
160
sachi_y_portfolio
Avatar for Sachi sachi337
0
300
デフォルトの16:9（960*540px）のケース / Google Slide Size Test
Avatar for Arthur arthur1
0
2.9k
Hatena Engineer Seminar #33 チームと開発するためのモック
Avatar for takuwolog takuwolog
0
370
株式会社デイトラ様│コーポレートサイト│コンセプトシート
Avatar for Haruka_CAPEO haruka_capeo
0
2.2k
Cyber Heart Online Book
Avatar for Hannah hjnasby
0
130
7 Core Values of Round-L
Avatar for Round-L wired888
0
240
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP！】
Avatar for viviON Design vivion
0
760
「デザイン」を信じるには
Avatar for なつ iflection
0
280
Flow, Not Stock 知識触媒としてのIA
Avatar for Takehisa Gokaichi 5kaichi
1
290

Featured

See All Featured
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
126
17k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
42
7.4k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
55
5.7k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
29
9.6k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
45
7.5k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
1.9k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
3.9k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
43
7.6k

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