Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
デザイン入門!初心者でも使えるデザインのコツとテクニック
Search
nira
April 17, 2023
Design
0
1.4k
デザイン入門!初心者でも使えるデザインのコツとテクニック
nira
April 17, 2023
Tweet
Share
Other Decks in Design
See All in Design
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
120
Them Middle School Kids Pitch
stevie_vee
0
120
minpaku-community-scrum-patterns
norinity1103
1
240
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
180
新しいデザインの難しさ(公開版) / Difficulties in the New Design (public ver.)
usagimaru
1
840
Memory Man v3 (WIP)
storybychad
PRO
0
2.5k
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
430
The Spectacular Lies of Maps
axbom
PRO
1
250
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
490
ビジネス成果を最大限に発揮するPORTFOLIO
ataxi1003
0
400
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
0
230
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
770
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
61k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.6k
The Invisible Side of Design
smashingmag
301
51k
Code Review Best Practice
trishagee
70
19k
Producing Creativity
orderedlist
PRO
347
40k
KATA
mclloyd
32
14k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.4k
How to train your dragon (web standard)
notwaldorf
96
6.2k
Automating Front-end Workflow
addyosmani
1370
200k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Transcript
σβΠϯೖʂॳ৺ऀͰ͑ΔσβΠϯͷίπͱςΫχοΫ
͜ͷηογϣϯͷରऀ w͜Ε͔ΒσβΠϯΛ࢝Ί͍ͨͱࢥ͍ͬͯΔํ wσβΠϯͬͯͲΜͳ෩ʹߟ͑Δͷ͔Γ͍ͨํ wݟ͍͢ࢿྉΛ࡞Γ͍͚ͨͲɺͲ͏ͨ͠Β͍ ͍ͷ͔ΜͰ͍Δํ
͜ͷηογϣϯΛฉ͍ͯ ΞΠΩϟον࡞ ςΩετ ίϛϡχέʔγϣϯ ࢿྉ࡞
ࣗݾհ /JSBʢೖࣾσβΠφʔྺʣ wσβΠφʔΞγελϯτ wܦྺ wհޢ࢜ˠ&$αΠτͷӡӦ wۀ wόφʔɺϩΰɺҹ6*σβΠϯ
ʮ༨നʯͱʮίϯτϥετʯͷ͓͠Λ͠·͢ɻ
ࠓ͓͢͠Δ͜ͱ w༨നͱίϯτϥετʹ͍ͭͯ wσβΠϯ࣮ફʂ w·ͱΊ
༨നͱίϯτϥετ
༨നͱʁ
Կͳ͍ۭനͷ෦
Կͳ͍ۭനͷ෦
w ݄ʢՐʣ w ݄ ʢՐʣ
w ݄ʢՐʣ w ݄ ʢՐʣ
༨നͷޮՌ wઢͷΘΓʹͳΓ wάϧʔϓԽʹ༗ޮ
ίϯτϥετͱʁ
গ͠ม͑Δ͜ͱͰ ͋Γ·ͤΜ
͖ͬΓͱม͑Δ͜ͱ
༨നͱίϯτϥετΛ্ख͘͏ͱʁ ͍͑ͨใΛڧௐ͠ ໌֬ʹΔ͜ͱ͕Ͱ͖·͢
Ͱɺ࣮ફʂ
Α͋͘ΔදͷσβΠϯ ໊લ ͘ΒʹΌΜ આ໌ %FWFMPQFST*0$"'&ʹ͖ͬͯͨʹΌΜ͜ɻ ΫϥεϝιουࣾһΛݟͯɺ͍͔ͭࣗϓϩάϥ ϛϯάΛͬͯΈ͍ͨͱࢥ͍ͬͯΔɻ ੑ֨ ָ͍͜͠ͱ͕େ͖
झຯ ͓ͻΔͶɺ͓͠ΌΕ
εοΩϦͨ͠ҹ ໊લ ͘ΒʹΌΜ આ໌ %FWFMPQFST*0$"'&ʹ͖ͬͯͨʹΌΜ͜ɻ ΫϥεϝιουࣾһΛݟͯɺ͍͔ͭࣗϓϩάϥ ϛϯάΛͬͯΈ͍ͨͱࢥ͍ͬͯΔɻ ੑ֨ ָ͍͜͠ͱ͕େ͖
झຯ ͓ͻΔͶɺ͓͠ΌΕ
ʴίϯτϥετ ໊લ ͘ΒʹΌΜ આ໌ %FWFMPQFST*0$"'&ʹ͖ͬͯͨʹΌΜ͜ɻ ΫϥεϝιουࣾһΛݟͯɺ͍͔ͭࣗϓϩάϥ ϛϯάΛͬͯΈ͍ͨͱࢥ͍ͬͯΔɻ ੑ֨ ָ͍͜͠ͱ͕େ͖
झຯ ͓ͻΔͶɺ͓͠ΌΕ
Α͘ݟΔදͷσβΠϯ ໊લ ͘ΒʹΌΜ આ໌ %FWFMPQFST*0$"'&ʹ͖ͬͯͨʹΌΜ͜ɻ ΫϥεϝιουࣾһΛݟͯɺ͍͔ͭࣗϓϩάϥ ϛϯάΛͬͯΈ͍ͨͱࢥ͍ͬͯΔɻ ੑ֨ ָ͍͜͠ͱ͕େ͖
झຯ ͓ͻΔͶɺ͓͠ΌΕ
ʴίϯτϥετ ໊લ ͘ΒʹΌΜ આ໌ %FWFMPQFST*0$"'&ʹ͖ͬͯͨʹΌΜ͜ɻ ΫϥεϝιουࣾһΛݟͯɺ͍͔ͭࣗϓϩάϥ ϛϯάΛͬͯΈ͍ͨͱࢥ͍ͬͯΔɻ ੑ֨ ָ͍͜͠ͱ͕େ͖
झຯ ͓ͻΔͶɺ͓͠ΌΕ
ී௨ͷϨγϐ ੜʹཛͱڇೕΛೖΕࠞͥΔ ϑϥΠύϯΛ͢Δ ੜΛͳ͕͢ ؾ๐͕ग़ͨΒͻͬ͘Γฦ͢
Ր͕௨ͬͨΒʂ ύϯέʔΩͷ࡞Γํ
ࣗવͱใ͕ೖͬͯ͘Δ ੜʹཛͱڇೕΛೖΕࠞͥΔ ϑϥΠύϯΛ͢Δ ੜΛͳ͕͢ ؾ๐͕ग़ͨΒͻͬ͘Γฦ͢
Ր͕௨ͬͨΒʂ ύϯέʔΩͷ࡞Γํ
ʴίϯτϥετ ੜʹཛͱڇೕΛೖΕࠞͥΔ ϑϥΠύϯΛ͢Δ ੜΛͳ͕͢ ؾ๐͕ग़ͨΒͻͬ͘Γฦ͢
Ր͕௨ͬͨΒʂ ύϯέʔΩͷ࡞Γํ
ී௨ͷϨγϐ ੜʹཛͱڇೕΛೖΕࠞͥΔ ϑϥΠύϯΛ͢Δ ੜΛͳ͕͢ ؾ๐͕ग़ͨΒͻͬ͘Γฦ͢
Ր͕௨ͬͨΒʂ ύϯέʔΩͷ࡞Γํ
ߦ͖ͷͳ͍༨ന͕͋Δ ੜʹཛͱڇೕΛೖΕࠞͥΔ ϑϥΠύϯΛ͢Δ ੜΛͳ͕͢ ؾ๐͕ग़ͨΒͻͬ͘Γฦ͢
Ր͕௨ͬͨΒʂ ύϯέʔΩͷ࡞Γํ
ݟ͑ͳ͍ઢΛ͏ ੜʹཛͱڇೕΛೖΕࠞͥΔ ϑϥΠύϯΛ͢Δ ੜΛͳ͕͢ ؾ๐͕ग़ͨΒͻͬ͘Γฦ͢
Ր͕௨ͬͨΒʂ ύϯέʔΩͷ࡞Γํ
༨നΛௐ͠·͠ΐ͏ )05 ϗοτίʔώʔwwwwwwwwwwwwwwwwwwwwwwwԁ ΧϑΣϥςwwwwwwwwwwwwwwwwwwwwwwwwwwwԁ $0-% ΞΠείʔώʔwwwwwwwwwwwwwwwwwwwwwwwԁ ΞΠεΧϑΣϥςwwwwwwwwwwwwwwwwwwwwwԁ
ௐՕॴͲ͜ʁ )05 ϗοτίʔώʔwwwwwwwwwwwwwwwwwwwwwww ΧϑΣϥςwwwwwwwwwwwwwwwwwwwwwwwwwww $0-% ΞΠείʔώʔwwwwwwwwwwwwwwwwwwwwwww ΞΠεΧϑΣϥςwwwwwwwwwwwwwwwwwwwww ԁ ԁ
ԁ ԁ
༨നΛௐͨ͠ͱ͜Ζ )05 ϗοτίʔώʔwwwwwwwwwwwwwwwwwwwwwww ΧϑΣϥςwwwwwwwwwwwwwwwwwwwwwwwwwww $0-% ΞΠείʔώʔwwwwwwwwwwwwwwwwwwwwwww ΞΠεΧϑΣϥςwwwwwwwwwwwwwwwwwwwww ԁ ԁ
ԁ ԁ
ʴίϯτϥετ HOT ϗοτίʔώʔwwwwwwwwwwwwwwwwwwwwwww ΧϑΣϥςwwwwwwwwwwwwwwwwwwwwwwwwwww COLD ΞΠείʔώʔwwwwwwwwwwwwwwwwwwwwwww ΞΠεΧϑΣϥςwwwwwwwwwwwwwwwwwwwww ԁ ԁ
ԁ ԁ
༨നʹ )05 ϗοτίʔώʔwwwwwwwwwwwwwwwwwwwwwwwԁ ΧϑΣϥςwwwwwwwwwwwwwwwwwwwwwwwwwwwԁ $0-% ΞΠείʔώʔwwwwwwwwwwwwwwwwwwwwwwwԁ ΞΠεΧϑΣϥςwwwwwwwwwwwwwwwwwwwwwԁ
༨നશͯಉ͡େ͖͞ )05 ϗοτίʔώʔwwwwwwwwwwwwwwwwwwwwwwwԁ ΧϑΣϥςwwwwwwwwwwwwwwwwwwwwwwwwwwwԁ $0-% ΞΠείʔώʔwwwwwwwwwwwwwwwwwwwwwwwԁ ΞΠεΧϑΣϥςwwwwwwwwwwwwwwwwwwwwwԁ
༨നΛͬͯάϧʔϓԽ HOT ϗοτίʔώʔwwwwwwwwwwwwwwwwwwwwwww ΧϑΣϥςwwwwwwwwwwwwwwwwwwwwwwwwwww COLD ΞΠείʔώʔwwwwwwwwwwwwwwwwwwwwwww ΞΠεΧϑΣϥςwwwwwwwwwwwwwwwwwwwww ԁ ԁ
ԁ ԁ
·ͱΊ
·ͱΊ w༨നઢͷΘΓʹͳΔ w༨നάϧʔϓԽΛ͢Δ wίϯτϥετࢹ֮ΛҾ͖͚ͭΔ
֬ೝ͠Α͏ʂ wઢΛ༻͠ɺใځ۶ʹͳ͍ͬͯͳ ͍͔ wཁૉͱཁૉͷؒʹແବͳ༨നͳ͍͔ wίϯτϥετ͍͍ͭͯΔ͔
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