Web Design is COMPLICATED. Your design can detract from your message or goal. The simpler the design...

21
Web Design is COMPLICATED

TAGS:

Transcript of Web Design is COMPLICATED. Your design can detract from your message or goal. The simpler the design...

Page 1: Web Design is COMPLICATED. Your design can detract from your message or goal. The simpler the design the more ‘message’ gets through.

Web Design is COMPLICATED

Page 2: Web Design is COMPLICATED. Your design can detract from your message or goal. The simpler the design the more ‘message’ gets through.

Your design can detract from your message or goal. The simpler the design the more ‘message’ gets through

Page 3: Web Design is COMPLICATED. Your design can detract from your message or goal. The simpler the design the more ‘message’ gets through.

GoodUI.org

Why clutter it up?

http://www.goodui.org/
Page 4: Web Design is COMPLICATED. Your design can detract from your message or goal. The simpler the design the more ‘message’ gets through.

Portfolio of Calm Digital KISS – Keep It Simple Stupid

http://www.calmdigital.com/
Page 5: Web Design is COMPLICATED. Your design can detract from your message or goal. The simpler the design the more ‘message’ gets through.

Nexus 7 website

Video is the immediate future

3D interactive is coming

http://www.google.com/nexus/7/
Page 6: Web Design is COMPLICATED. Your design can detract from your message or goal. The simpler the design the more ‘message’ gets through.

Spotify

https://www.spotify.com/uk/video-splash/?utm_source=spotify&utm_medium=web&utm_campaign=start
Page 7: Web Design is COMPLICATED. Your design can detract from your message or goal. The simpler the design the more ‘message’ gets through.

website

http://fernando.is/all-about/
Page 8: Web Design is COMPLICATED. Your design can detract from your message or goal. The simpler the design the more ‘message’ gets through.

Novelty can work

http://wistia.com/
http://noonebelongsheremorethanyou.com/00025
Page 9: Web Design is COMPLICATED. Your design can detract from your message or goal. The simpler the design the more ‘message’ gets through.

SIMPLE

http://www.android.com/
Page 10: Web Design is COMPLICATED. Your design can detract from your message or goal. The simpler the design the more ‘message’ gets through.

Tips for designing a great site

Page 11: Web Design is COMPLICATED. Your design can detract from your message or goal. The simpler the design the more ‘message’ gets through.

Arial is still one of the best web fonts

Page 12: Web Design is COMPLICATED. Your design can detract from your message or goal. The simpler the design the more ‘message’ gets through.

Never More Than Fifteen Words on a Line

Page 13: Web Design is COMPLICATED. Your design can detract from your message or goal. The simpler the design the more ‘message’ gets through.

link

Page 14: Web Design is COMPLICATED. Your design can detract from your message or goal. The simpler the design the more ‘message’ gets through.

Use a Scale to Pick Font Sizes

5, 7, 9, 12, 16, 21, 28, 37, 50, 67, 83.

the technical details of arriving at these sizes How to Establish a Modular Typographic Scale.

http://design.tutsplus.com/articles/how-to-establish-a-modular-typographic-scale--webdesign-14927
Page 15: Web Design is COMPLICATED. Your design can detract from your message or goal. The simpler the design the more ‘message’ gets through.

Begin with a site map no matter how small

Page 16: Web Design is COMPLICATED. Your design can detract from your message or goal. The simpler the design the more ‘message’ gets through.

At your

competitors sites

LOOK

Page 17: Web Design is COMPLICATED. Your design can detract from your message or goal. The simpler the design the more ‘message’ gets through.

SketchAnnotateHave FUN with your ideas

Page 18: Web Design is COMPLICATED. Your design can detract from your message or goal. The simpler the design the more ‘message’ gets through.

Pick One GOOD Colour OR

Page 19: Web Design is COMPLICATED. Your design can detract from your message or goal. The simpler the design the more ‘message’ gets through.

If you blend use a guide

Blend

http://webdesign.tutsplus.com/articles/defining-and-recognizing-colors--webdesign-13289
Page 20: Web Design is COMPLICATED. Your design can detract from your message or goal. The simpler the design the more ‘message’ gets through.
Page 21: Web Design is COMPLICATED. Your design can detract from your message or goal. The simpler the design the more ‘message’ gets through.

