ফোকাস সিস্টেম

টাচ ইন্টারফেসের বিপরীতে, টিভি ফোকাস করা উপাদানের প্রতি ব্যবহারকারীর দৃষ্টি আকর্ষণ করতে বিভিন্ন প্রধান অবস্থার (ডিফল্ট, ফোকাসড, চাপা) উপর নির্ভর করে। এটি ন্যাভিগেশনের সূচনা পয়েন্ট হিসাবে কাজ করে।

হাইলাইট

  • একটি ফোকাস সিস্টেম ফোকাসযোগ্য উপাদানগুলির বিভাগ নিয়ে গঠিত।
  • ফোকাস সূচকগুলি হল ভিজ্যুয়াল ডিভাইস যা ফোকাস করা উপাদানগুলির উপর জোর দেয়।
  • স্কেল ইঙ্গিত ফোকাস বা নির্বাচিত হলে x ফ্যাক্টর দ্বারা একটি উপাদান সামঞ্জস্য করে।
  • যদিও পটভূমির রঙ স্থির থাকে, ফোকাস করার সময় পৃষ্ঠের রঙ পরিবর্তন হতে পারে।

ফোকাস

ফোকাস হল টিভি ডিজাইনের মূল রাষ্ট্রীয় সংজ্ঞা। রিমোট কন্ট্রোলে উপলব্ধ ডি-প্যাড ইন্টারঅ্যাকশনের জন্য নেভিগেশন সীমাবদ্ধ। ব্যবহারকারীরা সরানোর জন্য তীর কী, নির্বাচন করতে কেন্দ্র বোতাম এবং ফিরে যাওয়ার জন্য ব্যাক কী ব্যবহার করতে পারেন। রিমোট ব্যবহারকারীদের এক সময়ে একটি মিথস্ক্রিয়া মাধ্যমে যেতে অনুমতি দেয়. ব্যবহারকারীকে ভিজ্যুয়ালাইজেশনে সাহায্য করার জন্য ফোকাস সূচক ব্যবহার করে একটি উপাদানের রাষ্ট্রীয় পরিবর্তন উপস্থাপন করা হয়।

ফোকাসযোগ্য উপাদান এবং গোষ্ঠী

"ফোকাসেবল উপাদান" টিভি ইন্টারফেসের একটি অবিচ্ছেদ্য অংশ। "ফোকাসেবল এলিমেন্ট" যেকোন উপাদান হতে পারে যেমন বোতাম, কার্ড, তালিকা আইটেম বা একটি কাস্টম সংজ্ঞায়িত পৃষ্ঠ। যে কোনো সময়ে, ব্যবহারকারীদের শুধুমাত্র একটি ফোকাসযোগ্য উপাদানের উপর ফোকাস করতে সক্ষম হওয়া উচিত।

"ফোকাসেবল গ্রুপ", অন্যদিকে, এক বা একাধিক "ফোকাসেবল উপাদান" ধারণ করে। যে কোনো সংখ্যক নেস্টেড "ফোকাসেবল গ্রুপ" থাকতে পারে। ফোকাসযোগ্য গোষ্ঠীগুলি ব্যবহারকারী বান্ধব নেভিগেশনের জন্য বিভিন্ন ফোকাসযোগ্য উপাদানগুলিকে যুক্তিসঙ্গতভাবে গোষ্ঠীভুক্ত করতে ব্যবহৃত হয়।

ফোকাস অ্যানাটমি

ফোকাস সূচক

ফোকাস সূচক হল একটি ফোকাস করা উপাদানের একটি স্বতন্ত্র ভিজ্যুয়ালাইজেশন। যখন একটি উপাদান নির্বাচন করা হয়, রিমোট বোতামটি মুক্তি না হওয়া পর্যন্ত এটি একটি "চাপা" অবস্থায় প্রবেশ করে।

ফোকাসযোগ্য উপাদানের প্রতিটি অবস্থা নিম্নলিখিত বৈশিষ্ট্যগুলি সামঞ্জস্য করে কনফিগার করা হয়েছে:

  • স্কেল - একটি ফোকাস করা উপাদানের আকার পরিবর্তন করুন
  • সীমানা - উপাদানের চারপাশে একটি রূপরেখা আঁকুন
  • গ্লো - উপাদানের অধীনে একটি ছায়া তৈরি করুন (সাধারণত কার্ডগুলিতে ব্যবহৃত হয়)
  • রং — উপাদানের পটভূমি এবং বিষয়বস্তুর রঙ পরিবর্তন করুন

