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