Sushi Design System - UI Kit for Android apps

বিবরণ Sushi Design System - UI Kit for Android apps

সুশি ZOMATO এর নিজস্ব ডিজাইন সিস্টেম, যা একটি পরিষ্কার এবং সহজ নকশা ভাষা অনুসরণ করে শক্তসমর্থ ব্যবহারকারী ইন্টারফেসগুলি তৈরি করতে সহায়তা করে। আমরা Zomato এ, স্থল থেকে এই নির্মিত হয়েছে। এটি শুধু আমাদের জন্য একটি ডিজাইন সিস্টেম নয়, তবে এটি আমাদের ব্যবহারকারীদের কাছে একটি নতুন এবং উন্নত অভিজ্ঞতা সরবরাহ করতে সহায়তা করে। সুশি আপনাকে একটি পারমাণবিক, পরিষ্কার এবং সহজ নকশা ভাষা অনুসরণ করে bespoke ব্যবহারকারী ইন্টারফেস তৈরি করতে সহায়তা করতে পারে। সুশি এটির নিজস্ব ডিজাইন ভাষাতে তৈরি করে, এটি সম্পূর্ণভাবে Google এর উপাদান নকশা উপাদানগুলি সম্পূর্ণরূপে আলিঙ্গন করে এবং ব্যবহার করে।
একটি নকশা সিস্টেম হিসাবে এবং ব্র্যান্ড নির্দেশিকাগুলির জন্য একটি রেফারেন্স হিসাবে, এটি জ্যামাতো, যেমন - পণ্য, প্রকৌশল, বিপণন এবং ব্র্যান্ডিংয়ের মধ্যে বিভিন্ন দল দ্বারা ব্যবহার করা হয় এবং প্রতিনিধিত্ব করে।
একটি কি ডিজাইন সিস্টেম?
একটি ডিজাইন সিস্টেম পুনঃব্যবহারযোগ্য উপাদানগুলির একটি সংগ্রহ, যা স্পষ্ট মান দ্বারা পরিচালিত, যা কোনও অ্যাপ্লিকেশন তৈরি করতে একত্রিত করা যেতে পারে। একটি ডিজাইন সিস্টেম শুধুমাত্র ডিজিটাল পণ্য তৈরি করার জন্য আপনি যে সম্পদ এবং উপাদানগুলি ব্যবহার করেন সেগুলির একটি সংগ্রহ নয়। Emmet Connolly এর মতে, ইন্টারকামে পণ্য ডিজাইনের পরিচালক, "... বেশিরভাগ নকশা সিস্টেম সত্যিই প্যাটার্ন লাইব্রেরি: UI লেগো টুকরাগুলির একটি বড় বাক্স যা কাছাকাছি-অসীম উপায়ে একত্রিত করা যেতে পারে। সমস্ত টুকরা সামঞ্জস্যপূর্ণ হতে পারে, কিন্তু এর মানে একত্রিত ফলাফল হবে না। আপনার পণ্যটি পুনঃব্যবহারযোগ্য UI উপাদানগুলির একটি পিলের চেয়ে বেশি। এটা গঠন এবং অর্থ আছে। এটি একটি জেনেরিক ওয়েব পেজ নয়, এটি ধারণার একটি সিস্টেমের অঙ্গবিন্যাস। "
সুশি ডিজাইন সিস্টেম
ভিত্তি
ফাউন্ডেশন ডিজিটাল ব্র্যান্ড নির্দেশিকা, যা আমাদের নকশা সিস্টেমের ধরন, রঙের প্যালেটস, আইকন, স্পেসিং, ছায়া এবং তথ্য আর্কিটেকচারকে সংজ্ঞায়িত করে। সুশি, পারমাণবিক নকশা নীতি অনুসরণ করে, কম্পোজেবল উপাদানগুলি ব্যবহার করে নিচের দিকে নির্মিত, পরমাণু ➡️ অণু ➡️ অর্গানিজম হিসাবে আদেশ করা হয়েছে।
পারমাণবিক নকশা
পারমাণবিক নকশা (যেমন ব্র্যাড ফ্রস্ট দ্বারা বর্ণিত ) আমাদের সিস্টেমে ম্যাপ করা হয়েছে।
#atoms
ক্ষুদ্রতম অবিচ্ছেদ্য ইউনিটগুলি পরমাণু। অ্যান্ড্রয়েড (বা কোনও মোবাইল UI) পাঠ্য লেবেল, বোতাম এবং ইমেজ হোল্ডারগুলি পরমাণু।
# মোলেকুলেস
দেখানো হয়েছে যা একাধিক পরমাণু গঠন করতে পারে, তবে এখনও চেহারা এবং আচরণ করে ব্যবহারকারীর একক সত্তা মত অণু হয়। উদাহরণস্বরূপ, ইনপুট ক্ষেত্রগুলিতে ইনপুট বক্স, ত্রুটি ক্ষেত্র, এবং একটি পরিষ্কার বোতাম রয়েছে, তবে এটি একটি একক সত্তা।
# organisms
জটিল, কিন্তু পুনঃব্যবহারযোগ্য উপাদান , যে একসঙ্গে একটি সংহতিপূর্ণ ভাবে কাজ। একাধিক পরমাণু এবং অণু গঠিত। বিন্দুতে একটি কেসটি রেটিং বার, যা ট্যাগের ধারণ করে, প্রতিটি একটি সংখ্যা এবং একটি আইকন থাকে। ট্যাগগুলি রঙ পরিবর্তন করে, যখন বিভিন্ন রেটিং নির্বাচন করা হয়। প্রতিটি ট্যাগ পৃথকভাবে অন্যান্য স্থানে ব্যবহার করা হয়, কিন্তু একটি রেটিং বার হিসাবে, এটি নতুন অর্থ তৈরি করতে একসাথে কাজ করে।
টাইপোগ্রাফি
টাইপোগ্রাফি, যেমন আপনি জানতে পারেন লিখিত ভাষা সুস্পষ্ট, পঠনযোগ্য, এবং আপিল করার সময় টাইপ করার পদ্ধতিটি সাজানো। প্রকারের ব্যবস্থা টাইপফেস, পয়েন্ট মাপ, লাইনের দৈর্ঘ্য, লাইন-স্পেসিং এবং অক্ষর-স্পেসিংয়ের নির্বাচন এবং অক্ষরের জোড়াগুলির মধ্যে স্থানটি সামঞ্জস্য করে।
আমরা নিম্নলিখিত টাইপফেস বৈচিত্রকে সমর্থন করি -
extralight
হালকা
নিয়মিত
মাঝারি
সেমিবোল্ড
Extrabold
আপনি 8 ফন্ট ওজন পর্যন্ত যে কোন ফন্ট ব্যবহার করতে পারেন এবং এই থেকে তাদের বরাদ্দ করতে পারেন aliases। আমরা আপনার ব্র্যান্ডের সাথে যে কোনও ফন্ট ব্যবহার করতে পারি।
রং
রং
সুশি তার প্যালেটে পূর্বনির্ধারিত রংগুলির একটি সেট সরবরাহ করে । অত্যন্ত অনন্য ক্ষেত্রে, আপনার নিজের রংগুলি ব্যবহার করতে বিনা দ্বিধায়, তবে অন্যথায়, আমরা আপনার পণ্যটির সমস্ত উপাদানগুলির জন্য এই প্যালেট থেকে রংগুলি ব্যবহার করার পরামর্শ দিই।