mirror of
https://github.com/kamranahmedse/developer-roadmap.git
synced 2025-08-31 21:11:44 +02:00
Migrate design system roadmap
This commit is contained in:
@@ -3,6 +3,6 @@
|
||||
"enabled": false
|
||||
},
|
||||
"_variables": {
|
||||
"lastUpdateCheck": 1750679157111
|
||||
"lastUpdateCheck": 1751887359982
|
||||
}
|
||||
}
|
@@ -0,0 +1 @@
|
||||
# Avatar
|
@@ -0,0 +1 @@
|
||||
# Badges
|
@@ -0,0 +1 @@
|
||||
# Banners
|
@@ -0,0 +1 @@
|
||||
# Buttons
|
@@ -0,0 +1 @@
|
||||
# Cards
|
@@ -0,0 +1 @@
|
||||
# Color
|
@@ -1,3 +0,0 @@
|
||||
# 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,3 +0,0 @@
|
||||
# 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,3 +0,0 @@
|
||||
# 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,3 +0,0 @@
|
||||
# Color
|
||||
|
||||
Not only an efficient way to showcase your brand, but also an efficient way to communicate with your users. Colour palettes created with purpose over aesthetics in mind can help you create intuitive design patterns by adding meaning to your interface.
|
@@ -1,3 +0,0 @@
|
||||
# Iconography
|
||||
|
||||
Icons are symbols that represent functionality or content. They’re especially recognisable and helpful in user interfaces since their meaning can be understood at a glance. hough they can be used just for decoration, their full potential can be realised when they’re used meaningfully and consistently.
|
@@ -1,3 +0,0 @@
|
||||
# Layout
|
||||
|
||||
A well thought out layout goes a long way. Consistent use of a grid and spacing makes it easier for your users to scan the user interface and grasp the content.
|
@@ -1,3 +0,0 @@
|
||||
# Typography
|
||||
|
||||
Typography is one of the main ways you surface content in products. A clear hierarchy and contrasting styles in your typography scale will make things easier to read and help with the overall structure of your product. It’s also an opportunity to visualise your brand character and presence.
|
@@ -0,0 +1 @@
|
||||
# Dropdowns
|
@@ -1,3 +0,0 @@
|
||||
# Identify Components
|
||||
|
||||
Components of the application are created using a composition of design elements gathered in the previous step. Identify the list of components required for the application, which could include buttons, dropdowns, carousels, tabs, icons, alerts, toasts etc. Also, make sure to keep track of the different states of these components as well as different variants and actions.
|
@@ -1,3 +0,0 @@
|
||||
# Identify Design Elements
|
||||
|
||||
Use the results of visual audit and prepare a comprehensive list of design elements such as Colors, Typography, Sizes, Spaces, Grid, Layouts etc. These elements will be the building blocks of your components.
|
@@ -0,0 +1 @@
|
||||
# Forms
|
@@ -0,0 +1 @@
|
||||
# Icons
|
@@ -0,0 +1 @@
|
||||
# ...other
|
@@ -1,3 +0,0 @@
|
||||
# Analytics
|
||||
|
||||
Data isn’t the only driving factor when it comes to the development of design systems. Keeping a sharp eye on how your system’s used in the development process and the end product can inform your go-forward strategy.
|
@@ -1,3 +0,0 @@
|
||||
# Communications
|
||||
|
||||
Your users play a great role in shaping your design system. Creating communication channels where they can raise their voices helps you keep track of how they’re using your system. It’ll also improve their sense of ownership and the adoption of your system.
|
@@ -1,3 +0,0 @@
|
||||
# Task Management
|
||||
|
||||
Solid task management and workflows are a crucial step in executing any project. Adopting a methodology like Agile or Kanban helps you cover a lot of ground.
|
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user