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
How to design the individual page
Search
Masateru YOSHIMURA
May 28, 2021
Design
1
100
How to design the individual page
Masateru YOSHIMURA
May 28, 2021
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
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
What is the design
mathatelle
2
310
Other Decks in Design
See All in Design
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
techtekt
PRO
7
1k
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
1
460
Ana Cortes Visual Development Portfolio 2025
haruanleb
0
120
新卒の目から見たサイボウズのデザイン組織
ryota5884
0
210
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.4k
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
520
7 Core Values of Round-L
wired888
0
2.2k
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
6
890
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
740
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
410
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
870
株式会社バクタム 会社説明資料
bactum
0
360
Featured
See All Featured
Writing Fast Ruby
sferik
629
62k
Navigating Team Friction
lara
190
15k
Music & Morning Musume
bryan
46
6.8k
Into the Great Unknown - MozCon
thekraken
40
2.1k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.7k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
34
2.3k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Optimizing for Happiness
mojombo
379
70k
How to train your dragon (web standard)
notwaldorf
97
6.3k
Transcript
ৄࡉϖʔδͷϨΠΞ τ
͜Ε·ͰओʹҰཡϖʔδͷ࡞ΓํΛ࿅श͖ͯ͠·ͨ͠
ϖʔδʹҰཡͱৄࡉ͕͋Δ ͜Ε·Ͱ ͬͪ͜Ͱྑ͘͏ ฒΔϨΠΞτΛ த৺ʹֶΜͩ ࠓճ ͬͪ͜Ͱྑ͘͏ ಡΉϨΠΞτΛ ֶͼ·͢
IUUQT[P[PKQTQ Ұཡϖʔδ ৄࡉϖʔδ ྫ ཉ͍͠Λ ୳ͯ͠ɺ ৄ͘͠ ݟΔɻ ങ͏ɻ
IUUQTXXXZPVUVCFDPNDIBOOFM6$4)QSYC5*8(,;[L3D"WJEFPT Ұཡϖʔδ ৄࡉϖʔδ ྫ ݟΔɻௌ͘ɻ ݟ͍ͨ ಈըΛ ୳ͯ͠ɺ
Ұཡϖʔδ ৄࡉϖʔδ ྫ ݟΔɻ ಡΉɻ ڵຯͷ͋Δ ࣄྫΛ ୳ͯ͠ɺ IUUQTNSISKQXPSLT
Ұཡϖʔδ ৄࡉϖʔδ ྫ ݟΔɻ ಡΉɻ ڵຯͷ͋Δ هࣄΛ ୳ͯ͠ɺ IUUQTNSISKQCMPH
ৄࡉϖʔδͷߏ )5.- ਤ <div class="content-header"> </div> ίϯςϯπΛʮ಄ɾମʯͷͭͷ෦ʹ͚Δɻ <div class="content-body"> </div>
େݟग़͠ w ϨΠΞτ͍͢͠Α͏ʹίϯςϯπ ͱͳΔཁૉΛʮശʯʹೖΕΔɻ w ശEJWλάʴDMBTT໊Ͱ࡞Δɻ w DMBTT໊ࣗͰܾΊΔ͜ͱ͕Ͱ͖Δɻ w Θ͔Γ໊͍͢લΛఆٛ͢Δɻ ಄ ମ w େݟग़͠I w ϦʔυจQ w UJNF w ը૾JNH ɹͳͲ w ຊจQ w தݟग़͠I w ը૾JNH w :PV5VCF(PPHMFϚοϓJGSBNF ɹͳͲ ͜͜ʹೖΔͷ ͜͜ʹೖΔͷ ˞͜ΕҰྫͰ͢