Write Design Manual Content - Githubissues

joleskins / etterna-united

A theme for Etterna

2 stars 0 forks source link

Write Design Manual Content #18

Open joleskins opened 3 years ago

joleskins commented 3 years ago

In order to go through the design process thoroughly, creating a design manual is a good idea. This should help with coming up with concepts for new screens by specifying well thought out guidelines

Contents to include

Logo

[ ] Keep-out zone
[ ] Sizing
[ ] Variations / Colours

Grids

[x] Grid type
[x] When to follow
[x] Margins

Panels

[x] When to use
[x] Margins
[x] Colour
[x] Shadows

Typography

[x] Typeface(s)
[x] Sizing
[x] Alignment
[x] Headlines
[x] Sub-headlines
[x] Info Text
[x] Body Copy
[ ] Lists
[ ] Score Rewards Maybe more to come..

Audience & Tone of Voice

[ ] Who is the user?
[ ] How to communicate with them

Colour

[ ] Primary
[ ] Secondary
[ ] Accent
[ ] Grades
[ ] Charts
[ ] Graphs
[ ] Judgments
[ ] Special
[ ] Opacity
[ ] Backgrounds (Without images)

Images / Textures

[x] Proportions
[x] Blends
[x] Resolution

Music

[x] Genre
[x] Source
[x] Cuts
[x] File type

Animations

[x] Timing
[x] Framerate (Spritesheets only)
[x] Eases (Bezier curve stuff)