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

How to design the individual page

91e7aee9769836f448a9f1ce91255749?s=47 Masateru YOSHIMURA
May 28, 2021
Design
1
58

How to design the individual page

91e7aee9769836f448a9f1ce91255749?s=128

Masateru YOSHIMURA

May 28, 2021
Tweet

More Decks by Masateru YOSHIMURA

See All by Masateru YOSHIMURA
Digital Design 2022-02
91e7aee9769836f448a9f1ce91255749?s=48 mathatelle
0
270
Digital Design 2022-01
91e7aee9769836f448a9f1ce91255749?s=48 mathatelle
0
190
Yoshimura Lab. 2022
91e7aee9769836f448a9f1ce91255749?s=48 mathatelle
0
1.2k
create-website-html-2021
91e7aee9769836f448a9f1ce91255749?s=48 mathatelle
0
89
Multiple pages
91e7aee9769836f448a9f1ce91255749?s=48 mathatelle
0
590
CodePen: Making your portfolio 2021
91e7aee9769836f448a9f1ce91255749?s=48 mathatelle
0
95
single page
91e7aee9769836f448a9f1ce91255749?s=48 mathatelle
0
830
How to optimize images for Better Web Design
91e7aee9769836f448a9f1ce91255749?s=48 mathatelle
0
2.1k
What is the design
91e7aee9769836f448a9f1ce91255749?s=48 mathatelle
2
220

Other Decks in Design

See All in Design
NCDC_UXSession_CJM20220427
6e51a472cea0c9d058d830eca153cb0f?s=48 ncdc
0
190
Forget-me-not
B9f1579b53c0fd588aa685f98d97076d?s=48 kackington
1
230
Jen Blatz - Keep Cognitive Biases from Creeping into your UX Design and User Research
Bff39f7d4e25a30fb4d28a9005de7363?s=48 uxaustralia
PRO
0
130
Sponge Bob Exercise Sequence
77b4173a70942a13969b84335c2e7695?s=48 diablicos_
1
560
メンタルモデルとは？　カスタマーサポート向けズレ埋め勉強会
B6a2f6699d8ebaad85000f9a8e3d8ccc?s=48 aguringo
1
640
今から始めるFigma超入門
Cb42953bfedcd81daf5b1330d98712c3?s=48 448jp
0
720
The HIG & Software UI Design
A4c8177aa00623c9593f10be748b3861?s=48 usagimaru
3
1.4k
リサーチ文化を組織に埋め込むために実践したこと
0c6fc884dd8b5a4e584feb6a1b615a47?s=48 hiranotomoki
6
2.2k
デザイン編 Hatena Engineer Seminar #19
7ee8ca88aa7f99cafd91a79f9734668c?s=48 takuwolog
3
750
dipp 點譜數位方案
E4f2d2949ef4f777fae5c016ff8d46d9?s=48 91appguide
1
130
ShippioのProduct Designerになりませんか？
3bb2326963c24027cdf173579290bd6d?s=48 shippio
0
1.3k
The Frog Bandit
B789f3884732c5e0bd031a91f1930f3e?s=48 senamiyazaki
0
190

Featured

See All Featured
How STYLIGHT went responsive
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
85
4k
A designer walks into a library…
15f2b8221f247985a27a627d2ece72f0?s=48 pauljervisheath
197
16k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
E425fe9f170efa0dfaf8ab69d7107418?s=48 aki_i
25
16k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
E195ae45320d9202eaa01c9f1d31a416?s=48 marktimemedia
15
980
Reflections from 52 weeks, 52 projects
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
337
17k
Building Better People: How to give real-time feedback that sticks.
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
344
17k
Why Our Code Smells
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
324
55k
Designing for humans not robots
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
242
24k
Embracing the Ebb and Flow
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
73
3.4k
Robots, Beer and Maslow
9375a9529679f1b42b567a640d775e7d?s=48 schacon
152
7.2k
Fireside Chat
864a009ac73600c7c02e1f26629dd989?s=48 paigeccino
13
1.4k
The Invisible Customer
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
110
11k

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