ফোকাস প্রকার

স্কেল ইঙ্গিত

ফোকাস করা বা নির্বাচিত হলে উপাদানটিকে স্কেল করে। ডিফল্ট স্কেলিং মান হল: 1.025, 1.05 এবং 1.1x। নেভিগেশন স্পষ্ট প্রতিক্রিয়া জন্য এই ইঙ্গিত ব্যবহার করুন. বিভিন্ন উপাদানের জন্য স্কেলিং মান তাদের আকারের উপর ভিত্তি করে পরিবর্তিত হতে পারে।

ফোকাস স্কেল

দীপ্তি ইঙ্গিত

উপাদানের চারপাশে ছড়িয়ে থাকা আভা বা ছায়া যোগ করে। গ্লো ইঙ্গিত নিম্নলিখিত পরামিতি গ্রহণ করে:

  1. গ্লো লেভেল: 2dp - 32dp পর্যন্ত উপাদানটির উচ্চতা প্রস্তাব করে
  2. গ্লো রঙ: ইমেজ বা ব্র্যান্ডের রঙ অনুযায়ী নির্দিষ্ট করা যেতে পারে

ফোকাস গ্লো

রূপরেখা ইঙ্গিত

সীমানা থেকে স্বাধীন উপাদানের চারপাশে একটি রূপরেখা যোগ করে। রূপরেখা ইঙ্গিত নিম্নলিখিত পরামিতি ব্যবহার করে:

  1. রূপরেখা প্রস্থ: উপাদানের বাইরে ফর্ম
  2. আউটলাইন ইনসেট: উপাদান এবং এর রূপরেখার মধ্যে ব্যবধান
  3. রূপরেখার রঙ: চিত্র বা ব্র্যান্ডের রঙ অনুযায়ী নির্দিষ্ট করা যেতে পারে \

ফোকাস রূপরেখা

রঙের ইঙ্গিত

উপাদানগুলি রঙের সাথে খাপ খাইয়ে অবস্থা পরিবর্তন করতে পারে। রঙের ইঙ্গিত নিম্নলিখিত পরামিতি ব্যবহার করে:

  1. পটভূমির রঙ: একটি উপাদানের পৃষ্ঠের রঙ পরিবর্তন করে
  2. বিষয়বস্তুর রঙ: একটি পৃষ্ঠের উপর বিষয়বস্তুর রঙ পরিবর্তন করে

ফোকাস রঙ

টোনাল উচ্চতা

পটভূমির রঙ স্থির থাকলেও পৃষ্ঠের রঙ পরিবর্তন হতে পারে। +1 থেকে +5 উচ্চতা স্তরে পৃষ্ঠগুলি প্রাথমিক রঙের উপর ভিত্তি করে রঙিন ওভারলেগুলির মাধ্যমে রঙিন করা হয়। এটি পৃষ্ঠের বেসলাইনে টোনাল বৈচিত্র্য প্রবর্তন করে।

টোনাল পৃষ্ঠতল অনেক সুবিধা প্রদান করে:

  • বিভিন্ন উপাদান এবং পাঠ্যকে আলাদা করতে উচ্চতার প্রভাব তৈরি করুন
  • অ্যাক্সেসিবিলিটি সুবিধার জন্য বৈসাদৃশ্য স্থাপন করুন
  • ভিজ্যুয়াল ব্যস্ততা তৈরি করুন এবং ইন্টারেক্টিভ উপাদানগুলির মধ্যে পরিবর্তনগুলি নরম করুন

অক্ষম

অক্ষম অবস্থায়, পটভূমির রঙ এবং অস্বচ্ছতা একটি কম প্রাধান্য প্রদর্শন করে যে বস্তুটি ক্লিকযোগ্য নয়।

কেস ব্যবহার করুন

একটি ফোকাসযোগ্য উপাদানের 3টি প্রধান অবস্থা রয়েছে: ডিফল্ট, ফোকাস করা এবং চাপানো, অতিরিক্ত অবস্থা সহ: সক্ষম, অক্ষম এবং একটি ম্যাট্রিক্স গঠন করে নির্বাচিত।

