Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

响应式设计案例

Avatar for Thinking80s Thinking80s
January 14, 2013
Design
190
0

 响应式设计案例

Avatar for Thinking80s

Thinking80s

January 14, 2013

More Decks by Thinking80s

See All by Thinking80s
MediaQuery适配
Avatar for Thinking80s dengpeng
0
230
响应式设计
Avatar for Thinking80s dengpeng
0
170

Other Decks in Design

See All in Design
【Designship2026】「社内受託中心部署」から、事業とカルチャーを動かすデザイン組織へ
Avatar for sugiyama sugiyama_sukedachi
0
140
Spectrum Tokyo Meetup #26「できることが増えた時、デザイナーは何に時間を使うべきか」
Avatar for Muture muture
PRO
0
330
デザインハーネス 〜AIが生成する"デザイン"の妥当性を、誰がどう担保するのか〜 / PdEConf2026 Design Harness
Avatar for こぎそ / Shinichi Kogiso kgsi
14
22k
工房としてのAI ── デザイナー、作家、ビルダー
Avatar for hiranotomoki hiranotomoki
0
530
AI-DLC AI駆動開発ライフサイクルとAI-DLC Worlflows V2のご紹介
Avatar for Atsushi Fukui fatsushi
0
250
From Desktop to Spatial Interfaces UX Design Implications of Evolving Interaction Paradigms
Avatar for h.crane hcrane
0
120
作品が生まれ続けるコミュニティデザイン ― 研究室でも会社でもないサードプレイス ― / designship26-iwaken
Avatar for Kenta Iwasaki iwaken71
0
180
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
Avatar for NishaMe nishame
1
1.6k
Bet AI Day 2026丨デザインハーネス：専門職の判断基準をコードのように運用する
Avatar for LayerX layerx
PRO
6
7.4k
PLATEAUで白い街を作る
Avatar for aikautau aikautau
0
220
[Unity] VAT×VFX Graphがいま個人的にアツイという話
Avatar for sakiama sakiyama
0
130
富山デザイン勉強会_デザイン思考.pdf
Avatar for keita keita_yoshikawa
2
240

Featured

See All Featured
HDC tutorial
Avatar for Michiel Stock michielstock
2
960
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
520
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
570
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
540
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
610
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.8k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
23k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
7.1k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
480
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
2
330
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
1
450

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. 谢谢