Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
How to design the individual page
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Masateru YOSHIMURA
May 28, 2021
Design
130
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
How to design the individual page
Masateru YOSHIMURA
May 28, 2021
Transcript
8 slides
ৄࡉϖʔδͷϨΠΞ τ
͜Ε·ͰओʹҰཡϖʔδͷ࡞ΓํΛ࿅श͖ͯ͠·ͨ͠
ϖʔδʹҰཡͱৄࡉ͕͋Δ ͜Ε·Ͱ ͬͪ͜Ͱྑ͘͏ ฒΔϨΠΞτΛ த৺ʹֶΜͩ ࠓճ ͬͪ͜Ͱྑ͘͏ ಡΉϨΠΞτΛ ֶͼ·͢
IUUQT[P[PKQTQ Ұཡϖʔδ ৄࡉϖʔδ ྫ ཉ͍͠Λ ୳ͯ͠ɺ ৄ͘͠ ݟΔɻ ങ͏ɻ
IUUQTXXXZPVUVCFDPNDIBOOFM6$4)QSYC5*8(,;[L3D"WJEFPT Ұཡϖʔδ ৄࡉϖʔδ ྫ ݟΔɻௌ͘ɻ ݟ͍ͨ ಈըΛ ୳ͯ͠ɺ
Ұཡϖʔδ ৄࡉϖʔδ ྫ ݟΔɻ ಡΉɻ ڵຯͷ͋Δ ࣄྫΛ ୳ͯ͠ɺ IUUQTNSISKQXPSLT
Ұཡϖʔδ ৄࡉϖʔδ ྫ ݟΔɻ ಡΉɻ ڵຯͷ͋Δ هࣄΛ ୳ͯ͠ɺ IUUQTNSISKQCMPH
ৄࡉϖʔδͷߏ )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 ɹͳͲ ͜͜ʹೖΔͷ ͜͜ʹೖΔͷ ˞͜ΕҰྫͰ͢
More Decks by Masateru YOSHIMURA
See All by Masateru YOSHIMURA
Digital Design 2022-02
mathatelle
0
400
Digital Design 2022-01
mathatelle
0
290
Yoshimura Lab. 2022
mathatelle
0
1.4k
create-website-html-2021
mathatelle
0
180
Multiple pages
mathatelle
0
730
CodePen: Making your portfolio 2021
mathatelle
0
170
single page
mathatelle
0
900
How to optimize images for Better Web Design
mathatelle
0
2.2k
What is the design
mathatelle
2
350
Other Decks in Design
See All in Design
いいUIとは?初心者向けに事例をもとにUIデザインを分解
yuichi_hara7
13
7.4k
言語化しきれなくてもいい〜勉強会を「完璧な成果を出す場」から「不確実な刺激と体験を持ち帰る場へ〜
hott3
0
230
技術に明るくない人が技術を選ぶために
moco1013
0
170
設計の進め方と 品質特性品質特性
harakeishi
0
1.5k
デザインワークフローの最前線。 ログラスでのAI活用の現在地
ukaoli
1
3.7k
信頼をデザインし、ブランドで市場を拓く。/ Designship2026
assuredjp
PRO
0
290
作品が生まれ続けるコミュニティデザイン ― 研究室でも会社でもないサードプレイス ― / designship26-iwaken
iwaken71
0
230
開閉UIのアニメーション設計
hiro0218
2
1.1k
Pra não dizer que não falei das flores...
videlvequio
0
170
デザなに#1「問いのデザイン」の紹介LT
garyuten
0
190
柔軟性のあるUIで、多くの環境でアプリを活躍させる/iOSDC26
noppefoxwolf
0
1.9k
このスロップ時代に良きデザインをつくるには? / good-design-in-the-slop-era
kgsi
1
1.3k
Featured
See All Featured
Mind Mapping
helmedeiros
1
440
Claude Code のすすめ
schroneko
67
230k
Product Roadmaps are Hard
iamctodd
55
13k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
50
10k
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
2
980
Building Applications with DynamoDB
mza
96
7.3k
Building a Scalable Design System with Sketch
lauravandoore
464
34k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
360
31k
Heart Work Chapter 1 - Part 1
lfama
PRO
11
37k
Ten Tips & Tricks for a 🌱 transition
stuffmc
1
280
Six Lessons from altMBA
skipperchong
29
4.6k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
3.1k