কার্ড

ডিফল্ট নিবদ্ধ চাপা
সক্রিয় কার্ড ডিটল্টকার্ড ফোকাসকার্ড চাপা

বোতাম

ডিফল্ট নিবদ্ধ চাপা
সক্রিয় বোতাম সক্রিয় ডিফল্টবোতাম সক্রিয় ফোকাসবোতাম টিপুন সক্রিয়
অক্ষম বোতাম ডিফল্ট নিষ্ক্রিয়বোতাম অক্ষম ফোকাসঅক্ষম বোতাম চাপা

চিপস

ডিফল্ট নিবদ্ধ চাপা
সক্রিয় চিপ সক্রিয় ডিফল্টচিপ সক্রিয় ফোকাসচিপ সক্রিয় চাপা
সক্রিয় + নির্বাচিত চিপ সক্রিয় নির্বাচিত ডিফল্টচিপ সক্রিয় নির্বাচিত ফোকাসচিপ সক্রিয় নির্বাচিত চাপা
অক্ষম চিপ ডিফল্ট নিষ্ক্রিয়চিপ অক্ষম ফোকাসচিপ নিষ্ক্রিয় চাপা
অক্ষম + নির্বাচিত চিপ অক্ষম নির্বাচিত ডিফল্টচিপ অক্ষম নির্বাচিত ফোকাসচিপ অক্ষম নির্বাচিত চাপা
,

টাচ ইন্টারফেসের বিপরীতে, টিভি ফোকাস করা উপাদানের প্রতি ব্যবহারকারীর দৃষ্টি আকর্ষণ করতে বিভিন্ন প্রধান অবস্থার (ডিফল্ট, ফোকাসড, চাপা) উপর নির্ভর করে। এটি ন্যাভিগেশনের সূচনা পয়েন্ট হিসাবে কাজ করে।

হাইলাইট

  • একটি ফোকাস সিস্টেম ফোকাসযোগ্য উপাদানগুলির বিভাগ নিয়ে গঠিত।
  • ফোকাস সূচকগুলি হল ভিজ্যুয়াল ডিভাইস যা ফোকাস করা উপাদানগুলির উপর জোর দেয়।
  • স্কেল ইঙ্গিত ফোকাস বা নির্বাচিত হলে x ফ্যাক্টর দ্বারা একটি উপাদান সামঞ্জস্য করে।
  • যদিও পটভূমির রঙ স্থির থাকে, ফোকাস করার সময় পৃষ্ঠের রঙ পরিবর্তন হতে পারে।

ফোকাস

ফোকাস হল টিভি ডিজাইনের মূল রাষ্ট্রীয় সংজ্ঞা। রিমোট কন্ট্রোলে উপলব্ধ ডি-প্যাড ইন্টারঅ্যাকশনের জন্য নেভিগেশন সীমাবদ্ধ। ব্যবহারকারীরা সরানোর জন্য তীর কী, নির্বাচন করতে কেন্দ্র বোতাম এবং ফিরে যাওয়ার জন্য ব্যাক কী ব্যবহার করতে পারেন। রিমোট ব্যবহারকারীদের এক সময়ে একটি মিথস্ক্রিয়া মাধ্যমে যেতে অনুমতি দেয়. ব্যবহারকারীকে ভিজ্যুয়ালাইজেশনে সাহায্য করার জন্য ফোকাস সূচক ব্যবহার করে একটি উপাদানের রাষ্ট্রীয় পরিবর্তন উপস্থাপন করা হয়।

ফোকাসযোগ্য উপাদান এবং গোষ্ঠী

"ফোকাসেবল উপাদান" টিভি ইন্টারফেসের একটি অবিচ্ছেদ্য অংশ। "ফোকাসেবল এলিমেন্ট" যেকোন উপাদান হতে পারে যেমন বোতাম, কার্ড, তালিকা আইটেম বা একটি কাস্টম সংজ্ঞায়িত পৃষ্ঠ। যে কোনো সময়ে, ব্যবহারকারীদের শুধুমাত্র একটি ফোকাসযোগ্য উপাদানের উপর ফোকাস করতে সক্ষম হওয়া উচিত।

