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