HTML5 and CSS3 have very quickly moved from being tentative new standards to the base standards for every major desktop and mobile browser. HTML5 is now just HTML, a modular, living standard that no longer needs a version number.
Now that we are no longer fighting over platforms, it’s time to put the specs aside and revisit the construction of user interface: how do we raise the bar for stellar user interface on the web?
Meta Refresh is a follow-up to DocType HTML5 from 2010-11 and is a conference on web UI engineering.
More about the event: http://metarefresh.in
Registrations: http://metarefresh.doattend.com
Hosted by
Meta Refresh is an umbrella forum for conversations about different aspects of design and product including: UX and interaction design CMS, content management, publishing and content marketing Information architecture more
AS
Anand S
@sanand0
Visual design for non-designers
Submitted Mar 15, 2012
Section:
Default
Technical level:
Beginner
Session type:
Tutorial
You’ll take home a simple set of rules and tools on visual design that you can’t go wrong applying.
Outline
There are some simple, non-intuitive principles of design that most non-designers are unaware of, around choice of colours, using white space, typography, alignment, etc.
Some examples of questions we’ll address are:
-
What’s a good line height? (Hint: it’s proportional to the square root of the line width.)
-
How do I pick an uniformly distributed colour palette for my site?
-
What heading font would contrast best with a body font
-
Where do I place the images? And what should the image dimensions be?
This will be a tutorial + workshop where we’ll take live examples and see the impact of applying these rules to a website.
Speaker bio
Anand is a data scientist at Gramener, a data visualisation company.
Links
Comments
Hosted by
Meta Refresh is an umbrella forum for conversations about different aspects of design and product including: UX and interaction design CMS, content management, publishing and content marketing Information architecture more
{{ gettext('Login to leave a comment') }}
{{ gettext('Post a comment…') }}{{ errorMsg }}
{{ gettext('No comments posted yet') }}