"ফোকাসেবল গ্রুপ", অন্যদিকে, এক বা একাধিক "ফোকাসেবল উপাদান" ধারণ করে। যে কোনো সংখ্যক নেস্টেড "ফোকাসেবল গ্রুপ" থাকতে পারে। ফোকাসযোগ্য গোষ্ঠীগুলি ব্যবহারকারী বান্ধব নেভিগেশনের জন্য বিভিন্ন ফোকাসযোগ্য উপাদানগুলিকে যুক্তিসঙ্গতভাবে গোষ্ঠীভুক্ত করতে ব্যবহৃত হয়।

ফোকাস অ্যানাটমি

ফোকাস সূচক

ফোকাস সূচক হল একটি ফোকাস করা উপাদানের একটি স্বতন্ত্র ভিজ্যুয়ালাইজেশন। যখন একটি উপাদান নির্বাচন করা হয়, রিমোট বোতামটি মুক্তি না হওয়া পর্যন্ত এটি একটি "চাপা" অবস্থায় প্রবেশ করে।

ফোকাসযোগ্য উপাদানের প্রতিটি অবস্থা নিম্নলিখিত বৈশিষ্ট্যগুলি সামঞ্জস্য করে কনফিগার করা হয়েছে:

  • স্কেল - একটি ফোকাস করা উপাদানের আকার পরিবর্তন করুন
  • সীমানা - উপাদানের চারপাশে একটি রূপরেখা আঁকুন
  • গ্লো - উপাদানের অধীনে একটি ছায়া তৈরি করুন (সাধারণত কার্ডগুলিতে ব্যবহৃত হয়)
  • রং — উপাদানের পটভূমি এবং বিষয়বস্তুর রঙ পরিবর্তন করুন

ফোকাস প্রকার

স্কেল ইঙ্গিত

ফোকাস করা বা নির্বাচিত হলে উপাদানটিকে স্কেল করে। ডিফল্ট স্কেলিং মান হল: 1.025, 1.05 এবং 1.1x। নেভিগেশন স্পষ্ট প্রতিক্রিয়া জন্য এই ইঙ্গিত ব্যবহার করুন. বিভিন্ন উপাদানের জন্য স্কেলিং মান তাদের আকারের উপর ভিত্তি করে পরিবর্তিত হতে পারে।

ফোকাস স্কেল

দীপ্তি ইঙ্গিত

উপাদানের চারপাশে ছড়িয়ে থাকা আভা বা ছায়া যোগ করে। গ্লো ইঙ্গিত নিম্নলিখিত পরামিতি গ্রহণ করে:

  1. গ্লো লেভেল: 2dp - 32dp পর্যন্ত উপাদানটির উচ্চতা প্রস্তাব করে
  2. গ্লো রঙ: ইমেজ বা ব্র্যান্ডের রঙ অনুযায়ী নির্দিষ্ট করা যেতে পারে

ফোকাস গ্লো

রূপরেখা ইঙ্গিত

সীমানা থেকে স্বাধীন উপাদানের চারপাশে একটি রূপরেখা যোগ করে। রূপরেখা ইঙ্গিত নিম্নলিখিত পরামিতি ব্যবহার করে:

  1. রূপরেখা প্রস্থ: উপাদানের বাইরে ফর্ম
  2. আউটলাইন ইনসেট: উপাদান এবং এর রূপরেখার মধ্যে ব্যবধান
  3. রূপরেখার রঙ: চিত্র বা ব্র্যান্ডের রঙ অনুযায়ী নির্দিষ্ট করা যেতে পারে \

ফোকাস রূপরেখা

রঙের ইঙ্গিত

উপাদানগুলি রঙের সাথে খাপ খাইয়ে অবস্থা পরিবর্তন করতে পারে। রঙের ইঙ্গিত নিম্নলিখিত পরামিতি ব্যবহার করে:

  1. পটভূমির রঙ: একটি উপাদানের পৃষ্ঠের রঙ পরিবর্তন করে
  2. বিষয়বস্তুর রঙ: একটি পৃষ্ঠের উপর বিষয়বস্তুর রঙ পরিবর্তন করে

ফোকাস রঙ

টোনাল উচ্চতা

