Guide to ui design
Guide to ui design focus on specific topic areas such as glogic structure including visual aesthetic. UI Style Guides are…Read on
Last update at 24 · 02 · by milo‧‧‧ One of 5577
Guide to ui design focus on specific topic areas such as glogic structure including visual aesthetic. UI Style Guides are a design and development tool that brings cohesion to a digital user interface and its experience.
Typography is the most common interface design element, defining usability typefaces used in a product. Instructions for Titles, Subtitles, Headings (H1, H2, H3), Body Text, and Captions are mandatory.
a Heading & Text
Playfair lends itself to the late 18th century, period, and while it is not a revival of any particular design, it takes influence from the designs of John Baskerville and from ‘Scotch Roman’ designs.
Aa – Heading
Open Sans is a sans-serif typeface designed by Steve Matteson and commissioned by Google. According to Google, it was developed with an “upright stress, open forms and a neutral, yet friendly appearance” and is “optimized for legibility across print, web, and mobile interfaces.”
Arial is a neo-grotesque typeface: a design based on the influence of nineteenth-century sans-serifs, but made more regular and even to be more suited to continuous body text and to form a cohesive family of fonts.
UI Style Guide references brand identity guidelines, include a secondary scheme of lighter accent color.
b Color scheme
hex #d84800 is composed of 84.7% red, 28.2% green and 0% blue. In a CMYK color space, it is composed of 0% cyan, 66.7% magenta, 100% yellow and 15.3% black.
Hue angle is 20 degrees, a saturation of 100% and a lightness of 42.4%.
#d84800 color hex is obtained by blending #ff9000 with #b10000.
● #d84800 color description : Strong orange.
c Color Conversion
The hexadecimal color #d84800 has RGB values of R:216, G:72, B:0 and CMYK values of C:0, M:0.67, Y:1, K:0.15.
Its decimal value is 14174208.
|RGB Decimal||216, 72, 0|
|RGB Percent||84.7, 28.2, 0|
|CMYK||0, 67, 100, 15|
|HSL||20°, 100, 42.4|
|HSV (or HSB)||20°, 100, 84.7|
|CIE-LAB||50.964, 54.192, 61.82|
|XYZ||30.638, 19.237, 2.1|
|xyY||0.589, 0.37, 19.237|
|CIE-LCH||50.964, 82.21, 48.762|
|CIE-LUV||50.964, 118.371, 42.12|
|Hunter-Lab||43.86, 47.932, 27.864|
|Binary||11011000, 01001000, 00000000|
The field of user experience design is a conceptual design discipline and has its roots in human factors and ergonomics, a field that, since the late 1940s, has focused on the interaction between human users, machines, and the contextual environments to design systems that address the user’s experience.
User experience design draws from design approaches like human-computer interaction and user-centered design, and includes elements from similar disciplines like interaction design, visual design, information architecture, user research, and others.