Please enable JavaScript.
Coggle requires JavaScript to display documents.
IBM Smart City (Brand Guidelines (Color (IBM colors are vibrant and…
IBM Smart City
Brand Guidelines
Be proactive, always anticipating users’ next moves and helping them prepare for change.
-
-
IBM Design Principles
Give the content center stage in your layout. Design for experiences that are unobtrusive and reduce distraction to lend focus to the work at hand.
Clarify complexity - Design for clear and straightforward interactions to instill a feeling of confidence and ease. Our users should always know what to do and how to do it.
-
A clean layout is approachable and opens up mental space to get into the flow. It clears clutter and removes the guesswork from a user’s gaze.
-
Arrange elements to provide people with an understanding of what is most important, what their choices are and how to make the best use of their information.
Rhythm provides users with a consistent pattern for how they visually consume content. Depending on the kind of movement and pacing, rhythm can feel consistent (regular), organic (flowing) or sequenced (progressive).
-
-
Icons
IBM Design icons are sharp and clever. Their geometry is paired with the delightful details that make for an instantly recognizable style.
Bring together scientific precision and artistic craftsmanship to deliver icons that are easy to understand and fun to use.
The more icons you use, the less attention they draw. Consider whether adding an icon to your interface increases usability and clarity. Use them when space requires it
-
Apply basic building blocks to achieve harmony when creating icons. Icons should be drawn head-on without any perspective. Avoid unnecessary effects, realism, borders, visual complexity or 3D treatment.
Create sharp, technical outlines to evoke a sense of clarity and accuracy. Using consistent line weights across icons helps groups of icons feel similar.
Look for opportunities to balance fine, technical line work with a solid element for a feeling of stability.
Color
-
-
Warm, saturated colors draw more attention than cool, dull colors
-
Using the same color for similar elements helps users make sense of what they see. Group related content to reduce the complexity of a screen and enhance a user’s understanding. Consider the types of colors you are using when grouping objects. Avoid color combinations such as red and green, which appear too similar for users with certain color vision deficiencies.
Color is more than a product’s personality. It emphasizes connections between different types of content to help users make faster, more informed decisions.
When choosing a palette, select colors that reinforce the identity of your product. Maintain consistency across designs and decrease user recognition times.
An analogous scheme feels richer than monochromatic schemes. It’s usually best to stay within warm or cool colors to maintain a consistent temperature within your design. Choosing colors with varied saturation can add contrast and liven up the palette.
Complementary - Avoid complements that are the same level of saturation, which can look jarring. Choose a main color and use the complement as an accent
Triadic - this scheme is so diverse, it is important to choose a single color to focus on and use the other colors as accent.
-
-
Make it obvious
Build on people’s existing mental models to inform interactions. Familiarity and clear, distinct choices minimize the cognitive load and enable people to concentrate on their goals.
Clarity
Make information easy to find and understand. Creating clarity involves structuring and sequencing data with controlled vocabularies.
Brief
'Smart City' - under development. Show broad ideas of the project. Less traffic, affordable housing, lower energy costs. 30 second spot.
Needs to feel friendly as oppose to being intrusive, use the design to reinforce that it's safe and to be used for good.
-