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
shinji.uyama
November 30, 2018
Design
130
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
【デザイン初心者向け】まずは押さえておきたい デザインの基本のキ!
shinji.uyama
November 30, 2018
More Decks by shinji.uyama
See All by shinji.uyama
2019/10/29 CircleCIでCI入門
ushinji0612
0
200
`rails db:migrate`を使わない スキーマ変更を経験して学んだこと
ushinji0612
1
1k
ecs-cliを使った ECSへの自動デプロイシステムの構築
ushinji0612
0
560
グルーピングを意識したデザインのススメ
ushinji0612
0
240
「Effective Ruby」を読んでruby初心者を脱却を目指した話 - meguro.rb#17_2018/07/31
ushinji0612
0
170
なぜGitもHTTPも知らなかった 金融系SIerがWebエンジニアに 転職できたのか?
ushinji0612
0
1.6k
新規事業開発のエンジニアとして必要なこと 2018/07/01 - 貴族会LT
ushinji0612
1
99
Rails_5.2_新機能Credentialsを使ってみた.pdf
ushinji0612
0
65
Other Decks in Design
See All in Design
タイル紹介サイト「タイルだもんで」
calpin
0
150
デザインとフロントエンドの境界が融ける Claude Code × Figma
littlebusters
1
2.9k
エンジニアがAI活用してスライドデザインできる世界が来たよ!
kaikou
1
270
TUNAG BOOK 2024
stmn
PRO
0
1.6k
Mandalyn_DT5001_FinalAssignment.pdf
lynteo
0
230
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
karad
0
140
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
koyaman
1
1.9k
図面資産×AI 眠れる資産を起こす挑戦
aonomasahiro
0
140
全員がアウトプットを出せる時代、 誰を採用する?
nishame
0
570
I.A. como meio, não como fim. Como avaliar o valor entregue?
videlvequio
0
360
20251217リビングラボ・トークin尼崎(尼崎おせっかい会議&オトナテラコヤ)
a2k
0
130
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
kumanoayumi
6
1.1k
Featured
See All Featured
30 Presentation Tips
portentint
PRO
1
320
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
550
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
6k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.8k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.8k
The SEO identity crisis: Don't let AI make you average
varn
0
480
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
480
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
apolaine
1
340
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Writing Fast Ruby
sferik
630
63k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
The Invisible Side of Design
smashingmag
302
52k
Transcript
·ͣԡ͓͖͍͑ͯͨ͞ σβΠϯͷجຊͷΩʂ ۚ αϙʔλʔζษڧձ TIJOKJVZBNB!V@TIJOKJ σβΠϯॳ৺ऀ͚
ࣗݾհ TIJOKJVZBNB !V@TIJOKJ w ۚ༥ܥ4*FSʹ৽ଔೖࣾ w ΞσΟογϡגࣜձࣾδϣΠϯ ݄ ݄ $
लؙ &YFDM 3VCZPO3BJMT 3FBDUKT 8FC&OHJOFFS ϊϯσβΠφʔ ॏཁ
αϙʔλʔζͷΩϟϦΞࢧԉͰస৬͠·ͨ͠ʂ ҙɿͷ໊લΛग़ͯ͠ɺʹ͓ۚೖΓ·ͤΜ
ࠓճͷςʔϚ σβΠϯ
σβΠϯΛ ৗͰؾʹ͍ͯ͠·͔͢ʁʁ
σβΠϯͬͯେࣄ
σβΠϯ ͩͱɺࣗࢥ͍ͬͯΔɻ ͍͑ͨใ͍Λɺ ΑΓޮՌతʹɺັྗతʹ͑ΔεΩϧ
ͲΜͳʹྑ͍αʔϏεͰɺ ɾ͍ํ͕͔Βͳ͍ ɾ͍͍ͨͱࢥΘͳ͍ ͱࢥΘΕΔͱҙຯ͕ͳ͍
ͲΜͳʹྑ͍αʔϏεͰɺ ɾ͍ํ͕͔Βͳ͍ ɾ͍͍ͨͱࢥΘͳ͍ ͱࢥΘΕΔͱҙຯ͕ͳ͍ ΤϯδχΞσβΠϯͷॏཁੑΛͬͯཉ͍͠ʂʂ
σβΠϯεΩϧ ৬छΛΘ͓ͣ࣋ͬͯ͘ͱཱͭ ϓϨθϯࢿྉ υΩϡϝϯτ࡞
Ͱɻɻɻ
σβΠϯେࣄͱݴΘΕͯɺ σβΠϯͷֶͼํ͕͔Βͳ͍
σβΠϯεΩϧΛ৳͍ͨ͠ͱࢥ͍ͬͯΔ͚Ͳ Կ͔Βֶྑ͍͔͔Βͳ͍σβΠϯॳ৺ऀ ࠓճͷରϢʔβʔ
σβΠϯεΩϧΛ৳͍ͨ͠ͱࢥ͍ͬͯΔ͚Ͳ Կ͔Βֶྑ͍͔͔Βͳ͍σβΠϯॳ৺ऀ ࠓճͷରϢʔβʔ ̍લͷࣗʹ͍͑ͨʂʂ
࣍ w σβΠϯͷ̐ͭجຊݪଇ ۙ ྻ ෮ ίϯτϥετ w ࣮ફdೖྗϑΥʔϜͷσβΠϯ
σβΠϯͷ̐ͭͷجຊݪଇ
σβΠϯʹɺ جຊݪଇ͕͋Γ·͢
ྑ͍σβΠϯɺ ̐ͭͷجຊݪଇ͕ϕʔεʹ͋Γ·͢
ͳͷͰɺσβΠϯॳ৺ऀɺ σβΠϯͷͭجຊݪଇΛ ʹ͚ͭΑ͏ʂʂ
σβΠϯͷ̐ͭͷجຊݪଇ ࢀߟ IUUQUPNPZVLJBSBTVOBDPNNBLFJNBHFT ҟͳΔཁૉɺ͖ͬΓͱҟͳΒͤΔ ίϯτϥετ ཁૉʹҰ؏ੑΛ࣋ͨͤΔ ෮ ؔ࿈ཁૉ͚ۙͮɺͦ͏Ͱͳ͚Ε͢ ۙ શͯͷཁૉΛҙࣝతʹஔ͢Δ
ྻ
ࢀߟ IUUQUPNPZVLJBSBTVOBDPNNBLFJNBHFT ҟͳΔཁૉɺ͖ͬΓͱҟͳΒͤΔ ίϯτϥετ ཁૉʹҰ؏ੑΛ࣋ͨͤΔ ෮ ؔ࿈ཁૉ͚ۙͮɺͦ͏Ͱͳ͚Ε͢ ۙ શͯͷཁૉΛҙࣝతʹஔ͢Δ ྻ
σβΠϯͷ̐ͭͷجຊݪଇ
ۙ
ؔ࿈ཁૉ͚ۙͮɺͦ͏Ͱͳ͚Ε͢ ۙ
ۙ ͍ۙཁૉؔ࿈͕͋Δͱਓؒແҙࣝʹஅ
ۙ ͍ۙཁૉؔ࿈͕͋Δͱਓؒແҙࣝʹஅ
ۙ ͍ۙཁૉؔ࿈͕͋Δͱਓؒແҙࣝʹஅ ˒ϙΠϯτʮ༨നʯ
ྫ͑ɺೖྗϑΥʔϜ
ۙ
ѱ͍ྫ ֤ཁૉ͕ີू͍ͯ͠ΔͨΊɺ ؔ࿈ੑΛೝࣝͣ͠Β͍ ྑ͍ྫ ༨നΛ͏·͘͏͜ͱͰɺ ֤ཁૉͷؔ࿈ੑΛ؆୯ʹೝࣝͰ͖Δ ۙ
σβΠϯͷ̐ͭͷجຊݪଇ ࢀߟ IUUQUPNPZVLJBSBTVOBDPNNBLFJNBHFT ҟͳΔཁૉɺ͖ͬΓͱҟͳΒͤΔ ίϯτϥετ ཁૉʹҰ؏ੑΛ࣋ͨͤΔ ෮ ؔ࿈ཁૉ͚ۙͮɺͦ͏Ͱͳ͚Ε͢ ۙ શͯͷཁૉΛҙࣝతʹஔ͢Δ
ྻ
σβΠϯͷ̐ͭͷجຊݪଇ ࢀߟ IUUQUPNPZVLJBSBTVOBDPNNBLFJNBHFT ҟͳΔཁૉɺ͖ͬΓͱҟͳΒͤΔ ίϯτϥετ ཁૉʹҰ؏ੑΛ࣋ͨͤΔ ෮ ؔ࿈ཁૉ͚ۙͮɺͦ͏Ͱͳ͚Ε͢ ۙ શͯͷཁૉΛҙࣝతʹஔ͢Δ
ྻ
ྻ
શͯͷཁૉΛҙࣝతʹஔ͠ͳ͚ΕͳΒͳ͍ ྻ
ྫ͑ɺ໊ͷϨΠΞτ
ྻ
ྻ ѱ͍ྫ ྑ͍ྫ
ྻ ѱ͍ྫ
ྻ ྑ͍ྫ
ྻ ྑ͍ྫ
σβΠϯͷ̐ͭͷجຊݪଇ ࢀߟ IUUQUPNPZVLJBSBTVOBDPNNBLFJNBHFT ҟͳΔཁૉɺ͖ͬΓͱҟͳΒͤΔ ίϯτϥετ ཁૉʹҰ؏ੑΛ࣋ͨͤΔ ෮ ؔ࿈ཁૉ͚ۙͮɺͦ͏Ͱͳ͚Ε͢ ۙ શͯͷཁૉΛҙࣝతʹஔ͢Δ
ྻ
σβΠϯͷ̐ͭͷجຊݪଇ ࢀߟ IUUQUPNPZVLJBSBTVOBDPNNBLFJNBHFT ҟͳΔཁૉɺ͖ͬΓͱҟͳΒͤΔ ίϯτϥετ ཁૉʹҰ؏ੑΛ࣋ͨͤΔ ෮ ؔ࿈ཁૉ͚ۙͮɺͦ͏Ͱͳ͚Ε͢ ۙ શͯͷཁૉΛҙࣝతʹஔ͢Δ
ྻ
෮
ཁૉͷಛʹҰ؏ੑΛ࣋ͨͤΔ ෮
ྫ͑ɺϥϯνϝχϡʔ
෮ ѱ͍ྫ
ྑ͍ྫ ෮
෮ ѱ͍ྫ ྑ͍ྫ
ΞΫηϯτΛ͚ΔͱɺΑΓ෮ΛҙࣝͰ͖Δ ΞϯμʔϥΠϯΛҾ͍ͯΈΔ ৭ͰΞΫηϯτΛ͚ͯΈΔ
σβΠϯͷ̐ͭͷجຊݪଇ ࢀߟ IUUQUPNPZVLJBSBTVOBDPNNBLFJNBHFT ҟͳΔཁૉɺ͖ͬΓͱҟͳΒͤΔ ίϯτϥετ ཁૉʹҰ؏ੑΛ࣋ͨͤΔ ෮ ؔ࿈ཁૉ͚ۙͮɺͦ͏Ͱͳ͚Ε͢ ۙ શͯͷཁૉΛҙࣝతʹஔ͢Δ
ྻ
σβΠϯͷ̐ͭͷجຊݪଇ ࢀߟ IUUQUPNPZVLJBSBTVOBDPNNBLFJNBHFT ҟͳΔཁૉɺ͖ͬΓͱҟͳΒͤΔ ίϯτϥετ ཁૉʹҰ؏ੑΛ࣋ͨͤΔ ෮ ؔ࿈ཁૉ͚ۙͮɺͦ͏Ͱͳ͚Ε͢ ۙ શͯͷཁૉΛҙࣝతʹஔ͢Δ
ྻ
ίϯτϥετ
ҟͳΔཁૉɺ͖ͬΓͱҟͳΒͤΔ ίϯτϥετ
ྫ͑ɺհϖʔδ
None
ѱ͍ྫ ίϯτϥετΛҙ͍ࣝͯ͠ͳ͍ྫ ⁞ίϯτϥετ͕ͳ͍ͨΊ ɹݟΔଆͷ͕ऒ͔Εͳ͍ શͯͷཁૉͷσβΠϯ͕ಉ͡ ɹͨΊݟΔॱ൪͕͔Βͳ͍
None
ίϯτϥετΛҙࣝͨ͠ྫ ⁞λΠτϧʹίϯτϥετ ɹΛ͚ͯΛऒ͘σβΠϯʹ λΠτϧʹͤͯ͞ ɹݟΔ͖ॱ൪͕͔Δ ྑ͍ྫ
ίϯτϥετΛ͚Δํ๏ͷྫ จࣈ৭ ϑΥϯτΛม͑Δ എܠ৭ͱനൈ͖Ͱදݱ
σβΠϯͷ̐ͭͷجຊݪଇ ࢀߟ IUUQUPNPZVLJBSBTVOBDPNNBLFJNBHFT ҟͳΔཁૉɺ͖ͬΓͱҟͳΒͤΔ ίϯτϥετ ཁૉʹҰ؏ੑΛ࣋ͨͤΔ ෮ ؔ࿈ཁૉ͚ۙͮɺͦ͏Ͱͳ͚Ε͢ ۙ શͯͷཁૉΛҙࣝతʹஔ͢Δ
ྻ
࣮ફ
Πϯϓοτେࣄ͚ͩͲɺ Ξτϓοτେࣄʂʂ
σβΠϯͷ̐ͭͷݪଇΛ ࣮ࡍʹσβΠϯʹద༻ͯ͠Έ·͠ΐ͏ʂ
ʙࠓճͷࡐʙ ΞΧϯτ৽ن࡞ϑΥʔϜ
࣮ફλΠϜʂ
࣮ફΛ௨ͯ͠ɺ σβΠϯͷ̐ͭͷݪଇΛ σβΠϯʹద༻͢ΔମݧΛͯ͠Έ·ͨ͠
՝ʢҙʣ ࣮ફͰߦͳͬͨσβΠϯͷमਖ਼ʹؔͯ͠ ɾ۩ମతʹͲΜͳσβΠϯͷमਖ਼Λߦͬͨͷ͔ʁ ɾͦͷमਖ਼ɺσβΠϯͷݪଇͷͲΕΛͬͨͷ͔ʁ Λઆ໌͢ΔΞτϓοτͯ͠Լ͍͞ɻ
·ͱΊ
σβΠϯͷ̐ͭͷجຊݪଇ ࢀߟ IUUQUPNPZVLJBSBTVOBDPNNBLFJNBHFT ҟͳΔཁૉɺ͖ͬΓͱҟͳΒͤΔ ίϯτϥετ ཁૉʹҰ؏ੑΛ࣋ͨͤΔ ෮ ؔ࿈ཁૉ͚ۙͮɺͦ͏Ͱͳ͚Ε͢ ۙ શͯͷཁૉΛҙࣝతʹஔ͢Δ
ྻ
͓͢͢Ίຊ
ϊϯσβΠφʔζɾσβΠϯϒοΫ wάϥϑΟοΫσβΠϯͷ໊ஶ wσβΠϯͷʰͭͷجຊݪଇʱͷղઆ σβΠϯεΩϧޙఱతʹ৳ͤΔ ͱࢥΘͤͯ͘ΕͨҰ ɾ
͍͚ͬͯͳ͍σβΠϯ ͍ͭͬͯ͠·͏ʮΠϚΠνͳσβΠϯʯͱ ʮྑ͍σβΠϯʯͷରൺ͕͔Γ͍͢ ɾ νϥγɺϙελʔɺϓϨθϯࢿྉͳͲ αϯϓϧྫ͕๛Ͱॳ৺ऀʹಡΈ͍͢ ɾ
͍͞͝ʹʜ
ʑͷੜ׆ͷதͰɺ σβΠϯͷ̐ͭͷݪଇΛҙࣝͯ͠ΈΔ͚ͩͰɺ ݟ͑Δੈք͕มΘΔͱࢥ͍·͢ʂʂ
-FU`T&OKPZ%FTJHOTNPSF