top of page
Vodafone
Project overview
Icon system build
LOW/HI FIDELITY
SYSTEM ICONS
DESIGN APPROACH
Square Grid
In order to achieve a unified look and feel when they sit next to each other, the majority of icons are created within the 24 square grid. There are instances where the icon breaks into the padding area. This is to avoid some icons looking smaller than others because of their particular shape. However, breaking into the padding area should be kept to a minimum.
Keyline Shapes
Building foundations
Keyline shapes
Keyline shapes are the foundation of the grid. By using these core shapes as guidelines, a consistent visual proportion across all icons is ensured.
45º
Icon layering 45º
Each component is positioned on top of the previous one, always casting the hard gradients shadow at a 45º. The gradient starts at 100% black and ends at 0% black
Red
Balance
Icons should be more grey than red to avoid breaking the balance between product and brand. This ensures an icon set that is consistent and avoids the issue of being brash.
HI-FI
LOW-FI
Real world
metaphors
_Actual bill
_Converted bill
EXTENDING THE
PROCESS
REQUESTING ICONOGRAPHY
bottom of page