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
1
120
【デザイン初心者向け】まずは押さえておきたい デザインの基本のキ!
shinji.uyama
November 30, 2018
Tweet
Share
More Decks by shinji.uyama
See All by shinji.uyama
2019/10/29 CircleCIでCI入門
ushinji0612
0
190
`rails db:migrate`を使わない スキーマ変更を経験して学んだこと
ushinji0612
1
980
ecs-cliを使った ECSへの自動デプロイシステムの構築
ushinji0612
0
550
グルーピングを意識したデザインのススメ
ushinji0612
0
230
「Effective Ruby」を読んでruby初心者を脱却を目指した話 - meguro.rb#17_2018/07/31
ushinji0612
0
160
なぜGitもHTTPも知らなかった 金融系SIerがWebエンジニアに 転職できたのか?
ushinji0612
0
1.5k
新規事業開発のエンジニアとして必要なこと 2018/07/01 - 貴族会LT
ushinji0612
1
92
Rails_5.2_新機能Credentialsを使ってみた.pdf
ushinji0612
0
59
Other Decks in Design
See All in Design
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
tame
0
310
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.5k
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
590
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
550
Designing User Experience through Interaction Design
lycorptech_jp
PRO
0
440
【最新】マズロー安達の弟子実績(1期-6期の37人分)
maslow_akkun
0
3.5k
What makes a great Director?
_limex_
0
340
「自分の仕事はどこまで?」と問い続けたら。デザイナーの「視座」を考える
mukai_takeru
0
230
アクセシビリティに取り組むメリット
magi1125
2
280
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
4.6k
Yumika Yamada Portfolio
yumii
0
2.3k
【MIXI MEETUP!ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏:デザイナーが語るプロダクト誕生秘話
mixi_design
PRO
0
160
Featured
See All Featured
Context Engineering - Making Every Token Count
addyosmani
9
380
Docker and Python
trallard
46
3.6k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.1k
Designing for humans not robots
tammielis
254
26k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
320
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
Why You Should Never Use an ORM
jnunemaker
PRO
60
9.6k
A better future with KSS
kneath
239
18k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
33
1.8k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
31
2.7k
It's Worth the Effort
3n
187
28k
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