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
1
100

How to design the individual page

Avatar for Masateru YOSHIMURA

Masateru YOSHIMURA

May 28, 2021
Tweet

More Decks by Masateru YOSHIMURA

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

Other Decks in Design

See All in Design
Design Studio Deck | インクルーシブデザインスタジオCULUUM
Avatar for インクルーシブデザインスタジオCULUMU culumu
3
4.1k
株式会社バクタム　会社説明資料
Avatar for Bactum Inc. bactum
0
350
デザインシステムの「種」を使って、受託開発を加速させる
Avatar for akane akane___ui
0
11k
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
Avatar for bebe bebe
0
840
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
Avatar for Saiko.T _psyc0_
0
310
デフォルトの16:9（960*540px）のケース / Google Slide Size Test
Avatar for Arthur arthur1
0
3.4k
「UXとUIの違い」v2
Avatar for Shirasu3 shirasu3
0
250
What makes a great Director?
Avatar for _Limex_ _limex_
0
250
21 Ways to Call American Airlines Customer Care Full Guide USA
Avatar for Sonny americanhub
0
210
8_8_リサーチカンファレンスプレイベント.pdf
Avatar for Muture muture
PRO
2
390
読書シェア会 vol.5 / Yumemi.grow 20250526
Avatar for Rakus_Dev rakus_dev
0
1.8k
Character Experience AI 〜 AIキャラクターのつくりかた 〜
Avatar for SmartBank smartbank
1
330

Featured

See All Featured
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
1.2k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
40k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.2k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
30
2.9k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
51k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.1k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.5k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.7k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
34
6.1k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.8k
Code Review Best Practice
Avatar for Trisha Gee trishagee
72
19k

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