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

响应式设计案例

Thinking80s
January 14, 2013
Design
0
180

 响应式设计案例

Thinking80s

January 14, 2013
Tweet

More Decks by Thinking80s

See All by Thinking80s
MediaQuery适配
dengpeng
0
170
响应式设计
dengpeng
0
150

Other Decks in Design

See All in Design
生成AIを受け入れ共創できるデザイナーマインドへープロセス改革を想定したデザイナーの準備ー
takumasaito
1
1.4k
Карта реализации историй — убийца USM
ashapiro
0
300
Personal Story Sequence - Vendetta(WIP)
elrns88
0
360
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
2.5k
志ある事業の種を社会に開花させるための挑戦/ Designship2024_Nishimura
root_recruit
0
220
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
1
210
Tableau曲線表現講座(2024.11.21)
cielo1985
0
200
デザイナー視点の体験設計とデザインレビューを事業部全員で体験するワークショップをしたお話
masayofff
3
220
デザインできるもの、できないもの | Designship 2024 | Yasuhiro Yokota
yasuhiroyokota
2
970
情報設計からのデザインアプローチ ～ユーザーの声を聞くよりも、もっとデータの声を聞け～
securecat
4
2.5k
Night Shift (beginning sequence)
cpineda57
0
950
12年続くB2DサービスとUXデザイン / UX Design keeps B2D service alive over 12 years
tnj
0
220

Featured

See All Featured
Navigating Team Friction
lara
183
15k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.5k
Mobile First: as difficult as doing things right
swwweet
222
9k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.6k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
230
52k
Imperfection Machines: The Place of Print at Facebook
scottboms
266
13k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.2k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
Being A Developer After 40
akosma
89
590k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Fireside Chat
paigeccino
34
3.1k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
18
2.3k

Transcript

  1. 响应式设计案例 2013-01-14

  2. 案例 • http://www.microsoft.com/ • http://mp3.easou.com/ • http://xuan.3g.cn/ • http://m.taobao.com/ •

    http://www.breadandpepper.com/ • http://cssgrid.net/

  3. Mobile –(竖屏)

  4. Mobile –(横屏)

  5. Pad –(竖屏)

  6. Pad –(横屏)

  7. Mobile –(竖屏)

  8. Mobile –(横屏)

  9. Pad –(竖屏)

  10. Pad –(横屏)

  11. Mobile –(竖屏)

  12. Mobile –(横屏)

  13. Pad –(竖屏)

  14. Pad –(横屏)

  15. Mobile –(竖屏)

  16. Mobile –(横屏)

  17. 谢谢