934
edits
True End Game Secret Guide by Sophie/Joan: Difference between revisions
True End Game Secret Guide by Sophie/Joan (view source)
Revision as of 20:40, 4 September 2025
, 3 months ago→General Overview of Very Practical Mixing Ratios
m (→Introduction) |
|||
| Line 36: | Line 36: | ||
=== Contrast vs Harmony === | === Contrast vs Harmony === | ||
To simplify the case, we will only consider mainly the interactions between Hero Colour and Supporting Colour and such will hopefully simplify the case (e.g. we are not actively considering the contrast/harmony between Hero and Accent, or Supporting and Accent), although you can always do it yourself as in more advanced design processes (not gonna be covered here). | |||
Our eyes seek visual balance between similarity (harmony) and difference (contrast). Therefore our '''Objectives''' will be (by priority): | Our eyes seek visual balance between similarity (harmony) and difference (contrast). Therefore our '''Objectives''' will be (by priority): | ||
# When harmony dominates (between hero colour and supporting colour), you must “open up” space. | # When harmony dominates (between hero colour and supporting colour), you must “open up” space. | ||
# When contrast dominates, you need less adjustment, since balance is naturally present. | # When contrast dominates, you need less adjustment, since balance is naturally present. | ||
=== Proportions === | |||
The general rule of thumb is 60:30:10 ratio for Hero:Supporting:Accent colours. And in application, back again to our '''Objectives''' it simply means: | |||
# When harmony dominates, increase proportions of the Accent (or use stronger colours as the Accent) | |||
# When contrast dominates, lower proportions of the Accent (or use weaker colours as the Accent) | |||
=== Very Practical Steps === | |||
The actual practical steps are more loosely defined depending on your own unique situations (as one step may swap one with other step), but it is usually good to show these example step-by-step as a whole as to be some sort of backbone or the line of thoughts to simplify the whole matter (and to avoid confusion): | The actual practical steps are more loosely defined depending on your own unique situations (as one step may swap one with other step), but it is usually good to show these example step-by-step as a whole as to be some sort of backbone or the line of thoughts to simplify the whole matter (and to avoid confusion): | ||