Dynamic Design for the Web
•
26 gefällt mir•3,003 views
Presentation for CMSExpo Chicago 09. This presentation attempts to define "design" and looks at current design trends
Empfohlen
Weitere ähnliche Inhalte
Andere mochten auch
Ähnlich wie Dynamic Design for the Web
Ähnlich wie Dynamic Design for the Web (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
Dynamic Design for the Web
- 1. Dynamic Design For the Web CMS Expo 2009 - Chicago
- 2. Who the @%!*# is This Guy? CMS Expo 2009 - Chicago
- 3. Jonathan Lackey Known in virtual social circles as zuno • Creative director at Zuno Studios • Based in Redondo Beach California • Over 10 years experience in design & • web CMS Expo 2009 - Chicago
- 4. What Are We Going to Chat About Today? CMS Expo 2009 - Chicago
- 5. What is “design”? • Why is it important? • Types of it • The process • Web trends • Tools • CMS Expo 2009 - Chicago
- 6. So what is “design”? CMS Expo 2009 - Chicago
- 7. Design is Problem Solving CMS Expo 2009 - Chicago
- 8. Why is design important? CMS Expo 2009 - Chicago
- 9. Communication: To give purpose to and/or organize the flow of information To stand out: Expression / Individuality Build credibility: Branding
- 10. Communication: To give purpose to and/or organize the flow of information To stand out: Expression / Individuality Build credibility: Branding CMS Expo 2009 - Chicago
- 11. Types of design UI (user interface) • •UX (user experience) •Visual design •Information Architecture •Database •System •Interaction •So many more CMS Expo 2009 - Chicago
- 12. Design Process CMS Expo 2009 - Chicago
- 13. RESEARCH DESIGN AMEND CMS Expo 2009 - Chicago
- 14. Brief What the client gives you RESEARCH DESIGN AMEND CMS Expo 2009 - Chicago
- 15. Research Insights to help RESEARCH generate ideas for the design DESIGN AMEND CMS Expo 2009 - Chicago
- 16. RESEARCH Design Sketches, color & font DESIGN studies, magic AMEND CMS Expo 2009 - Chicago
- 17. RESEARCH DESIGN Amend AMEND Refinements & revisions CMS Expo 2009 - Chicago
- 18. RESEARCH DESIGN AMEND Production Make it happen CMS Expo 2009 - Chicago
- 19. A Note on Process Every design problem is dierent CMS Expo 2009 - Chicago
- 20. Current Trends CMS Expo 2009 - Chicago
- 21. BIG illustrations CMS Expo 2009 - Chicago
- 22. mailchimp.com CMS Expo 2009 - Chicago
- 23. CMS Expo 2009 - Chicago
- 24. silverback.com CMS Expo 2009 - Chicago
- 25. Crazy drop-downs CMS Expo 2009 - Chicago
- 26. etnies.com CMS Expo 2009 - Chicago
- 27. hgtv.com CMS Expo 2009 - Chicago
- 28. moosejaw.com CMS Expo 2009 - Chicago
- 29. move it! animation CMS Expo 2009 - Chicago
- 30. odopod.com CMS Expo 2009 - Chicago
- 31. howarths.nl CMS Expo 2009 - Chicago
- 32. panic.com/coda CMS Expo 2009 - Chicago
- 33. Looking for something? can’t miss search fields CMS Expo 2009 - Chicago
- 34. krop.com CMS Expo 2009 - Chicago
- 35. gigzee.com CMS Expo 2009 - Chicago
- 36. listen.grooveshark.com CMS Expo 2009 - Chicago
- 37. Blog Design
- 38. viget.com CMS Expo 2009 - Chicago
- 39. alistapart.com CMS Expo 2009 - Chicago
- 40. acko.net CMS Expo 2009 - Chicago
- 42. sony.com/ces CMS Expo 2009 - Chicago
- 43. dvein.com CMS Expo 2009 - Chicago
- 44. rpa.com CMS Expo 2009 - Chicago
- 45. bobstevens.com CMS Expo 2009 - Chicago
- 46. Tools Stuff CMS Expo 2009 - Chicago
- 47. Color Tools Adobe Kuler • http://kuler.adobe.com ColorCombos.com • http://www.colorcombos.com Color Scheme Designer • http:// colorschemedesigner.com CMS Expo 2009 - Chicago
- 48. Typography TypeChart • http://www.typechart.com Em Calculator • http://riddle.pl/emcalc Font Burner • http://www.fontburner.com sIFR • (flash replacement) http://wiki.novemberborn.net/sifr Cufon • (flash replacement) http://cufon.shoqolate.com/generate/ CMS Expo 2009 - Chicago
- 49. Imagery Flickr Color Picker • http://krazydad.com/colrpickr iStockphoto • http://istockphoto.com Flickr “gomedia” Group • http://www.flickr.com/ groups/gomedia CMS Expo 2009 - Chicago
- 50. Javascript Frameworks JQuery • http://jquery.com MooTools • http://mootools.net Dojo • http://dojotoolkit.org YUI • http://developer.yahoo.com/yui CMS Expo 2009 - Chicago
- 51. User Interface Libraries YUI • http://developer.yahoo.com/yui JQuery UI • http://jqueryui.com Mocha(ui) • http://mochaui.com CMS Expo 2009 - Chicago
- 52. CSS Frameworks Blueprint • http://www.blueprintcss.org 960 Grid System • http://960.gs YUI Grids • http://developer.yahoo.com/yui/grids CMS Expo 2009 - Chicago
- 53. Resources CMS Expo 2009 - Chicago
- 54. Sites used in this presentation http://delicious.com/Creative_Contractor/ cmsexpo09 Twitter @zuno http://twitter.com/zuno The files from this presentation http://zunostudios.com/cmsxpo CMS Expo 2009 - Chicago
Hinweis der Redaktion
- “so things don’t happen by accident”
- User interface: The goal of user interface design is to make the user's interaction as simple and efficient as possible, in terms of accomplishing user goals User experience: all aspects of the user’s interaction with the product: how it is perceived, learned, and used
- The client brief is what the client gives you. It might be a formal Request For Proposal (RFP), or simply a short email. It generally outlines the initial aims and objectives of the project, the deliverables, and may indicate many of the client’s expectations about the final work’s function or appearance. Deliverables include documents, content, sketches, everything that the client will provide to you and anything that you’ll provide to them. The client may also provide deadlines for each deliverable, though whether they deliver theirs on time is a long, sad tale we’d need to cover in a separate book.
- Research is vital to the success of any design solution. A designer should be as informed as they can be about the project.
- Research is vital to the success of any design solution. A designer should be as informed as they can be about the project.
- The designers then spend time amending the design to reflect the changes or problems highlighted by the client\"sometimes endlessly. I’ve lost count of the number of times that I’ve spent needlessly making changes to a design because of miscommunication further back in the process in conversations between people at meetings to which the actual designers were not invited. More often than not, the problems arise because the expectations of either party have not been managed properly.
- Photoshop files, HTML/CSS mark-up