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
330
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
What is the design
関連
https://www.youtube.com/watch?v=fbLRmCQrn18
Masateru YOSHIMURA
September 24, 2020
More Decks by Masateru YOSHIMURA
See All by Masateru YOSHIMURA
Digital Design 2022-02
mathatelle
0
390
Digital Design 2022-01
mathatelle
0
280
Yoshimura Lab. 2022
mathatelle
0
1.4k
create-website-html-2021
mathatelle
0
170
Multiple pages
mathatelle
0
720
How to design the individual page
mathatelle
1
130
CodePen: Making your portfolio 2021
mathatelle
0
160
single page
mathatelle
0
890
How to optimize images for Better Web Design
mathatelle
0
2.2k
Other Decks in Design
See All in Design
体験負債を資産に変える組織的アプローチ
hikarutakase
0
1.6k
デザインの文脈を理解する:エンジニアがデザインカンファレンスに参加して得た学びと気づき
hypebeans
0
240
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
securecat
1
220
AIでデザインをつくる:基礎編
kenichiota0711
4
3.2k
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
kumanoayumi
6
1.2k
Debiasing Your Software Design Decision-Making @ Flowcon '26
baasie
1
130
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
nbkouhou
2
490
設計と制作 意図を形に表す / Design and Making: Intent Made Form
usagimaru
3
2k
AIスライド生成を進化させるMDファイル
kenichiota0711
1
1.5k
絵や写真から学ぶ、要素がもたらす副作用
kspace
0
430
Understanding Branding
ranyfardiany
0
240
Decksh keywords
ajstarks
0
110
Featured
See All Featured
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
540
VelocityConf: Rendering Performance Case Studies
addyosmani
333
25k
Claude Code のすすめ
schroneko
67
230k
Mobile First: as difficult as doing things right
swwweet
225
10k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
750
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
420
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.4k
Being A Developer After 40
akosma
91
590k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
200
Darren the Foodie - Storyboard
khoart
PRO
3
3.4k
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