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
990
ecs-cliを使った ECSへの自動デプロイシステムの構築
ushinji0612
0
550
グルーピングを意識したデザインのススメ
ushinji0612
0
230
「Effective Ruby」を読んでruby初心者を脱却を目指した話 - meguro.rb#17_2018/07/31
ushinji0612
0
170
なぜGitもHTTPも知らなかった 金融系SIerがWebエンジニアに 転職できたのか?
ushinji0612
0
1.5k
新規事業開発のエンジニアとして必要なこと 2018/07/01 - 貴族会LT
ushinji0612
1
93
Rails_5.2_新機能Credentialsを使ってみた.pdf
ushinji0612
0
60
Other Decks in Design
See All in Design
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
340
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
yamamotoyuta
1
360
kintone_aroma
kintone
0
1.1k
アイデアを加速させる!Firefly ボードで発想の幅を広げよう
connecre
1
260
文化のデザイン - Soft Impact of Design
atsushihomma
0
120
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか?
fuwarisprit
3
2k
Diverse Design Team Deck
diverse
0
300
デザインを信じていますか
sekiguchiy
1
760
OJTで学んだ 「心を動かす」ファシリテーション
saki822
1
200
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう!
connecre
1
200
ドルちゃん
design_dolphins
0
520
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
root_recruit
0
250
Featured
See All Featured
How to Talk to Developers About Accessibility
jct
1
94
What the history of the web can teach us about the future of AI
inesmontani
PRO
0
390
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
400
4 Signs Your Business is Dying
shpigford
187
22k
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.3k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Fireside Chat
paigeccino
41
3.8k
Technical Leadership for Architectural Decision Making
baasie
0
200
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
1.8k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
350
How to make the Groovebox
asonas
2
1.9k
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
410
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