Kamran Ahmed
2 years ago
parent
4565b5aedc
commit
d4a5aa02c2
17 changed files with 56 additions and 17 deletions
@ -1 +1,3 @@ |
||||
# Vision |
||||
|
||||
Identify why you exist, what your values are and how they’ll help guide the future of your product. |
||||
|
||||
@ -1 +1,3 @@ |
||||
# Design principles |
||||
# Design Principles |
||||
|
||||
The considerations that guide the basis of your practice. They outline how you approach design from a philosophical perspective and help with everyday decisions. |
||||
|
||||
@ -1 +1,3 @@ |
||||
# Terminology |
||||
|
||||
Create the standard terms and phrases that need to be kept the same throughout the user experience, speeding up the design process and unifying your voice. |
||||
|
||||
@ -1 +1,3 @@ |
||||
# Tone of voice |
||||
# Tone of Voice |
||||
|
||||
A clear tone of voice defines how you speak to your audience at every moment in their journey, helping them get wherever they want to go. |
||||
|
||||
@ -1 +1,3 @@ |
||||
# Writing guidelines |
||||
# Writing Guidelines |
||||
|
||||
Every consistent experience needs watertight writing. Laying down the foundations for your house style early keeps everything in line with consistent grammar, style choices and action-oriented language to help your design. |
||||
|
||||
@ -1 +1,3 @@ |
||||
# Brand |
||||
|
||||
Brand drives every single decision you make when building new products or features. A good brand is much more than a name and a logo. It’s the values that define your unique identity and what makes you stand out from others. |
||||
|
||||
@ -1 +1,3 @@ |
||||
# Accessibility |
||||
|
||||
Guidelines for how you approach accessibility and how you leverage colour, hierarchy and assistive technologies to help your users. |
||||
|
||||
@ -1 +1,3 @@ |
||||
# User onboarding |
||||
# User Onboarding |
||||
|
||||
How you onboard your users to your product or a new feature and give them a great experience from the start. |
||||
|
||||
@ -1 +1,3 @@ |
||||
# Microcopy guidelines |
||||
# Microcopy Guidelines |
||||
|
||||
The standard way to write for the components in your design system. These take platform conventions and best practices for writing all into consideration. |
||||
|
||||
@ -1 +1,3 @@ |
||||
# Guidelines |
||||
|
||||
Providing guidance on how to approach common UX patterns will allow your organisation to establish a consistent approach and a consistent user experience on any platform. |
||||
|
||||
@ -1 +1,3 @@ |
||||
# Monochrome version |
||||
# Monochrome Version |
||||
|
||||
A monochrome version of your logo that looks good on top of photography or when it’s printed with a poor quality printer. |
||||
|
||||
@ -1 +1,3 @@ |
||||
# Small use guidance |
||||
# Small Use Guidance |
||||
|
||||
Your logo must perform well and be recognisable at all sizes. Tips for using your logo in these cases will minimise the risk of it being misused. |
||||
|
||||
@ -1 +1,3 @@ |
||||
# Placement and clearance guidance |
||||
# Placement and Clearance Guidance |
||||
|
||||
Your logo must come with clear guidance on how to place it and how to preserve its space since it lives along with other content. |
||||
|
||||
@ -1 +1,3 @@ |
||||
# Usage guidance |
||||
# Usage Guidance |
||||
|
||||
These are the logo crimes, providing contextual examples of what to (not) do with your logo. |
||||
|
||||
@ -1 +1,3 @@ |
||||
# Different file formats |
||||
# Different File Formats |
||||
|
||||
Providing a variety of formats for the vector version of your logo will make it easier for others to work and prevent anyone from redrawing it. |
||||
|
||||
@ -1 +1,3 @@ |
||||
# Logo |
||||
|
||||
Most customers form an opinion about a product in seconds. In most cases, your logo will be the first brand asset someone sees. It’s all about making the right first impression. A distinctive logo helps users recognise a product immediately and gives them the essence of your branding. |
||||
|
||||
@ -1 +1,8 @@ |
||||
# Design language |
||||
# Design Language |
||||
|
||||
Like any language, a design language is a methodical way of communicating with your audience through your approach to product design. It’s the cornerstone of consistent customer experiences. |
||||
|
||||
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://medium.com/thinking-design/what-is-a-design-language-really-cd1ef87be793'>What is a Design Language.. really?</BadgeLink> |
||||
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://xd.adobe.com/ideas/principles/web-design/how-to-develop-design-language/'>How to Develop a Design Language</BadgeLink> |
||||
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.uxpin.com/studio/blog/design-language/'>What Actually Constitutes Design Language?</BadgeLink> |
||||
<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.smashingmagazine.com/2020/03/visual-design-language-building-blocks/'>Visual Design Language: The Building Blocks Of Design</BadgeLink> |
||||
|
||||
Loading…
Reference in new issue