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
What is the design
Search
Masateru YOSHIMURA
September 24, 2020
Design
2
310
What is the design
関連
https://www.youtube.com/watch?v=fbLRmCQrn18
Masateru YOSHIMURA
September 24, 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
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
160
アクセシビリティに取り組むメリット
magi1125
2
260
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
160
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
350
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
190
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
tame
0
260
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
1.8k
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
3.6k
mento Design Team Portfolio
mento0fficial
1
820
1年目デザイナーが実践する、チーム貢献のための2つのアプローチ
kinomidesign
0
110
Bulletproof Design System with TypeScript
takanorip
7
4.1k
デザイナーがAIを使い倒して爆速プロダクト開発!社内ハッカソンでの取り組み紹介
abokadotyann
8
2k
Featured
See All Featured
Visualization
eitanlees
148
16k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
Into the Great Unknown - MozCon
thekraken
40
2.1k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.1k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Code Reviewing Like a Champion
maltzj
525
40k
We Have a Design System, Now What?
morganepeng
53
7.8k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Transcript
σβΠϯ֓
σβΠϯͱʁ
͏·͍͘͘Α͏ʹΛڽΒ͢͜ͱɻ σβΠϯͱʁ w ͭ·ΓɺΛͯ͠Λղܾ͢Δ͜ͱ w ΛॏͶΔͱɺͲΜͲΜΘΓ͘͢ͳΔ w ͦͷΛٻ͢ΔͱɺݟͨΛ͑Δ͜ͱ͕ଟ͘ͳΔ w ܗ͕ඒ͘͠ͳΔͷɺ͋͘·Ͱ݁Ռ
σβΠϯͷྫ
IUUQTUXJUUFSDPNUTVKJ@GBSNTUBUVT
None
ʹإͷਤҊΛࢪͨ͠Βɺ ഇغ͍ͯͨ͠ͷ͕ചΕΔΑ͏ʹͳͬͨʂ ͨ͠Βʜ ͏·͍ͬͨ͘ʂ͕ղܾͨ͠ʂ ͨ͠ˠ͏·͍ͬͨ͘ʂ ͕σβΠϯ
͜ͷେࠜͷแͷਤҊ࡞ʹ ߴͳٕज़ඞཁͰ͔͢ʁ ॏཁͳͷ ࢥ͍͍ͨΞΠσΞΛ͙͢ʹͬͯΈΔ͜ͱ
͜Μͳઌೖ؍͋Γ·ͤΜ͔ʁ ʮσβΠϯಛผͳೳྗͷ͋Δਓ͕͢Δ͜ͱͩʯ ͦΕҧ͏ͷͰ͢
IUUQTUXJUUFSDPNTQJDBHSBQITUBUVT
σβΠϯ୭ʹͰͰ͖Δ͜ͱͰ͢ɻ ͋ͳ͕ͨσβΠϯΛ͢Εɺ ੈքͲΜͲΜΑΓྑ͘ͳΓ·͢ɻ
σβΠϯʹ༷ʑͳΓํ͕͋Γ·͢ɻ ݴ༿ɺύϑΥʔϚϯεɺ੩ࢭըʢΠϥετɺࣸਅʣɺಈըͳͲͳͲɻ ͦΕΒͷࣝͷੵΈॏͶ͕ɺηϯεʹͳΓ·͢ɻ ͜͜Ͱɺ 8FCαΠτͷը໘Λઃܭ͢ΔࡍʹඞཁͱͳΔࣝ ʮ৭ɺจࣈɺϨΠΞτͷٕ๏ʯʹ যΛͯͯղઆ͍͖ͯ͠·͢ɻ
ྫ <͓> ΦϯϥΠϯतۀʹ͍ͭͯ ۭͷࣸਅͱͱʹ ݴ༿Ͱදݱ͍ͯͩ͘͠͞ɻ
ϘσΠίϐʔΛՃ ΛॏͶΔͱɺ ࣭͕ߴ·Γɺ ΘΓ͘͢ͳΔɻ ϘσΠίϐʔΛՃච ΩϟονίϐʔΛमਖ਼ ΩϟονίϐʔΛमਖ਼ ࣸਅΛࠩ͠ସ͑
ΛॏͶΔͱɺ ࣭͕ߴ·Γɺ ΘΓ͘͢ͳΔɻ ͨ͠ͱ͜Ζ จষΛͰө૾ԽͰ͖ΔΑ͏ʹɺ ঢ়گΛ۩ମతʹඳࣸͨ͠ɻ ςΩετΛἧ͑ͨɻ༨നΛ࡞ͬͨɻ ΑΓྑ͍ࣸਅ͕ࡱΕΔ·ͰͶͬͨɻ ࠨଆʹஔ͢Δͱ͖ ςΩετΛࠨἧ͑ʹ͢Δ
༨നΛ࡞Δ ༨നΛ࡞Δ ༨നΛ࡞Δ ༨നΛ࡞Δ͜ͱͰ ͕͍͘ ἧ͑Δ ༨ ന Λ ࡞ Δ ͭͷ͔ͨ·Γʹ͢Δ ͜ͱͰɺ·ͣ͜͜ʹ ͕ߦ͘ ἧ͑Δ ిபΛೖΕΔ͜ͱͰ෦͔Β ͷܠ৭Ͱ͋Δ͜ͱΛΘͤΔ
ࣝΛॏͶɺ܁Γฦ͠࿅श͢Δ ˺ےτϨ Ͱ͖ΔΑ͏ʹͳΔͨΊʹ ଓ͚Δ͜ͱ͕େࣄ
ͷճΓʹ͋Δ σβΠϯͷ ҙਤΛ ಡΈղ͍ͯΈΑ͏
None
͜ ͷ ं ࠂ ͷ ҙ ਤ
ʁ ώ ϯ τ ⽅ ৭ ỏ จ ࣈ ỏ Ϩ Π Ξ τ
w എܠΛԫ৭ʹͯ͠ʮҙͯ͠ཉ͍͜͠ͱʯͰ͋Δ͜ͱΛද͢ɻ w ࣈΛେ͖͘͢Δ͜ͱͰɺʮ͍͔ͭΒʯΛ໌֬ʹɻ w ϧϏΛଧͭ͜ͱͰɺࢠͲʹΘ͔ΔΑ͏ʹɻ w ӳจΛซه͢Δ͜ͱͰɺ֎ࠃਓʹΘ͔ΔΑ͏ʹɻ w ΠϥετͰى͜Γ͏ΔτϥϒϧΛࣔ͠ɺҙΛଅ͢ɻ
w େࣄͳ͜ͱ࠷ॳʹݴ͏ɻ w େࣄͳ͜ͱγϯϓϧʹݴ͏ɻ w େࣄͳ͜ͱճݴ͏ɻ w Լ෦ͷཁૉന͍എܠͱͯ͠ը໘ʹϝϦϋϦΛ͚ͭɺಡΈ͢ ͍ͯ͘͠Δɻ w จࣈʹ͍৭Λͬͯɺ͜ΕʮҙʯͰ͋Δ͜ͱΛ໌ࣔɻ w ओେ͖ͳจࣈαΠζͰͦΕ͕ΘΔΑ͏ʹɻ w ଠ͍ΰγοΫମΛ͏͜ͱͰɺڧ͍͓ئ͍Ͱ͋Δ͜ͱΛࣔ͢ɻ w ࠨ্ʹ+3ͷϩΰϚʔΫΛදࣔ͢Δ͜ͱͰɺެࣜͳΞφϯεͰ ͋Δ͜ͱΛࣔ͢ɻ w ೲಘͯ͠Β͏ͨΊʹɺཧ༝Λࣔ͢ɻ
͜͏͍ͬͨ͜ͱΛ ܁Γฦ͍ͯ͠Δͱ ݟ͑Δੈք͕มΘͬͯ͘Δ
None
ԁ
1 200ԁ
ԁ 1 200ԁ
None
None
None
None
ηϯαʔͷײ͕ྑ͘ͳΔͱ 4/4ҧͬͯݟ͑Δ
None
None
None
None
ηϯαʔͷײ͕ྑ͘ͳΔͱ ࣾձͷ͕ݟ͑ͯ͘Δ
None
None
͏·͍͘͘Α͏ʹΛڽΒ͢͜ͱɻ σβΠϯͱʁ w ͭ·ΓɺΛͯ͠Λղܾ͢Δ͜ͱ w ΛॏͶΔͱɺͲΜͲΜΘΓ͘͢ͳΔ w ͦͷΛٻ͢ΔͱɺݟͨΛ͑Δ͜ͱ͕ଟ͘ͳΔ w ܗ͕ඒ͘͠ͳΔͷɺ͋͘·Ͱ݁Ռ
None