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
130
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
400
Digital Design 2022-01
Avatar for Masateru YOSHIMURA mathatelle
0
290
Yoshimura Lab. 2022
Avatar for Masateru YOSHIMURA mathatelle
0
1.4k
create-website-html-2021
Avatar for Masateru YOSHIMURA mathatelle
0
170
Multiple pages
Avatar for Masateru YOSHIMURA mathatelle
0
730
CodePen: Making your portfolio 2021
Avatar for Masateru YOSHIMURA mathatelle
0
170
single page
Avatar for Masateru YOSHIMURA mathatelle
0
900
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
340

Other Decks in Design

See All in Design
【CEDEC2026】『Shadowverse: Worlds Beyond』続編開発におけるUIデザイン・アニメーション演出の「超進化」 ～継承と挑戦を両立するデザイン手法～
Avatar for Cygames, Inc. cygames
PRO
3
5k
Техники структурирования беседы с собой, заказчиком и командо
Avatar for Andrew Shapiro ashapiro
0
270
Design dependencies
Avatar for Teba_eleven teba_eleven
0
160
Saving_the_King_-_Storyboard.pdf
Avatar for Terence Basart terencebasart
0
300
Kouseki | CREATIVE CLASS成果物
Avatar for Yurika Ishida yuri9911
0
120
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
Avatar for NishaMe nishame
1
1.4k
富山デザイン勉強会_ブラッシュアップデザイン.pdf
Avatar for keita keita_yoshikawa
0
110
Frontier
Avatar for Renny Wang rwang05
0
200
Accelerating performance improvement based on a software review evaluation matrix
Avatar for kitanosirokuma kitanosirokuma
0
290
【CEDEC2026】アートとゲームデザインをつなぐVFX設計『GRANBLUE FANTASY: Relink - Endless Ragnarok』における表現と可読性の両立
Avatar for Cygames, Inc. cygames
PRO
1
1.1k
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
Avatar for Yu Morita securecat
1
260
(2026 FlowCon Keynote) Sociotechnical Architecture Finding Flow
Avatar for xinyao xinyao
0
120

Featured

See All Featured
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.5k
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
2
260
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.8k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
710
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.6k
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
1.6k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
1
340
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2.1k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.3k
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
290
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
1.1k

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 ɹͳͲ ͜͜ʹೖΔͷ͸ ͜͜ʹೖΔͷ͸ ˞͜Ε͸ҰྫͰ͢