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

How to design the individual page

Masateru YOSHIMURA
May 28, 2021
Design
1
95

How to design the individual page

Masateru YOSHIMURA

May 28, 2021
Tweet

More Decks by Masateru YOSHIMURA

See All by Masateru YOSHIMURA
Digital Design 2022-02
mathatelle
0
370
Digital Design 2022-01
mathatelle
0
260
Yoshimura Lab. 2022
mathatelle
0
1.3k
create-website-html-2021
mathatelle
0
140
Multiple pages
mathatelle
0
690
CodePen: Making your portfolio 2021
mathatelle
0
140
single page
mathatelle
0
870
How to optimize images for Better Web Design
mathatelle
0
2.1k
What is the design
mathatelle
2
290

Other Decks in Design

See All in Design
東急URBAN HACKSのデザイナーって何やってるの？ 〜Designer Night #1〜
tak073
0
310
今日からできる実践アクセシビリティSNSというかXでaltをつけよう
securecat
1
180
An Early Spring | Storyboard | Scenes 1-18
giofortuna_story
0
130
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.1k
NAHO SHIMONO_Portfolio2025
nahohphp
0
380
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
spindle
9
5.3k
241214_StackNagoya_プレイングマネージャーのプレイングの時間の使い方
kiyoshifuwa
0
240
LLMによるRAG評価用合成テストデータの生成
licux
6
870
20241204_UI/UXデザイナーLT会 - vol.10_DMM
motokoishida
0
360
Kid Cowboy 103
marilutwin
0
150
2024/11/25 ReDesigner Online Meetup 会社紹介
cybozuinsideout
PRO
0
460
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
3.4k

Featured

See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
30
8.5k
Done Done
chrislema
183
16k
The Invisible Side of Design
smashingmag
299
50k
Testing 201, or: Great Expectations
jmmastey
42
7.4k
Building Flexible Design Systems
yeseniaperezcruz
329
38k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.8k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
The Language of Interfaces
destraynor
157
24k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.5k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
41
2.2k

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