পটভূমির রঙ স্থির থাকলেও পৃষ্ঠের রঙ পরিবর্তন হতে পারে। +1 থেকে +5 উচ্চতা স্তরে পৃষ্ঠগুলি প্রাথমিক রঙের উপর ভিত্তি করে রঙিন ওভারলেগুলির মাধ্যমে রঙিন করা হয়। এটি পৃষ্ঠের বেসলাইনে টোনাল বৈচিত্র্য প্রবর্তন করে।

টোনাল পৃষ্ঠতল অনেক সুবিধা প্রদান করে:

  • বিভিন্ন উপাদান এবং পাঠ্যকে আলাদা করতে উচ্চতার প্রভাব তৈরি করুন
  • অ্যাক্সেসিবিলিটি সুবিধার জন্য বৈসাদৃশ্য স্থাপন করুন
  • ভিজ্যুয়াল ব্যস্ততা তৈরি করুন এবং ইন্টারেক্টিভ উপাদানগুলির মধ্যে পরিবর্তনগুলি নরম করুন

অক্ষম

অক্ষম অবস্থায়, পটভূমির রঙ এবং অস্বচ্ছতা একটি কম প্রাধান্য প্রদর্শন করে যে বস্তুটি ক্লিকযোগ্য নয়।

কেস ব্যবহার করুন

একটি ফোকাসযোগ্য উপাদানের 3টি প্রধান অবস্থা রয়েছে: ডিফল্ট, ফোকাস করা এবং চাপানো, অতিরিক্ত অবস্থা সহ: সক্ষম, অক্ষম এবং একটি ম্যাট্রিক্স গঠন করে নির্বাচিত।

কার্ড

ডিফল্ট নিবদ্ধ চাপা
সক্রিয় কার্ড ডিটল্টকার্ড ফোকাসকার্ড চাপা

বোতাম

ডিফল্ট নিবদ্ধ চাপা
সক্রিয় বোতাম সক্রিয় ডিফল্টবোতাম সক্রিয় ফোকাসবোতাম টিপুন সক্রিয়
অক্ষম বোতাম ডিফল্ট নিষ্ক্রিয়বোতাম অক্ষম ফোকাসঅক্ষম বোতাম চাপা

চিপস

ডিফল্ট নিবদ্ধ চাপা
সক্রিয় চিপ সক্রিয় ডিফল্টচিপ সক্রিয় ফোকাসচিপ সক্রিয় চাপা
সক্রিয় + নির্বাচিত চিপ সক্রিয় নির্বাচিত ডিফল্টচিপ সক্রিয় নির্বাচিত ফোকাসচিপ সক্রিয় নির্বাচিত চাপা
অক্ষম চিপ ডিফল্ট নিষ্ক্রিয়চিপ অক্ষম ফোকাসচিপ নিষ্ক্রিয় চাপা
অক্ষম + নির্বাচিত চিপ অক্ষম নির্বাচিত ডিফল্টচিপ অক্ষম নির্বাচিত ফোকাসচিপ অক্ষম নির্বাচিত চাপা
,

টাচ ইন্টারফেসের বিপরীতে, টিভি ফোকাস করা উপাদানের প্রতি ব্যবহারকারীর দৃষ্টি আকর্ষণ করতে বিভিন্ন প্রধান অবস্থার (ডিফল্ট, ফোকাসড, চাপা) উপর নির্ভর করে। এটি ন্যাভিগেশনের সূচনা পয়েন্ট হিসাবে কাজ করে।

হাইলাইট

  • একটি ফোকাস সিস্টেম ফোকাসযোগ্য উপাদানগুলির বিভাগ নিয়ে গঠিত।
  • ফোকাস সূচকগুলি হল ভিজ্যুয়াল ডিভাইস যা ফোকাস করা উপাদানগুলির উপর জোর দেয়।
  • স্কেল ইঙ্গিত ফোকাস বা নির্বাচিত হলে x ফ্যাক্টর দ্বারা একটি উপাদান সামঞ্জস্য করে।
  • যদিও পটভূমির রঙ স্থির থাকে, ফোকাস করার সময় পৃষ্ঠের রঙ পরিবর্তন হতে পারে।

ফোকাস

