Upgrade to Pro — share decks privately, control downloads, hide ads and more …

How to design the individual page

Avatar for Masateru YOSHIMURA Masateru YOSHIMURA
May 28, 2021
Design
120
1

How to design the individual page

Avatar for Masateru YOSHIMURA

Masateru YOSHIMURA

May 28, 2021

More Decks by Masateru YOSHIMURA

See All by Masateru YOSHIMURA
Digital Design 2022-02
Avatar for Masateru YOSHIMURA mathatelle
0
390
Digital Design 2022-01
Avatar for Masateru YOSHIMURA mathatelle
0
280
Yoshimura Lab. 2022
Avatar for Masateru YOSHIMURA mathatelle
0
1.4k
create-website-html-2021
Avatar for Masateru YOSHIMURA mathatelle
0
160
Multiple pages
Avatar for Masateru YOSHIMURA mathatelle
0
720
CodePen: Making your portfolio 2021
Avatar for Masateru YOSHIMURA mathatelle
0
160
single page
Avatar for Masateru YOSHIMURA mathatelle
0
890
How to optimize images for Better Web Design
Avatar for Masateru YOSHIMURA mathatelle
0
2.2k
What is the design
Avatar for Masateru YOSHIMURA mathatelle
2
320

Other Decks in Design

See All in Design
デザインを信じていますか
Avatar for sekig(ojiee) sekiguchiy
1
1.2k
2026_01_07_３DプリントはじめましたLT.pdf
Avatar for HideakiTakechi hideakitakechi
0
180
研修担当者が一番伸びた　熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
Avatar for @Garyuten garyuten
2
370
タイル紹介サイト「タイルだもんで」
Avatar for しま calpin
0
130
Ralph Penel Portfolio
Avatar for ralphpenel ralphpenel
0
430
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
Avatar for kumano ayumi kumanoayumi
6
1.1k
AIスライドデザインを生成する仕組みを社内共有する
Avatar for 太田賢一 kenichiota0711
7
5.4k
Figma MCPを活用するためのデザインハンドブック
Avatar for viviON vivion
7
17k
UI/UX & Web Design Portfolio 2025｜Madoka Kumagai
Avatar for Madoka madoka_portfolio
4
230
CULTURE DECK／Frontend Engineer
Avatar for M-HAND,Inc. mhand01
0
1.2k
絵や写真から学ぶ、要素がもたらす副作用
Avatar for keigo kspace
0
310
文化のデザイン - Soft Impact of Design
Avatar for Atsushi Homma atsushihomma
0
190

Featured

See All Featured
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.8k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
76
5.1k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
360
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
400
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1.1k
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
3
350
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
2.7k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
62k
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.2k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.5k

Transcript

  1. ৄࡉϖʔδͷϨΠΞ΢ τ

  2. ͜Ε·Ͱ͸ओʹҰཡϖʔδͷ࡞ΓํΛ࿅श͖ͯ͠·ͨ͠

  3. ϖʔδʹ͸Ұཡͱৄࡉ͕͋Δ ͜Ε·Ͱ͸ ͬͪ͜Ͱྑ͘࢖͏ ฒ΂ΔϨΠΞ΢τΛ த৺ʹֶΜͩ ࠓճ͸ ͬͪ͜Ͱྑ͘࢖͏ ಡΉϨΠΞ΢τΛ ֶͼ·͢

  4. IUUQT[P[PKQTQ Ұཡϖʔδ ৄࡉϖʔδ ྫ ཉ͍͠঎඼Λ ୳ͯ͠ɺ ৄ͘͠ ݟΔɻ ങ͏ɻ

  5. IUUQTXXXZPVUVCFDPNDIBOOFM6$4)QSYC5*8(,;[L3D"WJEFPT Ұཡϖʔδ ৄࡉϖʔδ ྫ ݟΔɻௌ͘ɻ ݟ͍ͨ ಈըΛ ୳ͯ͠ɺ

  6. Ұཡϖʔδ ৄࡉϖʔδ ྫ ݟΔɻ ಡΉɻ ڵຯͷ͋Δ ࣄྫΛ ୳ͯ͠ɺ IUUQTNSISKQXPSLT

  7. Ұཡϖʔδ ৄࡉϖʔδ ྫ ݟΔɻ ಡΉɻ ڵຯͷ͋Δ هࣄΛ ୳ͯ͠ɺ IUUQTNSISKQCMPH

  8. ৄࡉϖʔδͷߏ଄ )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 ɹͳͲ ͜͜ʹೖΔͷ͸ ͜͜ʹೖΔͷ͸ ˞͜Ε͸ҰྫͰ͢