ব্যবহারকারীর কর্মকাণ্ডের জন্য বোতামগুলি হল প্রাথমিক ভিজ্যুয়াল সূচক।
নীতিমালা
অ্যাকশন-ওরিয়েন্টেড : বোতামগুলি স্পষ্টভাবে জানাতে হবে যে তারা কোনও অ্যাকশন ট্রিগার করে।
স্পষ্ট প্রতিক্রিয়া : তাৎক্ষণিক প্রতিক্রিয়া প্রদানের জন্য বোতামটির চেহারা বিভিন্ন মিথস্ক্রিয়া অবস্থায় (হোভার, প্রেস, ফোকাস) স্পষ্টভাবে পরিবর্তিত হতে হবে।
ধারাবাহিক : তাৎক্ষণিকভাবে চেনা যায় এমনভাবে তৈরি করার জন্য সমস্ত বোতামের মূল ভিজ্যুয়াল ভাষা একই রকম থাকা উচিত।
নমনীয় : বোতামের উপাদানটি ধারাবাহিকতা বিনষ্ট না করেই সাধারণ বৈচিত্র্য, যেমন আইকন এবং বিভিন্ন আকার অন্তর্ভুক্ত করার জন্য উপযুক্ত হওয়া উচিত।
ব্যবহার এবং স্থান নির্ধারণ
একটি বোতাম তার প্রাসঙ্গিক বিষয়বস্তুর কাছাকাছি স্থাপন করা উচিত। এগুলি একা বা কার্ড এবং তালিকার মতো অন্যান্য উপাদানের সাথে স্থাপন করা যেতে পারে।
কর
করো না
কর
করো না
অ্যানাটমি
ডিফল্ট
১. সক্রিয়: ডিফল্ট অবস্থা। ২. হোভার ৩. ট্যাপ করুন
বড়
১. সক্রিয়: ডিফল্ট অবস্থা। ২. হোভার ৩. ট্যাপ করুন
কাস্টমাইজেশন
বোতামগুলিতে ডিফল্ট এবং বৃহৎ পরিবর্তন থাকে, প্রতিটির জন্য ডিফল্ট, ফোকাসড এবং প্রেসড অবস্থা থাকে। আইকনগুলি বোতামটিকে আরও জোর দেওয়া, স্পষ্টীকরণ এবং স্বীকৃতি দেওয়ার জন্য ব্যবহার করা যেতে পারে। বোতামের আকার গুরুত্বকে জোর দিতে সাহায্য করতে পারে।
ডিফল্ট
| বৈশিষ্ট্য | কাস্টমাইজেশন | ডিফল্ট |
|---|---|---|
| আকৃতি | হাঁ | বড়, বৃত্তাকার |
| প্যাডিং | হাঁ | ১৬ ডিপি, ৮ ডিপি |
| সীমানা | হাঁ | ২ ডিপি, #৬০৬৪৬০ |
| টেক্সট | হাঁ | বডি ছোট |
| লিডিং আইকন | হাঁ | ৪০ ডিপি |
| ট্রেলিং আইকন | হাঁ | ৪০ ডিপি |
| আকার | হাঁ | ৫৬ ডিপি সর্বনিম্ন উচ্চতা |
| গভীরতা | হাঁ | 0 |
বড়
| বৈশিষ্ট্য | কাস্টমাইজেশন | ডিফল্ট |
|---|---|---|
| আকৃতি | হাঁ | বড়, বৃত্তাকার |
| প্যাডিং | হাঁ | ২০ ডিপি, ৮ ডিপি |
| সীমানা | হাঁ | ২ ডিপি, #৬০৬৪৬০ |
| টেক্সট | হাঁ | বডি ছোট |
| লিডিং আইকন | হাঁ | ৫৬ ডিপি |
| ট্রেলিং আইকন | হাঁ | ৫৬ ডিপি |
| আকার | হাঁ | ৭২ ডিপি সর্বনিম্ন উচ্চতা |
| গভীরতা | হাঁ | 0 |
| পৃষ্ঠতল | না |