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

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

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

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

Avatar for nira

nira

April 17, 2023
Tweet

Other Decks in Design

See All in Design
1年目デザイナーが実践する、チーム貢献のための2つのアプローチ
Avatar for kinomi kinomidesign
0
110
新しいデザインの難しさ（公開版） / Difficulties in the New Design (public ver.)
Avatar for usagimaru usagimaru
1
910
企画を動かすデザイナーの思考！「広げて絞る」アプローチ。
Avatar for Hikida Kan hikidakan
0
180
デフォルトの16:9（960*540px）のケース / Google Slide Size Test
Avatar for Arthur arthur1
0
3.5k
佐藤千晶｜ポートフォリオ
Avatar for 佐藤千晶 chimi_chia
0
170
新卒の目から見たサイボウズのデザイン組織
Avatar for 小林諒大 ryota5884
0
190
【MIXI MEETUP！ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏：デザイナーが語るプロダクト誕生秘話
Avatar for MIXI DESIGN mixi_design
PRO
0
140
デザイナーのAI活用とチームへの浸透戦略
Avatar for Kaori Ueda ukaoli
0
130
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
Avatar for Takahiro Hayashi taka_piya
1
3.8k
【最新】マズロー安達の弟子実績（1期-4期の26人分）
Avatar for マズロー安達 maslow_akkun
0
2.8k
ブランドパーソナリティ言語化における生成AI活用の実際
Avatar for Hiroki Hosaka h0sa
0
310
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
Avatar for HIROYUKI SAITO crearedesign
0
310

Featured

See All Featured
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
70
4.9k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
32
2.2k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
960
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.5k
Done Done
Avatar for chrislema chrislema
185
16k

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