ফোকাস হল টিভি ডিজাইনের মূল রাষ্ট্রীয় সংজ্ঞা। রিমোট কন্ট্রোলে উপলব্ধ ডি-প্যাড ইন্টারঅ্যাকশনের জন্য নেভিগেশন সীমাবদ্ধ। ব্যবহারকারীরা সরানোর জন্য তীর কী, নির্বাচন করতে কেন্দ্র বোতাম এবং ফিরে যাওয়ার জন্য ব্যাক কী ব্যবহার করতে পারেন। রিমোট ব্যবহারকারীদের এক সময়ে একটি মিথস্ক্রিয়া মাধ্যমে যেতে অনুমতি দেয়. ব্যবহারকারীকে ভিজ্যুয়ালাইজেশনে সাহায্য করার জন্য ফোকাস সূচক ব্যবহার করে একটি উপাদানের রাষ্ট্রীয় পরিবর্তন উপস্থাপন করা হয়।

ফোকাসযোগ্য উপাদান এবং গোষ্ঠী

"ফোকাসেবল উপাদান" টিভি ইন্টারফেসের একটি অবিচ্ছেদ্য অংশ। "ফোকাসেবল এলিমেন্ট" যেকোন উপাদান হতে পারে যেমন বোতাম, কার্ড, তালিকা আইটেম বা একটি কাস্টম সংজ্ঞায়িত পৃষ্ঠ। যে কোনো সময়ে, ব্যবহারকারীদের শুধুমাত্র একটি ফোকাসযোগ্য উপাদানের উপর ফোকাস করতে সক্ষম হওয়া উচিত।

"ফোকাসেবল গ্রুপ", অন্যদিকে, এক বা একাধিক "ফোকাসেবল উপাদান" ধারণ করে। যে কোনো সংখ্যক নেস্টেড "ফোকাসেবল গ্রুপ" থাকতে পারে। ফোকাসযোগ্য গোষ্ঠীগুলি ব্যবহারকারী বান্ধব নেভিগেশনের জন্য বিভিন্ন ফোকাসযোগ্য উপাদানগুলিকে যুক্তিসঙ্গতভাবে গোষ্ঠীভুক্ত করতে ব্যবহৃত হয়।

ফোকাস অ্যানাটমি

ফোকাস সূচক

ফোকাস সূচক হল একটি ফোকাস করা উপাদানের একটি স্বতন্ত্র ভিজ্যুয়ালাইজেশন। যখন একটি উপাদান নির্বাচন করা হয়, রিমোট বোতামটি মুক্তি না হওয়া পর্যন্ত এটি একটি "চাপা" অবস্থায় প্রবেশ করে।

ফোকাসযোগ্য উপাদানের প্রতিটি অবস্থা নিম্নলিখিত বৈশিষ্ট্যগুলি সামঞ্জস্য করে কনফিগার করা হয়েছে:

  • স্কেল - একটি ফোকাস করা উপাদানের আকার পরিবর্তন করুন
  • সীমানা - উপাদানের চারপাশে একটি রূপরেখা আঁকুন
  • গ্লো - উপাদানের অধীনে একটি ছায়া তৈরি করুন (সাধারণত কার্ডগুলিতে ব্যবহৃত হয়)
  • রং — উপাদানের পটভূমি এবং বিষয়বস্তুর রঙ পরিবর্তন করুন

ফোকাস প্রকার

স্কেল ইঙ্গিত

ফোকাস করা বা নির্বাচিত হলে উপাদানটিকে স্কেল করে। ডিফল্ট স্কেলিং মান হল: 1.025, 1.05 এবং 1.1x। নেভিগেশন স্পষ্ট প্রতিক্রিয়া জন্য এই ইঙ্গিত ব্যবহার করুন. বিভিন্ন উপাদানের জন্য স্কেলিং মান তাদের আকারের উপর ভিত্তি করে পরিবর্তিত হতে পারে।

ফোকাস স্কেল

দীপ্তি ইঙ্গিত

উপাদানের চারপাশে ছড়িয়ে থাকা আভা বা ছায়া যোগ করে। গ্লো ইঙ্গিত নিম্নলিখিত পরামিতি গ্রহণ করে:

  1. গ্লো লেভেল: 2dp - 32dp পর্যন্ত উপাদানটির উচ্চতা প্রস্তাব করে
  2. গ্লো রঙ: ইমেজ বা ব্র্যান্ডের রঙ অনুযায়ী নির্দিষ্ট করা যেতে পারে

ফোকাস গ্লো

রূপরেখা ইঙ্গিত

