আইকন
Spaceship আইকনগুলি জটিল কার্যক্রম ও ধারণাকে তাৎক্ষণিকভাবে চেনা যায় এমন প্রতীকে রূপান্তরিত করে, যা ব্যবহারকারীদের সহজে নেভিগেট ও ইন্টারঅ্যাক্ট করতে সহায়তা করে।
সর্বজনীন হলেও স্বতন্ত্র, আমাদের আইকনগুলো ব্র্যান্ডের সবচেয়ে ছোট নির্মাণ উপাদান, যা তাৎক্ষণিকভাবে চেনার জন্য ডিজাইন করা হয়েছে এবং একই সঙ্গে স্পষ্টভাবে Spaceship-এর পরিচয় বজায় রাখে।
সংস্করণসমূহ
সব Spaceship আইকন দুইটি সংস্করণে পাওয়া যায়: outlined (প্রাথমিক) এবং filled (দ্বিতীয়িক)।
গঠন
আইকনগুলো নির্ধারিত নিয়ম অনুযায়ী ডিজাইন করা হয় — বেস গ্রিড থেকে শুরু করে stroke প্যারামিটার পর্যন্ত — যাতে সঙ্গতিপূর্ণ ও ভারসাম্যপূর্ণ ফলাফল নিশ্চিত হয়।
আকার
ডিজাইনগতভাবে স্কেলযোগ্য হওয়ায়, সিস্টেমজুড়ে স্বচ্ছতা ও ভিজ্যুয়াল সামঞ্জস্য বজায় রাখতে আইকনগুলো পাঁচটি আকারে ব্যবহার করা উচিত।
রং
রং একটি অপরিহার্য উপাদান, যা ব্যবহারকারীদের একটি নির্দিষ্ট ইন্টারফেসের মধ্যে তাদের প্রোডাক্ট আরও সহজে শনাক্ত করতে সাহায্য করে। এই UI প্রেক্ষাপটগুলোতে সামঞ্জস্য নিশ্চিত করতে, আইকনগুলোতে Spaceship Design System-এর রং ব্যবহার করা হয়।
ব্র্যান্ডের রং
Spaceship-এর মূল রং হিসেবে, আইকনের জন্য এগুলোই প্রধান পছন্দ হওয়া উচিত — প্ল্যাটফর্ম UI-এর মতো কার্যকরী প্রেক্ষাপটে হোক বা প্রোডাক্ট পেজে ফিচার উপস্থাপনার মতো আরও চিত্রধর্মী ব্যবহারে। আরও বিস্তারিত জানতে color পেজটি দেখুন।
প্রোডাক্টের রং
একটি প্রোডাক্টের প্রধান রং তার সংশ্লিষ্ট আইকনগুলোতে প্রয়োগ করা উচিত। Spaceship ইকোসিস্টেম জুড়ে প্রোডাক্ট শনাক্তকরণ ও সচেতনতার জন্য এটি গুরুত্বপূর্ণ।
নোটিফিকেশন রং
সতর্কবার্তাকে আরও জোরালো করতে নোটিফিকেশন রং ব্যবহার করুন। এগুলো শুধুমাত্র অ্যালার্ট আইকনগুলোতে প্রয়োগ করা উচিত, তবে মাঝে মাঝে ব্যতিক্রম হতে পারে যেখানে অন্য কোনো আইকনও success, error, বা warning অবস্থা নির্দেশ করে।
নির্দেশনা
আইকন ব্যবহার করার সময় কী কী এড়িয়ে চলতে হবে, তার কিছু উদাহরণ এখানে দেওয়া হলো।
আইকন বিকৃত, ঘোরানো বা উল্টে ব্যবহার করবেন না। সবসময় আনুপাতিকভাবে স্কেল করুন।
40x40px-এর চেয়ে বড় আইকন ব্যবহার করবেন না। উপাদানগুলোর মধ্যে ভারসাম্য বজায় রাখার চেষ্টা করুন।
টিন্ট বা শেড ব্যবহার করবেন না।