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
300
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
An Early Spring | Storyboard | Scenes 1-18
giofortuna_story
0
260
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
kaminashi
2
1.7k
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
630
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
700
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.3k
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
430
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
400
harutaka Vision Deck
zenkigenforrecruit
0
130
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
140
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.5k
ポートフォリオ_藤田歩希(ほまれ)
akifujita_homarecreate
0
580
生成AIを活用した組み込みSW設計書検索システム開発
licux
7
1.1k
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
32
5.9k
Rails Girls Zürich Keynote
gr2m
94
14k
Designing for Performance
lara
609
69k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
124
52k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
490
Bash Introduction
62gerente
614
210k
Facilitating Awesome Meetings
lara
54
6.4k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.8k
Embracing the Ebb and Flow
colly
86
4.7k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
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