ਡਿਜ਼ਾਈਨ ਸਿਸਟਮ ਡਿਵੈਲਪਰਾਂ ਲਈ
ਇਕਸਾਰਤਾ (Consistency) ਕੋਈ ਐਸ਼ੋ-ਆਰਾਮ ਦੀ ਚੀਜ਼ ਨਹੀਂ ਹੈ। ਉਪਭੋਗਤਾ ਉਮੀਦ ਕਰਦੇ ਹਨ ਕਿ ਹਰ ਸਕ੍ਰੀਨ 'ਤੇ ਉਤਪਾਦ ਸੁਚਾਰੂ ਅਤੇ ਭਰੋਸੇਮੰਦ ਮਹਿਸੂਸ ਹੋਣ।
ਇੱਕ ਡਿਜ਼ਾਈਨ ਸਿਸਟਮ ਸਿਰਫ਼ ਰੰਗਾਂ ਅਤੇ ਬਟਨਾਂ ਤੋਂ ਕਿਤੇ ਵੱਧ ਹੈ। ਇਹ ਡਿਜ਼ਾਈਨ, ਡਿਵੈਲਪਮੈਂਟ ਅਤੇ ਪ੍ਰੋਡਕਟ ਟੀਮਾਂ ਲਈ ਇੱਕ ਸਾਂਝੀ ਭਾਸ਼ਾ ਹੈ। ਇਹ ਮੁੜ ਵਰਤੋਂਯੋਗ (reusable) ਕੰਪੋਨੈਂਟਸ, ਪੈਟਰਨਾਂ ਅਤੇ ਨਿਯਮਾਂ ਦਾ ਇੱਕ ਸੰਗ੍ਰਹਿ ਹੈ।
ਇੱਕ ਡਿਜ਼ਾਈਨ ਸਿਸਟਮ ਦੇ ਅੰਦਰ ਕੀ ਹੁੰਦਾ ਹੈ?
- UI ਕੰਪੋਨੈਂਟਸ ਜਿਵੇਂ ਕਿ ਬਟਨ ਅਤੇ ਇਨਪੁੱਟਸ
- ਰੰਗਾਂ ਅਤੇ ਸਪੇਸਿੰਗ ਲਈ Design tokens
- Accessibility ਨਿਯਮ
- Coding standards
- ਡਾਕੂਮੈਂਟੇਸ਼ਨ
ਪ੍ਰਸਿੱਧ ਉਦਾਹਰਣਾਂ ਵਿੱਚ Google Material Design, Microsoft Fluent, ਅਤੇ IBM Carbon ਸ਼ਾਮਲ ਹਨ।
ਇੱਕ ਡਿਜ਼ਾਈਨ ਸਿਸਟਮ ਅਸਲ ਇੰਜੀਨੀਅਰਿੰਗ ਸਮੱਸਿਆਵਾਂ ਨੂੰ ਹੱਲ ਕਰਦਾ ਹੈ।
ਇਹ ਵਾਰ-ਵਾਰ ਹੋਣ ਵਾਲੇ ਕੰਮ ਨੂੰ ਰੋਕਦਾ ਹੈ ਇੱਕ ਸਿਸਟਮ ਤੋਂ ਬਿਨਾਂ, ਤੁਸੀਂ ਵਾਰ-ਵਾਰ ਉਹੀ ਬਟਨ ਅਤੇ ਫਾਰਮ ਬਣਾਉਂਦੇ ਹੋ। ਇੱਕ ਡਿਜ਼ਾਈਨ ਸਿਸਟਮ ਤੁਹਾਨੂੰ ਮੁੜ ਵਰਤੋਂਯੋਗ ਕੰਪੋਨੈਂਟਸ ਦਿੰਦਾ ਹੈ। ਤੁਸੀਂ ਹਰ ਐਲੀਮੈਂਟ ਲਈ ਕਸਟਮ CSS ਲਿਖਣਾ ਬੰਦ ਕਰ ਦਿੰਦੇ ਹੋ। ਤੁਸੀਂ ਇੱਕ ਸਿੰਗਲ ਕੰਪੋਨੈਂਟ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋ ਜੋ ਸਟਾਈਲਿੰਗ, ਸਟੇਟਸ (states) ਅਤੇ ਰਿਸਪੌਂਸਿਵਨੈੱਸ (responsiveness) ਨੂੰ ਸੰਭਾਲਦਾ ਹੈ। ਇਸ ਨਾਲ ਸਮੇਂ ਦੀ ਬਚਤ ਹੁੰਦੀ ਹੈ।
ਇਹ ਇਕਸਾਰਤਾ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਜੇਕਰ ਇੱਕ ਪੇਜ 'ਤੇ ਗੋਲ (rounded) ਬਟਨ ਹਨ ਅਤੇ ਦੂਜੇ 'ਤੇ ਚੌਰਸ (square) ਬਟਨ ਹਨ, ਤਾਂ ਤੁਹਾਡਾ ਉਤਪਾਦ ਅਧੂਰਾ ਲੱਗਦਾ ਹੈ। ਇੱਕ ਡਿਜ਼ਾਈਨ ਸਿਸਟਮ ਬਟਨਾਂ, ਸਪੇਸਿੰਗ ਅਤੇ ਟਾਈਪੋਗ੍ਰਾਫੀ ਨੂੰ ਹਰ ਜਗ੍ਹਾ ਇੱਕੋ ਜਿਹਾ ਰੱਖਦਾ ਹੈ। ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਤੁਹਾਡੇ ਇੰਟਰਫੇਸ ਨੂੰ ਦੁਬਾਰਾ ਸਿੱਖਣ ਦੀ ਲੋੜ ਨਹੀਂ ਪੈਂਦੀ।
ਇਹ ਸੰਚਾਰ ਦੀਆਂ ਕਮੀਆਂ ਨੂੰ ਦੂਰ ਕਰਦਾ ਹੈ ਡਿਜ਼ਾਈਨਰ ਅਤੇ ਡਿਵੈਲਪਰ ਅਕਸਰ ਇੱਕ ਦੂਜੇ ਨੂੰ ਗਲਤ ਸਮਝ ਲੈਂਦੇ ਹਨ। ਇੱਕ ਡਿਜ਼ਾਈਨਰ ਇੱਕ ਆਧੁਨਿਕ ਬਟਨ ਦੀ ਮੰਗ ਕਰ ਸਕਦਾ ਹੈ। ਤੁਸੀਂ ਇਸਦਾ ਵੱਖਰਾ ਅਰਥ ਕੱਢ ਸਕਦੇ ਹੋ। ਇੱਕ ਡਿਜ਼ਾਈਨ ਸਿਸਟਮ ਅਸਪਸ਼ਟ ਸ਼ਬਦਾਂ ਦੀ ਜਗ੍ਹਾ ਸਟੈਂਡਰਡਸ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ। ਤੁਸੀਂ ਖਾਸ ਟੋਕਨਸ ਅਤੇ ਕੰਪੋਨੈਂਟਸ ਦੀ ਵਰਤੋਂ ਕਰਦੇ