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
Project Design #01
Search
Masateru YOSHIMURA
June 02, 2020
Design
0
2.5k
Project Design #01
Masateru YOSHIMURA
June 02, 2020
Tweet
Share
More Decks by Masateru YOSHIMURA
See All by Masateru YOSHIMURA
Digital Design 2022-02
mathatelle
0
370
Digital Design 2022-01
mathatelle
0
270
Yoshimura Lab. 2022
mathatelle
0
1.3k
create-website-html-2021
mathatelle
0
150
Multiple pages
mathatelle
0
700
How to design the individual page
mathatelle
1
100
CodePen: Making your portfolio 2021
mathatelle
0
150
single page
mathatelle
0
880
How to optimize images for Better Web Design
mathatelle
0
2.1k
Other Decks in Design
See All in Design
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
2.8k
#Dubois Challenge 2025: Economics
ajstarks
1
180
The Spectacular Lies of Maps
axbom
PRO
1
300
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
160
1年目デザイナーが実践する、チーム貢献のための2つのアプローチ
kinomidesign
0
110
デザイナー向けフライル説明資料
toshiblues
0
160
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
210
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
bitkey
PRO
0
200
CursorでAI活用のナレッジベースを構築する
kanzaki
0
740
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう!
connecre
1
130
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
0
150
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.6k
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
GraphQLとの向き合い方2022年版
quramy
49
14k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
890
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Music & Morning Musume
bryan
46
6.8k
Building Adaptive Systems
keathley
43
2.8k
A designer walks into a library…
pauljervisheath
209
24k
Docker and Python
trallard
46
3.6k
RailsConf 2023
tenderlove
30
1.2k
It's Worth the Effort
3n
187
28k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Transcript
ϓϩδΣΫ τ ɾ σβΠϯԋश
͏·͍͘͘Α͏ʹΛڽΒ͢͜ͱɻ σβΠϯͱʁ w ͭ·ΓɺΛͯ͠Λղܾ͢Δ͜ͱ w ͦͷΛٻ͢ΔͱɺݟͨΛ͑Δ͜ͱ͕ଟ͘ͳΔ w ܗ͕ඒ͘͠ͳΔͷɺ͋͘·Ͱ݁Ռ
σβΠϯͷྫ
IUUQTUXJUUFSDPNUTVKJ@GBSNTUBUVT
None
ʹإͷਤҊΛࢪͨ͠Βɺ ഇغ͍ͯͨ͠ͷ͕ചΕΔΑ͏ʹͳͬͨʂ ͨ͠Βʜ ͏·͍ͬͨ͘ʂ͕ղܾͨ͠ʂ ͨ͠ˠ͏·͍ͬͨ͘ʂ ͕σβΠϯ
͜ͷେࠜͷแͷਤҊ࡞ʹ ߴͳٕज़ඞཁͰ͔͢ʁ ॏཁͳͷ ࢥ͍͍ͨΞΠσΞΛ͙͢ʹͬͯΈΔ͜ͱ
͜Μͳઌೖ؍͋Γ·ͤΜ͔ʁ ʮσβΠϯಛผͳೳྗͷ͋Δਓ͕͢Δ͜ͱͩʯ ͦΕҧ͏ͷͰ͢
IUUQTUXJUUFSDPNTQJDBHSBQITUBUVT
σβΠϯ୭ʹͰͰ͖Δ͜ͱͰ͢ɻ ͋ͳ͕ͨσβΠϯΛ͢Ε ੈքͲΜͲΜɺΑΓྑ͘ͳΓ·͢ɻ ͜ͷतۀͰɺ σβΠϯΛۦͯ͠ϓϩδΣΫτʹ औΓΜͰΒ͍·͢ɻ
ςʔϚɿΦʔϓϯΩϟϯύε
৽ܕίϩφΟϧεײછͷӨڹʹΑΓ ݄ݱࡏɺେֶͰͷΦʔϓϯΩϟϯύε͕ ࣮ࢪͰ͖ͳ͍ঢ়گʹ͋Γ·͢ɻ ߴߍੜอޢऀʹେֶͷ͜ͱΛͬͯΒ͑Δ وॏͳػձ͕ࣦΘΕ͍ͯ·͢ɻ ղܾ͍ͨ͠՝
ͦ͜Ͱɺ ͜Ε·ͰͷΦʔϓϯΩϟϯύεͷΘΓͱͳΔ اըΛཱҊ͍ͯͩ͘͠͞ɻ
ΞΠσΞΛੜΈग़ͨ͢Ίʹɺ ·ͣɺௐΔɻ
w ͜Ε·ͰͷΦʔϓϯΩϟϯύεͷ࠵͠ͲͷΑ͏ͳͷ͔ w ͳͥͦͷΑ͏ͳ࠵͠Λ͍ͯͨ͠ͷ͔ w ݱࡏɺࣗͷେֶͲͷΑ͏ʹ͍ͯ͠Δ͔ w ଞͷେֶͲͷΑ͏ʹ͍ͯ͠Δ͔ w ྨࣅͷ՝ʢ࠾༻׆ಈ͕Ͱ͖ͳ͍اۀɺϥΠϒ͕Ͱ͖ͳ͍ϛϡʔδγϟϯͳͲʣͰ
ͲͷΑ͏ʹ͍ͯ͠Δ͔ w ྨࣅͷཁҼʢίϩφΠϧεʣͷӨڹΛड͚͍ͯΔͱ͜Ζ͕ੜΈग़͠ ͨΞΠσΞʹͲͷΑ͏ͳͷ͕͋Δ͔ʢྫ͑ςΠΫΞτʣ ௐࠪʢϦαʔνʣ
ௐΕɺΞΠσΞࣗવͱ߱Γͯ͘Δɻ ྫ͑ɺ σϦόϦʔͱΦʔϓϯΩϟϯύεΛΈ߹Θͤͯ ʮΦʔϓϯΩϟϯύεΛग़લ͠·͢ʯ
ͨ͘͞ΜௐͨΒɺͦΕΛ·ͱΊΑ͏ɻ ·ͱΊΔͱɺ୭͔ͱڞ༗Ͱ͖ΔΑ͏ʹͳΔɻ ڞ༗͢Δͱɺ͞ΒʹΞΠσΞͻΖ͕Δɻ ࣍ͷϖʔδͷΑ͏ʹϦαʔνͨ͠ͷΛ ·ͱΊ͍ͯ͜͏ɻ͜ΕΛϨϙʔτͱͯ͠ ఏग़ͯ͠Β͍·͢ɻ
খࢢͷߴߍੜ͕ςΠΫΞτͷใΛ·ͱΊͨ αΠτΛ։ઃ ৽ܕίϩφΠϧεͷײછ֦େͰɺҿ৯ళ͕ۤڥʹཱͨ͞ΕΔதɺখࢢ ͷएڱߴ̏ͷଜٶࣚᣦ͞Μʢ̍̓ʣ͕ɺಉࢢͳͲͷ৯ςʔΫΞτ ൢใΛ·ͱΊͨαΠτΛωοτ্ʹ্ཱͪ͛ͨɻ ײછ֦େͰ֎ग़ࣗॗ͕ٻΊΒΕΔதɺҬࢢຽͷखॿ͚ʹͳΔ͜ͱ͕ Ͱ͖ͳ͍͔ͱߟ͍͑ͯͨɻͦΜͳ࣌ʹςʔΫΞτใΛ·ͱΊͨαΠτ ͕͋Δ͜ͱΛΓɺখ൛Λ࡞Ζ͏ͱࢥཱ͍ͬͨɻ ʮϑΣΠεϒοΫʯʹʮ৯ͷ·ͪখςΠΫΞτใʯΛ։ઃɻਫ਼ ళͷหൢചɺίϝͷྉແྉαʔϏεͳͲܭ̍̏݅Λܝࡌ͍ͯ͠Δɻ
͜ͷαΠτΛΓɺٳۀΛऔΓΊͯ࣋ͪؼΓΛ࢝Ίͨҿ৯ళ͋Δͱ͍ ͏ɻαΠτΛ௨ͯ͡ʮΠϯελϯτ৯ͱҧ͏ɺ৯ͷ·ͪখͳΒͰ ͷྉཧ৯ࡐ͕͋Δ͜ͱΛൃ৴͍ͨ͠ʯͱྗڧ͘ޠͬͨɻ Ҫ৽ฉ݄
খࢢͷߴߍੜ͕ςΠΫΞτͷใΛ·ͱΊͨ αΠτΛ։ઃ Ҫ৽ฉ݄ ৽ܕίϩφΠϧεͷײછ֦େͰɺҿ৯ళ͕ۤڥʹཱͨ͞ΕΔதɺখࢢ ͷएڱߴ̏ͷଜٶࣚᣦ͞Μʢ̍̓ʣ͕ɺಉࢢͳͲͷ৯ςʔΫΞτ ൢใΛ·ͱΊͨαΠτΛωοτ্ʹ্ཱͪ͛ͨɻ ײછ֦େͰ֎ग़ࣗॗ͕ٻΊΒΕΔதɺҬࢢຽͷखॿ͚ʹͳΔ͜ͱ͕ Ͱ͖ͳ͍͔ͱߟ͍͑ͯͨɻͦΜͳ࣌ʹςʔΫΞτใΛ·ͱΊͨαΠτ ͕͋Δ͜ͱΛΓɺখ൛Λ࡞Ζ͏ͱࢥཱ͍ͬͨɻ ʮϑΣΠεϒοΫʯʹʮ৯ͷ·ͪখςΠΫΞτใʯΛ։ઃɻਫ਼
ళͷหൢചɺίϝͷྉແྉαʔϏεͳͲܭ̍̏݅Λܝࡌ͍ͯ͠Δɻ ͜ͷαΠτΛΓɺٳۀΛऔΓΊͯ࣋ͪؼΓΛ࢝Ίͨҿ৯ళ͋Δͱ͍ ͏ɻαΠτΛ௨ͯ͡ʮΠϯελϯτ৯ͱҧ͏ɺ৯ͷ·ͪখͳΒͰ ͷྉཧ৯ࡐ͕͋Δ͜ͱΛൃ৴͍ͨ͠ʯͱྗڧ͘ޠͬͨɻ ᶃλΠτϧΛ͚ͭΔ ᶄཁ͢ΔʢจࣈҎʣ ᶆҾ༻ݩΛࣔ͢ 8FCαΠτͰ͋Ε63-ɺ ৽ฉࡶࢽͰ͋Εൃߦॻ͘ ᶅࣸਅεΫγϣΛͦ͑Δͱ Θ͔Γ͘͢ͳΔ