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
1.3k
デザイン入門!初心者でも使えるデザインのコツとテクニック
fujita
April 17, 2023
Tweet
Share
Other Decks in Design
See All in Design
Les petites aventures de CSS, saison 2025
goetter
3
4k
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
930
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
6
71k
セブンデックス カルチャーブック
sevendex
0
4.9k
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
720
Generating Momentum | Yasuhiro Yokota
yasuhiroyokota
1
270
Дизайн современной услуги с Картой процесса-опыта
ashapiro
0
120
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 移動・不動産領域の取り組み
tmtgtkhs
0
210
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
1.6k
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
280
急成長中のWINTICKETにおける ちいさくはじめるライティング改善 / winticket-writing
cyberagentdevelopers
PRO
1
290
HCDフォーラム2024 「HCDとHAI ~人間とAIが共存する世界の実現~」
kamechi7222222
0
310
Featured
See All Featured
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
The Cost Of JavaScript in 2023
addyosmani
47
7.5k
Testing 201, or: Great Expectations
jmmastey
42
7.2k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
Side Projects
sachag
452
42k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.4k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
A better future with KSS
kneath
238
17k
Facilitating Awesome Meetings
lara
53
6.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ίϯτϥετ͍͍ͭͯΔ͔
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