mirror of
https://github.com/kamranahmedse/developer-roadmap.git
synced 2025-02-24 11:33:09 +01:00
Add content for design language
This commit is contained in:
Kamran Ahmed
parent
4565b5aedc
commit
d4a5aa02c2
@ -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…
x
Reference in New Issue
Block a user