Responsive design – odakle početi?
Svakom dizajneru koji se iole želi baviti web dizajnom kad-tad dođe vrijeme za dubinsko istraživanje o responzivnom dizajnu. Ako ste ‘n00b’ u tome, kakav sam bila i sama, nije neobično da se nameće pitanje odakle uopće početi? Nije neobično niti osjetiti blagi grč u želucu i kapljicu hladnog znoja koji se pojavljuju kada se nađete na takvom jednom putovanju u nepoznato.
Svakom dizajneru koji se iole želi baviti web dizajnom kad-tad dođe vrijeme za dubinsko istraživanje o responzivnom dizajnu. Ako ste ‘n00b’ u tome, kakav sam bila i sama, nije neobično da se nameće pitanje odakle uopće početi? Nije neobično niti osjetiti blagi grč u želucu i kapljicu hladnog znoja koji se pojavljuju kada se nađete na takvom jednom putovanju u nepoznato.
Umjesto da u Google upisujete ključne pojmove i gubite se u moru informacija, možda vam može pomoći popis nekoliko odličnih uvod-članaka koje smo o toj tematici prikupili u svojoj ekspediciji kroz bespuća interneta.
- A LIST APART: Responsive Web Design by ETHAN MARCOTTE May 25, 2010
“The control which designers know in the print medium, and often desire in the web medium, is simply a function of the limitation of the printed page. We should embrace the fact that the web doesn’t have the same constraints, and design for this flexibility. But first, we must ‘accept the ebb and flow of things.” - SMASHING MAGAZINE: Responsive Web Design Techniques, Tools and Design Strategies by SMASHING EDITORIAL July 22, 2011
Responsive Images and Context-Aware Image Sizing, Responsive Images Right Now, Responsive Images Using CSS3, Responsive Images Using Cookies, Responsive Images With ExpressionEngine, CSS: Elastic Videos, Resizeable Images (At Full Resolution!), Optimizing Your Email for Mobile Devices With the Media Query i još puno puno toga! - Content Choreography By Trent Walton, July 2011
“In my mind, it’s best to build something that works on any possible width or device instead of something that works on all current widths and devices.” - SMASHING MAGAZINE: Content Prototyping In Responsive Web Design By Ben Callahan, September 2011
“The aim is lofty, designing for the future. Just as we build websites to be accessible to the widest audience possible – because that is the right way to build them – we should build websites that embrace the fluidity of the Web. A challenge is before us to find ways to present our content appropriately without knowing which devices it will be viewed on. We must shift our focus back to the user. A content-out approach is a user-centered approach.” - A LIST APART: A Dao of Web Design by JOHN ALLSOPP April 07, 2000
“The web’s greatest strength, I believe, is often seen as a limitation, as a defect. It is the nature of the web to be flexible, and it should be our role as designers and developers to embrace this flexibility, and produce pages which, by being flexible, are accessible to all. The journey begins by letting go of control, and becoming flexible.” - A LIST APART: The Infinite Grid by CHRIS ARMSTRONG October 16, 2012
“Grid systems are a key component of graphic design, but they’ve always been designed for canvases with fixed dimensions. Until now. Today we’re designing for a medium that has no fixed dimensions, a medium that can and will shape-shift to better suit its environment—a medium capable of displaying a single layout on a smartphone, a billboard in Times Square, and everything in between.” - WEB DESIGNERS DEPOT: When pages are not paper: the designer’s guide to layout code, September 25, 2012
InDesign boxes are as simple as click-and-drag. Photoshop’s layers let painters color pixels anywhere they, please. But layout with HTML and CSS is a game of nudging and cascading.
With a characteristic style od design, you can never miss which project she worked on. Foodie and traveler. She always brings home a jar with dirt from a country she visited.
