Post on 12-Aug-2015
KISS DESIGN
Design Delightful ContentValarie Stuart, UI Designer
#OSConnect
CONTENTTHE WEB IS MADE OF
addcontentYOU
aredesigningYOU
Most systems work best if they are kept simple
rather than made complicated.
Unnecessary complexity should be avoided.
Simplicity should be a key goal in design.
SIMPLICITYKISS Design
BUILT-IN COMPLEXITY?
DESKTOP from your
STUDENTS to your
MULTI-DEVICE WORLDcomplexitybuilt-in
SIMPLICITYKISS Design
TEXT1 KISS Design
FONTS
font-family: helvetica, arial, freesans, clean, sans-serif;
The one absolutely unselfish friend that man can have in this selfish world, the one that never deserts him, the one that never proves ungrateful or treacherous is his dog. A man's dog stands by him in prosperity and in poverty, in health and in sickness. He will sleep on the cold
Tribute to Dogs
The one absolutely unselfish friend that man can have in this selfish world, the one that never deserts him, the one that never proves ungrateful or treacherous is his dog. A man's dog stands by him in prosperity and in poverty, in health and in sickness. He will sleep on the cold
Tribute to Dogs
The one absolutely unselfish friend that man can have in this selfish world, the one that never deserts him, the one that never proves ungrateful or treacherous is his dog. A man's dog stands by him in prosperity and in poverty, in health and in sickness. He will sleep on the cold
Tribute to Dogs
The one absolutely unselfish friend that man can have in this selfish world, the one that never deserts him, the one that never proves ungrateful or treacherous is his dog. A man's dog stands by him in prosperity and in poverty, in health and in sickness. He will sleep on the cold
Tribute to Dogs
JUSTIFICATION
UPPERCASE
UNDERLINING
Don’t underline text.
FORMATTING
Paste clean text, then reformat.Mac:Command + Option + Shift + V
Windows:Paste Special, orUse Notepad as intermediate step
HTML formatting does not appearin content on iPhone app.
Use default fonts.
Align text left.
Don’t underline text.
Use uppercase sparingly.
Use minimal HTML formatting.
Paste clean text.
1 KISS Design
COLOR2KISS Design
2KISS Design
Two colors—black and white— are already used.
One or two additional colors is more than enough.
IMAGES3KISS Design
News Post
900 x 300 pixels
Event
215 x 215 pixels
Promotion
640 x 300 pixels
TOOLS
Adobe Creative CloudPhotography $9.99/month
Photoshop ElementsPhoto editing $79.99
GimpPhoto editing Free
Fotor.comOnline photo editor Free
Pixlr.comOnline photo editor Free
3KISS Design
Follow size recommendations.
Keep text to a minimum.
Don’t steal.
CONTENTREPURPOSING
LET’S TRY IT
Event marketing opportunitiesEvent listing
News post
Promotion
Printable flyer
QUESTIONS ANSWERS&
Thank you.Valarie Stuart, UI Designer
#OSConnect