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
SAMSUL KAMAR ABDUL RAHMAN
Avatar for SAMSUL RAHMAN samsulrahman32
0
170
CursorでAI活用のナレッジベースを構築する
Avatar for 神崎 kanzaki
0
740
#Dubois Challenge 2025: Economics
Avatar for Anthony Starks ajstarks
1
180
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
480
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
Avatar for Tomoya AZUMA t_east
1
1.4k
佐藤千晶｜ポートフォリオ
Avatar for 佐藤千晶 chimi_chia
0
170
事例で学ぶ！今日から使えるWebサービスUI改善ポイント
Avatar for NCDC ncdc
0
290
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
890k
Character Experience AI 〜 AIキャラクターのつくりかた 〜
Avatar for 株式会社スマートバンク smartbank
1
350
1年目デザイナーが実践する、チーム貢献のための2つのアプローチ
Avatar for kinomi kinomidesign
0
110
AI時代に、僕たちデザイナーはどう歩むか
Avatar for kim kazuhirokimura
0
400
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
Avatar for Isao utm529f
0
1.2k

Featured

See All Featured
Code Reviewing Like a Champion
Avatar for maltzj maltzj
525
40k
It's Worth the Effort
Avatar for 3n 3n
187
28k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
114
20k
Code Review Best Practice
Avatar for Trisha Gee trishagee
72
19k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
19
1.2k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.8k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.8k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.6k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
339
57k

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