Expert Insights by ranganath krishnamani

Expert Insights by ranganath krishnamani

UI Guidelines

UI Guidelines

A very extensive UI Style Guide

A very extensive UI Style Guide

Playing with some transitions :)

Odyssey Translator UI Animation

Playing with some transitions :)

Digital Walls by Cosmin Capitanu

Digital Walls

Digital Walls by Cosmin Capitanu

Saife ui style guide

Saife ui style guide

10 Design Principles via CodeAcademy.com 1) Aim for a single-column layout. 2) Social Proof: Leverage Testimonials 3) Use color sparingly and associate it w/ specific actions. 4) Fewer Form Fields 5) Reduce Calls-to-Action 6) Content First.  Chrome (Actionable UI Elements) Second. 7) Hierarchy.  Let type, color and white space rule. 8) Incorporate easily recognizable icons and means to let users know where they left off. 9) Bigger Buttons. 10) Welcome, even when there's no data to show.

Reimagining Codecademy.com

10 Design Principles via CodeAcademy.com 1) Aim for a single-column layout. 2) Social Proof: Leverage Testimonials 3) Use color sparingly and associate it w/ specific actions. 4) Fewer Form Fields 5) Reduce Calls-to-Action 6) Content First. Chrome (Actionable UI Elements) Second. 7) Hierarchy. Let type, color and white space rule. 8) Incorporate easily recognizable icons and means to let users know where they left off. 9) Bigger Buttons. 10) Welcome, even when there's no data to show.

39cafb4f4714988a2b1d5662e9d7521dff840a61 1,024×6,340 pixels

39cafb4f4714988a2b1d5662e9d7521dff840a61 1,024×6,340 pixels

Style guide

Style guide

Website design, UI style guide.

Website design, UI style guide.

Pinterest
검색