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
fujita
April 17, 2023
Design
0
980
デザイン入門!初心者でも使えるデザインのコツとテクニック
fujita
April 17, 2023
Tweet
Share
Other Decks in Design
See All in Design
Resolving text accessibility dilemmas in UIs
romanshamin
0
130
BtoB SaaS Design Conference 登壇資料 Cloudbase LT
narizuka
0
480
Portfolio 2023.07.28
helemarudesu
0
570
Jeremy's First Day
myates3
1
130
意志と、デザインと、ときどきお金
transit_kix
2
2.2k
社内管理画面のデザインもプロダクトデザイン
takanorip
4
730
全社を巻き込んだコーポレートバリューの再定義に関するデザイナーの関わり方
sugiyama_sukedachi
0
170
UIをもたらすコンテクストの考察
securecat
9
2.5k
事業戦略と組織のビジョンデザイン〜デザイン的アプローチで事業・組織づくりにどう取り組んでいるかのリアル〜
jdesign_tokyo
1
380
言語やロールの違いを超えて、一緒にデザインしていくための挑戦
hrtnde
0
1.3k
B/43プラスカードができるまで
putchomsmartbank
0
470
みてね デザイン組織の変遷とデザインマネージャーの振り返り
naoyawatanabe
3
600
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
59
5k
Build The Right Thing And Hit Your Dates
maggiecrowley
23
2k
The Pragmatic Product Professional
lauravandoore
24
5.8k
Six Lessons from altMBA
skipperchong
20
3k
Making the Leap to Tech Lead
cromwellryan
123
8.5k
We Have a Design System, Now What?
morganepeng
42
6.7k
The Art of Programming - Codeland 2020
erikaheidi
41
12k
Building Better People: How to give real-time feedback that sticks.
wjessup
354
18k
Why You Should Never Use an ORM
jnunemaker
PRO
50
8.6k
Rebuilding a faster, lazier Slack
samanthasiow
72
8.2k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Optimising Largest Contentful Paint
csswizardry
7
2.3k
Transcript
$9ࣄۀຊ෦%FMJWFSZ෦σβΠϯνʔϜ ౻ాՖས σβΠϯೖʂॳ৺ऀͰ͑ΔσβΠϯͷίπͱςΫχοΫ
͜ͷηογϣϯͷରऀ w͜Ε͔ΒσβΠϯΛ࢝Ί͍ͨͱࢥ͍ͬͯΔํ wσβΠϯͬͯͲΜͳ෩ʹߟ͑Δͷ͔Γ͍ͨํ wݟ͍͢ࢿྉΛ࡞Γ͍͚ͨͲɺͲ͏ͨ͠Β͍ ͍ͷ͔ΜͰ͍Δํ
͜ͷηογϣϯΛฉ͍ͯ ΞΠΩϟον࡞ ςΩετ ίϛϡχέʔγϣϯ ࢿྉ࡞
ࣗݾհ ౻ాՖསʢೖࣾσβΠφʔྺʣ 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ίϯτϥετ͍͍ͭͯΔ͔
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