গতি

ধারণা, ব্র্যান্ডিং এবং উপাদানগুলির মধ্যে সম্পর্ক প্রকাশ করার জন্য ড্রাইভিং প্রসঙ্গে গতি কম দেখা উচিত। এটি শুধুমাত্র চালকদের মনোযোগ বিভ্রান্ত না করে তাদের জানানোর জন্য ব্যবহার করা উচিত।

এক পলকে:

  • অপ্রয়োজনীয় গতির সাথে ব্যবহারকারীদের বিভ্রান্ত করা এড়িয়ে চলুন
  • ব্যবহারকারীদের বোধগম্যতা বাড়াতে এবং তাদের দক্ষতা তৈরি করতে গতি ব্যবহার করুন
  • সমস্ত প্রাসঙ্গিক হার্ডওয়্যারের জন্য আপনার গতি ভাষা যথেষ্ট নমনীয় করুন
  • আপনার পরিস্থিতির জন্য প্রস্তাবিত গতি প্যাটার্ন ব্যবহার করুন

মোশন প্যাটার্ন

সমস্ত অ্যাপ জুড়ে একটি সামঞ্জস্যপূর্ণ ব্যবহারকারীর অভিজ্ঞতা সমর্থন করার জন্য, নিম্নলিখিত মিথস্ক্রিয়াগুলিতে নির্দিষ্ট গতির ধরণগুলি প্রযোজ্য:

  • অ্যাপগুলির মধ্যে স্যুইচ করা হচ্ছে
  • পিয়ার ভিউয়ের মধ্যে স্যুইচিং
  • একটি বিদ্যমান কর্ম প্রসারিত
  • একটি ক্রিয়াকে ছোট করা এবং প্রসারিত করা
  • একটি কর্ম ব্যাহত

এই গতির প্যাটার্নগুলি স্ট্যান্ডার্ড ইজিং এর উপর ভিত্তি করে তৈরি করা হয়েছে, যেমনটি মেটেরিয়াল ডিজাইনে বর্ণিত হয়েছে, যা দ্রুত পরিবর্তনের গতি বাড়িয়ে, তারপর ধীরে ধীরে ধীরে ধীরে পরিবর্তনের সমাপ্তির উপর ফোকাস করে।

কলআউট আইকন
ইজিং
অ্যানিমেশনের পরিবর্তনের হার সামঞ্জস্য করার জন্য উপাদান ডিজাইনের নির্দেশিকা

অ্যাপগুলির মধ্যে স্যুইচ করা হচ্ছে

অ্যাপগুলির মধ্যে স্যুইচ করার সময়, একটি ক্রসফেড ট্রানজিশন ব্যবহার করুন, যা একটি উপাদানকে দৃশ্যে বিবর্ণ করে যখন অন্য উপাদানটি বিবর্ণ হয়ে যায়। এই রূপান্তরটি বর্তমান অ্যাপ থেকে দ্রুত অন্য একটিতে যাওয়ার সময় একটি প্রস্থান চিত্রিত করে৷

অ্যাপগুলির মধ্যে দ্রুত স্যুইচ করা হচ্ছে
ক্রসফেড মোশন ব্যবহারকারীকে দ্রুত অ্যাপের মধ্যে সুইচ করে

উদাহরণ

অ্যাপ স্যুইচিং উদাহরণ
একটি সুইফ্ট ক্রসফেড ব্যবহারকারীকে একটি নেভিগেশনাল অ্যাপ থেকে একটি মিডিয়া অ্যাপে নিয়ে যায় এবং আবার ফিরে আসে

পিয়ার ভিউয়ের মধ্যে স্যুইচিং

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

পিয়ার ট্রানজিশন উদাহরণ
একটি সুইফ্ট ক্রসফেড ব্যবহারকারীকে একটি নেভিগেশনাল অ্যাপ থেকে একটি মিডিয়া অ্যাপে নিয়ে যায় এবং আবার ফিরে আসে

উদাহরণ

একটি মিডিয়া অ্যাপে গান থেকে গানে স্যুইচ করার সময় শেয়ার করা অক্ষ মোশন প্যাটার্নটি শক্তিশালী করে যে উভয় গান একই প্লেলিস্টে রয়েছে

একটি বিদ্যমান কর্ম প্রসারিত

যখন একজন ব্যবহারকারী একটি ক্রিয়া দেখার বা নেওয়ার প্রক্রিয়ার মধ্যে থাকে এবং তারপরে একটি মাধ্যমিক, সম্পর্কিত পদক্ষেপ নেয়, তখন সেই গৌণ ক্রিয়াটি একটি উল্লম্ব (উপর বা নীচে) গতির সাথে চালু করা উচিত। এই সেকেন্ডারি অ্যাকশনটি প্রাথমিক অ্যাকশনের সামনে একটি স্ক্রিম ব্যাকগ্রাউন্ড সহ একটি পূর্ণ-স্ক্রীন ওভারলেতে প্রদর্শিত হয়। স্ক্রিমের মাধ্যমে প্রাথমিক ক্রিয়াটির উপস্থিতি আরও শক্তিশালী করে যে ব্যবহারকারী এখনও সেই ক্রিয়া সম্পাদনের মাঝখানে রয়েছে।

