Principles of the Visual Language: A Dialect of Our Own Design
"A visual language informs all design, from architecture to print. Fluency in the same language drawn on by Bauhaus, mid-century Swiss, or postmodern design is essential for brilliant web design. In this practical talk, ground uniquely web-based interactions - from complex CSS3 animations and rotations to JavaScript behaviors - using that time-tested visual primer. Take a more considered approach to choices, evoke the desired emotive responses, learn how to better articulate your design decisions. Extend graphic design's grammar into a visual dialect of web design that guides us to smarter, beautifully balanced juxtapositions of elements in our new, multidimensional web experiences."
(Simon Collison)
Fig.1 Simon Collison (03 June 03 2011) "A Dialect of Our Own Design".
CONTRIBUTOR
Simon PerkinsSHARE
Bryan Rieger: Rethinking the Mobile Web
"A few months back I submitted the smallest speck of an idea for a talk I was hoping to present at Over The Air in London. Having presented at Over The Air before I assumed my experiences this time around would more or less be the same - a chance to bounce a few of my recent thoughts off two-dozen or so UK developers.
To suggest that my assumption was wrong would in-fact be a massive understatement...
Three weeks later, the dust is still settling on the 90,000 140,000 presentation views, hundreds of tweets, and multitude of conversations, and I finally have time to provide the presentation with a much-needed introduction."
(Bryan Rieger)
Fig.1 "Rethinking the Mobile Web" by Yiibu
CONTRIBUTOR
Simon PerkinsSHARE
Syllabus for Information Aesthetics at UIC School of Art and Design
"This studio course investigates the database as cultural form (Manovich, 2001), in the context of data visualization, digital fabrication, and computational aesthetics. Traditionally viewed as a tool for scientific reasoning and data exploration, information visualization has emerged as an artistic practice, propelled by the democratization of data sources and the advancement of computer graphics. The massive amount of data collected and disseminated online constitutes the basis for this course. Participants will be introduced to the basic skills for developing creative projects in two-, three-, and four dimensions, such as indexes, graphs, prints, digitally fabricated objects and maps. Students will also become familiar with the a basic vocabulary to co-create and collaborate with professionals in future contexts.
The course focuses on current standards for web development and mobile applications, including HTML5, CSS3, jQuery, PHP, MySQL, and Processing(.js). Fundamentals in XHTML, Cascading Style Sheets, and programming are beneficial, but not required. Throughout the course, students are asked to utilize the class blog to collect and share resources, collaboratively collecting interesting data sources towards a final project. A series of presentations, screenings, readings, and discussions will expose students to creative projects and artworks in the context of information visualization. Each student selects a research topic followed by an in-class research presentation (see schedule). Participants will also present their work during class critiques and interdisciplinary workshops to receive qualitative feedback from the instructor(s) and the class."
(Daniel Sauter, University of Illinois at Chicago, School of Art and Design, Fall 2011)
Fig.1 Matt Wizinsky (2011). "Chicago unDensity", University of Illinois at Chicago.
CONTRIBUTOR
Simon PerkinsSHARE
Responsive Web Design
"Recently, an emergent discipline called 'responsive architecture' has begun asking how physical spaces can respond to the presence of people passing through them. Through a combination of embedded robotics and tensile materials, architects are experimenting with art installations and wall structures that bend, flex, and expand as crowds approach them. Motion sensors can be paired with climate control systems to adjust a room's temperature and ambient lighting as it fills with people. Companies have already produced 'smart glass technology' that can automatically become opaque when a room's occupants reach a certain density threshold, giving them an additional layer of privacy.
In their book Interactive Architecture, Michael Fox and Miles Kemp described this more adaptive approach as 'a multiple-loop system in which one enters into a conversation; a continual and constructive information exchange.' Emphasis mine, as I think that's a subtle yet powerful distinction: rather than creating immutable, unchanging spaces that define a particular experience, they suggest inhabitant and structure can-and should-mutually influence each other.
This is our way forward. Rather than tailoring disconnected designs to each of an ever-increasing number of web devices, we can treat them as facets of the same experience. We can design for an optimal viewing experience, but embed standards-based technologies into our designs to make them not only more flexible, but more adaptive to the media that renders them. In short, we need to practice responsive web design. But how?"
(Ethan Marcotte, 25 May 2010)
CONTRIBUTOR
Simon PerkinsSHARE
Computer Arts - Future web design trends
web design trends
What's on the horizon for web design? Dan Grabham speaks to leading experts in the field of design, and asks what we can expect to be in fashion this year for the hottest web designers...
CONTRIBUTOR
Shaun BelcherSHARE
