morgenbooster / responsive design / 22. marts 2012

RESPONSIVE DESIGN

MORGENBOOSTER

VED PETER SOLOW & HJØRDIS THORBORG

MORGENBOOSTER 22. MARTS 2012

RESPONSIVE WEB DESIGN

”AT IT’S MOST BASIC LEVEL, RESPONSIVE DESIGN IS ABOUT SERVING ONE HTML DOCUMENT TO COUNTLESS BROWSERES AND DEVICES...”

Ethan Marcotte, Responsive web design

HTTP://WWW.SMASHINGMAGAZINE.COM/


http://www.smashingmagazine.com/�

DESIGNOPMENT

”…COMBINING DESIGN AND DEVELOPMENT INTO ONE HYBRID PHASE, BRINGING THE TWO TEAMS INTO ONE HIGHLY COLLABORATIVE GROUP.”

Ethan Marcotte, Responsive web design

MODUL IA


LIVE MOCKUP – BREAKPOINT IDENTIFIKATION

MORGENBOOSTER

1240 PX 768 PX 320 PX

22. MARTS 2012

ET DESIGNBLIK PÅ RESPONSIVE WEB DESIGN


”WEB DESIGN TRENDS IN 2011” Web Design Ledger


WEB DESIGN TRENDS 2011

1. MORE CSS3 + HTML5

2. SIMPLE COLOR SCHEMES

3. MOBILE READY

4. PARALLAX SCROLLING

5. DESIGNING FOR TOUCH SCREENS, NOT MICE

6. DEPTH PERCEPTION IN WEB DESIGN

7. LARGE PHOTOGRAPHIC BACKGROUNDS

8. ADVENTUROUS DOMAIN NAMES & INTEGRATION

9. QR: QUICK RESPONSE

10. THUMBNAIL DESIGN

11. CONSTANT CONNECTION/ LIFE STREAM



1. RESPONSIVE WEB DESIGN

2. FIXED-POSITION NAVIGATION

3. CIRCLES

4. BIG VECTOR ART

5. MULTI-COLUMN MENUS

6. JQUERY/CSS3/HTML5 ANIMATION

7. RIBBONS & BANNER GRAPHICS

8. CUSTOM FONT FACES

9. INFOGRAPHICS

10. FOCUS ON SIMPLICITY


”15 TOP WEB DESIGN AND DEVELOPMENT TRENDS FOR 2012” .NET MAGAZINE

..


WEB DESIGN AND DEVELOPMENT TRENDS 2012

1. PROGRESSIVE ENHANCEMENT

2. RESPONSIVE DESIGN

3. FLASH WILL SURVIVE

4. NATIVE SUPPORT FOR PLUG-IN FEATURES

5. APPIFICATION TAKES HOLD

6. WEB APP FRAGMENTATION

7. MOBILE GETS BIGGER

8. A DEVICE EXPLOSION

9. RESPECT BEYOND AESTHETICS

10. SOCIAL BATTLES HEAT UP

11. GROWTH OF THE TWO-SCREEN MODEL


”THE WEB HAS MOVED BEYOND THE DESKTOP AND IT’S NOT MOVING BACK” Ethan Marcotte

..


WTF…!!!


VI ELSKER PHOTOSHOP OG ILUSTRATOR!


VI ER VANT TIL AT TÆNKE I DYNAMISKE PRINCIPPER, MEN…


…NU SKAL VI DESIGNE I EN ”LIVE” PROTOTYPE


VI ELSKER VORES FAGLIGE INTEGRITET!


VI ER VANT TIL TÆT DIALOG MED INTERFACE UDVIKLEREN, MEN…


…NU SKAL VI DELE DESIGNPROCESSEN


VI ELSKER AT SIKRE HØJ BRANDMÆSSIG VÆRDI!


VI ER VANT TIL ET FLEKSIBELT KANVAS, MEN…


…NU SKAL VORES WEB DESIGN PRESSES NED I DIVERSE DEVICES


ELSKER VI RESPONSIVE WEB DESIGN!?!


”WE CAN EMBRACE THE FLEXIBILITY INHERENT TO THE WEB, WITHOUT SURRENDERING THE CONTROL WE REQUIRE AS DESIGNERS” ETHAN MARCOTTE


RESPONSIVE WEB DESIGN UD FRA ET KUNDEPERSPEKTIV


1. BETYDNING FOR TILBUD OG BUDGET

2. RESPONSIVE WEB DESIGN I ONLINE STRATEGI

3. DYNAMISKE PRINCIPPER I DESIGN KONCEPT

4. “LIVE” PROTOTYPE DEL AF DEN AGILE PROCES

5. “LIVE” VISNING PÅ DESIGN PRÆSENTATIONER

6. HTML SOM DESIGN LEVERANCE

7. TILPASNING TVÆRS AF DEVICES = VÆRDISKABELSE

8. FREMTIDSSIKRING


TAK!

LÆS MERE PÅ:

1508.DK/1508PLUS/RESPONSIVE

..


http://www.1508.dk/1508plus/responsive