গত পর্বে আমরা জেনেছি ডিজাইন সিস্টেম কেন ব্যবহার করা হয়। এই পর্বে আমরা ডিজাইন সিস্টেমের ২০টি উদাহরণ নিয়ে আলোচনা করব যা আপনার পরবর্তী প্রজেক্ট তৈরির ক্ষেত্রে কাজে লাগাতে পারেন। তাহলে চলুন শুরু করা যাক।

ডিজাইন সিস্টেমের উদাহরণ:

একজন নতুন ডিজাইনার এবং ডেভেলপার প্রজেক্টের কাজ দ্রুত এবং সুন্দরভাবে শেষ করার জন্য এক্সিস্টিং ডিজাইন সিস্টেম ব্যবহার করতে পারেন। এখানে আমরা সে সমস্ত এক্সিস্টিং ডিজাইন সিস্টেমের উদাহরণ নিয়ে আলোচনা করব।

Google’s Material Design

Google’s Material Design 3.0 এবং 2.0 হল একটি ইউনিফাইড ডিজাইন সিস্টেম যা আপনি আপনার প্রজেক্টের কাজে ব্যবহার করতে পারেন।

Source: https://material.io/

Apple’s Human Interface Guidelines

Apple’s Human Interface Guidelines আপনাকে app architecture, system capabilities, visual design, icons, এবং আরও অনেক কিছুর মতো প্রয়োজনীয় অ্যাপ স্ট্রাকচারাল components গুলোর সঠিক এবং সুন্দরভাবে নির্দেশিকা প্রদান করে।

Source: https://developer.apple.com/design/human-interface-guidelines/guidelines/overview/

Microsoft’s Fluent

Microsoft’s Fluent fundamentals of principled design, technology innovation এবং ইউজারের চাহিদা্র মত মৌলিক বিষয়গুলোকে একত্রিত করে।

Source: https://www.microsoft.com/design/fluent/

Atlassian’s Design Language

Atlassian এর এন্ড-টু-এন্ড design language এবং কৌশলগতভাবে পরিকল্পিত components ব্যবহার করে একটি দারুণ অভিজ্ঞতা অর্জন করতে পারো। সেরা বৈশিষ্ট্য হল প্রতিটি বিভাগে একটি code sample রয়েছে যা ডেভলপারদের জন্য গুরুত্বপূর্ণ।

Source: https://atlassian.design/

GitLab’s Pajamas Design System

Source: https://design.gitlab.com/

Mozilla Firefox’s Photon Design System

Source: https://design.firefox.com/photon/

HUDL’s Uniform Design System

Source: http://uniform.hudltools.com/

Thumbtack Thumbprin

Source: https://thumbprint.design/

আমাদের আজকের পর্ব এখানেই শেষ। এই পর্বে আমরা ডিজাইন সিস্টেমের বিভিন্ন উদাহরণ নিয়ে আলোচনা করেছি। পরবর্তী পর্বগুলোর আপডেট পেতে আমাদের পিক্সেন্সি একাডেমী পেজের সঙ্গেই থাকুন।