Kamran Ahmed
2 years ago
parent
4565b5aedc
commit
d4a5aa02c2
17 changed files with 56 additions and 17 deletions
@ -1 +1,3 @@ |
|||||||
# Vision |
# 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 |
# 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 |
||||||
|
|
||||||
|
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 |
# 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 |
# 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 |
# 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