সীমানা থেকে স্বাধীন উপাদানের চারপাশে একটি রূপরেখা যোগ করে। রূপরেখা ইঙ্গিত নিম্নলিখিত পরামিতি ব্যবহার করে:

  1. রূপরেখা প্রস্থ: উপাদানের বাইরে ফর্ম
  2. আউটলাইন ইনসেট: উপাদান এবং এর রূপরেখার মধ্যে ব্যবধান
  3. রূপরেখার রঙ: চিত্র বা ব্র্যান্ডের রঙ অনুযায়ী নির্দিষ্ট করা যেতে পারে \

ফোকাস রূপরেখা

রঙের ইঙ্গিত

উপাদানগুলি রঙের সাথে খাপ খাইয়ে অবস্থা পরিবর্তন করতে পারে। রঙের ইঙ্গিত নিম্নলিখিত পরামিতি ব্যবহার করে:

  1. পটভূমির রঙ: একটি উপাদানের পৃষ্ঠের রঙ পরিবর্তন করে
  2. বিষয়বস্তুর রঙ: একটি পৃষ্ঠের উপর বিষয়বস্তুর রঙ পরিবর্তন করে

ফোকাস রঙ

টোনাল উচ্চতা

পটভূমির রঙ স্থির থাকলেও পৃষ্ঠের রঙ পরিবর্তন হতে পারে। +1 থেকে +5 উচ্চতা স্তরে পৃষ্ঠগুলি প্রাথমিক রঙের উপর ভিত্তি করে রঙিন ওভারলেগুলির মাধ্যমে রঙিন করা হয়। এটি পৃষ্ঠের বেসলাইনে টোনাল বৈচিত্র্য প্রবর্তন করে।

টোনাল পৃষ্ঠতল অনেক সুবিধা প্রদান করে:

  • বিভিন্ন উপাদান এবং পাঠ্যকে আলাদা করতে উচ্চতার প্রভাব তৈরি করুন
  • অ্যাক্সেসিবিলিটি সুবিধার জন্য বৈসাদৃশ্য স্থাপন করুন
  • ভিজ্যুয়াল ব্যস্ততা তৈরি করুন এবং ইন্টারেক্টিভ উপাদানগুলির মধ্যে পরিবর্তনগুলি নরম করুন

অক্ষম

অক্ষম অবস্থায়, পটভূমির রঙ এবং অস্বচ্ছতা একটি কম প্রাধান্য প্রদর্শন করে যে বস্তুটি ক্লিকযোগ্য নয়।

কেস ব্যবহার করুন

একটি ফোকাসযোগ্য উপাদানের 3টি প্রধান অবস্থা রয়েছে: ডিফল্ট, ফোকাস করা এবং চাপানো, অতিরিক্ত অবস্থা সহ: সক্ষম, অক্ষম এবং একটি ম্যাট্রিক্স গঠন করে নির্বাচিত।

কার্ড

ডিফল্ট নিবদ্ধ চাপা
সক্রিয় কার্ড ডিটল্টকার্ড ফোকাসকার্ড চাপা

বোতাম

ডিফল্ট নিবদ্ধ চাপা
সক্রিয় বোতাম সক্রিয় ডিফল্টবোতাম সক্রিয় ফোকাসবোতাম টিপুন সক্রিয়
অক্ষম বোতাম ডিফল্ট নিষ্ক্রিয়বোতাম অক্ষম ফোকাসঅক্ষম বোতাম চাপা

চিপস

ডিফল্ট নিবদ্ধ চাপা
সক্রিয় চিপ সক্রিয় ডিফল্টচিপ সক্রিয় ফোকাসচিপ সক্রিয় চাপা
সক্রিয় + নির্বাচিত চিপ সক্রিয় নির্বাচিত ডিফল্টচিপ সক্রিয় নির্বাচিত ফোকাসচিপ সক্রিয় নির্বাচিত চাপা
অক্ষম চিপ ডিফল্ট নিষ্ক্রিয়চিপ অক্ষম ফোকাসচিপ নিষ্ক্রিয় চাপা
অক্ষম + নির্বাচিত চিপ অক্ষম নির্বাচিত ডিফল্টচিপ অক্ষম নির্বাচিত ফোকাসচিপ অক্ষম নির্বাচিত চাপা