Add content for design language

2026-09-24 15:00:31 +08:00 · 2022-09-13 17:30:06 +04:00
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>