গৌণ ক্রিয়াটি তখন খোলার গতির বিপরীত দিকে বন্ধ করা হয়। এই বিপরীত গতিতে মূল গতির চেয়ে কম সময় নেওয়া উচিত, যেহেতু ক্রিয়াটি সম্পন্ন হয়েছে।

কলআউট আইকন
সময়কাল
ট্রানজিশনে কতক্ষণ সময় লাগবে সে বিষয়ে ম্যাটেরিয়াল ডিজাইন নির্দেশিকা
সেকেন্ডারি অ্যাকশন ওভারলে
এখানে, গৌণ ক্রিয়াটি একটি ওভারলেতে প্রাথমিক ক্রিয়া থেকে উঠে আসে, যখন প্রাথমিক ক্রিয়াটি স্ক্রিমের পিছনে আংশিকভাবে দৃশ্যমান থাকে

উদাহরণ

অ্যান্ড্রয়েড অটো অ্যাকশন ওভারলে উদাহরণ
মিডিয়া কন্ট্রোল বারে ওভারফ্লো বোতামটি নির্বাচন করার ফলে এটি একটি স্ক্রিম ব্যাকগ্রাউন্ড সহ একটি ওভারলেতে উল্লম্বভাবে প্রসারিত হয়

একটি ক্রিয়াকে ছোট করা এবং প্রসারিত করা

চলমান ক্রিয়াগুলিকে একটি ছোট বিন্যাসে ছোট করা যেতে পারে। এই ছোট ফরম্যাটটি ব্যাকগ্রাউন্ডে চলমান অ্যাকশন চলাকালীন ব্যবহারকারীকে মাল্টিটাস্ক করতে দেয়।

  • সম্প্রসারণ : যখন ব্যবহারকারী একটি ন্যূনতম ক্রিয়াতে ট্যাপ করে, তখন এটি আকারে প্রসারিত হয় এবং একটি ফেড-ইন ট্রানজিশন ব্যবহার করে পূর্ণ স্ক্রিনটি পূরণ করে।

  • ন্যূনতমকরণ : একটি চলমান ক্রিয়াকে ছোট করার সময়, এই গতির বিপরীত ব্যবহার করুন। মিনিমাইজিং মোশনে প্রসারিত গতির চেয়ে কম সময় নেওয়া উচিত, যেহেতু ব্যবহারকারী এই ক্রিয়াটি ছেড়ে যাচ্ছেন৷

কলআউট আইকন
সময়কাল
ট্রানজিশনে কতক্ষণ সময় লাগবে সে বিষয়ে ম্যাটেরিয়াল ডিজাইন নির্দেশিকা
একটি মিনিমাইজড স্ক্রিন প্রসারিত করা হচ্ছে
ন্যূনতম অ্যাকশনটি পূর্ণ স্ক্রিনে প্রসারিত হয় কারণ এটি বর্তমান অ্যাকশনের উপরে বিবর্ণ হয়ে যায়

উদাহরণ

Android Auto ফ্লোটিং অ্যাকশন বোতামের উদাহরণ
প্লেব্যাক FAB (ফ্লোটিং অ্যাকশন বোতাম) সম্পূর্ণ প্লেব্যাক ভিউতে প্রসারিত হয় তারপর নিচের তীরের মাধ্যমে সংকুচিত হয়

একটি কর্ম ব্যাহত

একটি চলমান ক্রিয়াকলাপের সামনে যখন একটি সংক্ষিপ্ত, ঐচ্ছিক ক্রিয়া হঠাৎ উপস্থিত হওয়ার প্রয়োজন হয়, তখন এটি একটি আংশিক স্ক্রিম সহ স্ক্রিনের প্রান্ত থেকে (উপর বা নীচে) স্লাইড করা উচিত। বিকল্পভাবে, এটি সম্পূর্ণ স্ক্রিম সহ স্ক্রিনের মাঝখানে বিবর্ণ হওয়া উচিত। আপনি যেখানে নতুন ক্রিয়া দেখাতে চান তার নিকটতম অবস্থান থেকে গতি শুরু করুন।

সংক্ষিপ্ত কর্ম উদাহরণ
যখন বিঘ্নকারী ক্রিয়াটি স্ক্রিনের শীর্ষের কাছে উপস্থিত হওয়া উচিত, তখন এটিকে আংশিক স্ক্রিম দিয়ে উপরে থেকে স্লাইড করুন

উদাহরণ

বিজ্ঞপ্তি উদাহরণ
এই অ্যান্ড্রয়েড অটো উদাহরণে, একটি আসন্ন পালা সম্পর্কে একটি বিজ্ঞপ্তি আংশিক স্ক্রিম সহ স্ক্রিনের শীর্ষ থেকে নীচে স্লাইড করে, যাতে চলমান মিডিয়া সামগ্রী দৃশ্যমান থাকে