DEAN’S MESSAGE - WordPress.com · DEAN’S MESSAGE IUE Faculty of Fine Arts and Design (FFAD) include five design disciplines working together in harmony: Fashion and Textile Design,

DEAN’S MESSAGE - WordPress.com · DEAN’S MESSAGE IUE Faculty of Fine Arts and Design (FFAD) include five design disciplines working together in harmony: Fashion and Textile Design,

Message Design Project Pizza Press vs. Blaze Pizza

Message Design Project Pizza Press vs. Blaze Pizza

Message Design Guidelines for message design principals that should be incorporated in instructional…

Message Design Guidelines for message design principals that should be incorporated in instructional…

EDTECH506 64172 Instructional,Message,Design · 5 EDTECH 506 – Instructional Message Design Syllabus productionof!instructional!andprofessional!materials!andproducts.!! 2.3Computer5BasedTechnologies!!

EDTECH506 64172 Instructional,Message,Design · 5 EDTECH 506 – Instructional Message Design Syllabus productionof!instructional!andprofessional!materials!andproducts.!! 2.3Computer5BasedTechnologies!!

Unit Four: Chapter 20 averse endow detract expulsion disdain mortify divulge nullify elationominous.

Unit Four: Chapter 20 averse endow detract expulsion disdain mortify divulge nullify elationominous.

Game Design: Getting the Story Right · •A bunch of cool features –Necessary, but not sufficient –May even detract, if not careful, by concentrating on features rather than

Game Design: Getting the Story Right · •A bunch of cool features –Necessary, but not sufficient –May even detract, if not careful, by concentrating on features rather than

12/2/2006 rev 4 Concepts, Tools and Applications for Design reasoning Recording- The AAITP Detract Karl Reed 1 and Torab Torabi 2,3 1 Gastwissenshaftler,

12/2/2006 rev 4 Concepts, Tools and Applications for Design reasoning Recording- The AAITP Detract Karl Reed 1 and Torab Torabi 2,3 1 Gastwissenshaftler,

Microsoft Word - advertising sign guidelines.doc€¦  · Web viewUnattractive and cluttered signage can significantly detract from the appearance of business centres ... message

Microsoft Word - advertising sign guidelines.doc€¦  · Web viewUnattractive and cluttered signage can significantly detract from the appearance of business centres ... message

Visual Literacy and Message Design

Visual Literacy and Message Design

Effective Message Design for Dynamic Message Signs · issues and the contents of the Dynamic Message Sign Message Design and Display Manual that was developed as part of this project

Effective Message Design for Dynamic Message Signs · issues and the contents of the Dynamic Message Sign Message Design and Display Manual that was developed as part of this project

Message Design and Content Creation: Info Design

Message Design and Content Creation: Info Design

Instructional Message Design

Instructional Message Design

Does capital gains tax add to or detract from the fairness of the

Does capital gains tax add to or detract from the fairness of the

Game Design: Getting the Story Rightinworks.ucdenver.edu/jkb/iwks3400/Notes/Game Design...•A bunch of cool features –Necessary, but not sufficient –May even detract, if not careful,

Game Design: Getting the Story Rightinworks.ucdenver.edu/jkb/iwks3400/Notes/Game Design...•A bunch of cool features –Necessary, but not sufficient –May even detract, if not careful,

2009-03-12 Message Codification & Maintenance Message & Workflow Design WG: Edig@s = Member countries.

2009-03-12 Message Codification & Maintenance Message & Workflow Design WG: Edig@s = Member countries.

Dynamic Message Sign Message Design and …...The Dynamic Message Sign Message Design and Display Manual contains the following 14 modules: 1) Introduction, 2) Principles of DMS Operations,

Dynamic Message Sign Message Design and …...The Dynamic Message Sign Message Design and Display Manual contains the following 14 modules: 1) Introduction, 2) Principles of DMS Operations,

Message Design Development

Message Design Development

AWARD-WINNING DESIGN · 2016. 2. 25. · The mirror, also by Falper, is touch activated and the minimal elegance of Dornbracht’s wall mounted basin mixer doesn’t detract from

AWARD-WINNING DESIGN · 2016. 2. 25. · The mirror, also by Falper, is touch activated and the minimal elegance of Dornbracht’s wall mounted basin mixer doesn’t detract from

Message Design For the Math Classroom

Message Design For the Math Classroom

Message Design Blog Assignment - Shantel Wolfe

Message Design Blog Assignment - Shantel Wolfe