রঙ্গের পাত
ম্যাটেরিয়াল ডিজাইনের রঙ প্যালেটের জন্য, গুগল বৈকল্পিক সহ একটি 'দুটি রঙ' সিস্টেম পছন্দ করে:
উদাহরণস্বরূপ, যেমন এই ফটোতে। আপনার প্রাথমিক রঙটি বেগুনি হবে এবং সায়ান হিসাবে আপনার দ্বিতীয় রঙ থাকবে with এবং তারপরে আপনার ইউআই এর অন্যান্য উপাদানগুলির জন্য, আপনি বেগুনি এবং সায়ানের শেড রূপগুলি ব্যবহার করবেন, তাই সমস্ত কিছু একসাথে মিশ্রিত হয়।
এই উপাদান ডিজাইন সম্পাদক একটি খুব দরকারী সরঞ্জাম যা আপনাকে রঙের বৈচিত্রগুলি একসাথে রাখতে সহায়তা করে। আপনি পেশাদার ইউআই / ইউএক্স ডিজাইন এজেন্সির কাছ থেকেও অনুপ্রেরণার সন্ধান করতে পারেন ক্লে , বা এই তালিকা শীর্ষ রেট ওয়েব ডিজাইন সংস্থা 2019 সালে।
প্রতিক্রিয়াশীল গ্রিড বিন্যাস
প্রতিক্রিয়াশীল গ্রিড লেআউট বোঝার অর্থ কীভাবে তা বোঝা পিক্সেল ঘনত্ব এবং স্বয়ংক্রিয় স্ক্রিন অভিযোজন কাজ করে। বেশিরভাগ অংশের জন্য, গড় অ্যান্ড্রয়েড ফোন ডিপিআই কোথাও 300 থেকে 480 ডিপিআই এর মধ্যে রয়েছে।
এটি মনে রেখে, একটি 300 ডিপিআই স্ক্রিন সাধারণত 4 টি পর্যন্ত কলাম প্রদর্শন করতে সক্ষম হবে:
যেখানে 600 ডিপিআই সহ একটি স্ক্রিন 8 টি পর্যন্ত কলাম প্রদর্শন করবে।
প্রতিটি কলামের মধ্যে হ'ল 'জলের', মূলত সেই অঞ্চলগুলি যা প্রতিটি কলামকে পৃথক করে। সুতরাং 360 ডিপি সহ একটি মোবাইলে প্রতিটি নর্দমা প্রায় 16 ডিপি হবে।
স্ক্রিন ডিপিআই বোঝা যাচ্ছে
ইউআই ডিজাইন করার সময়, এটি সিস্টেম ইউআই বা আপনার অ্যাপ্লিকেশনটির ইউআই হোক না কেন, আপনাকে বিভিন্ন ফোনের আকারের বিভিন্ন পিক্সেল ঘনত্ব ધ્યાનમાં নিতে হবে। এখানে সর্বাধিক সাধারণ স্ক্রিন রেজোলিউশন এবং পিক্সেল ঘনত্বের একটি তালিকা দেওয়া হয়েছে:
সুতরাং থাম্বের নিয়ম হিসাবে, যখন একটি 'গ্লোবাল' থিম বা অ্যাপ্লিকেশন ডিজাইন করছেন এবং কোনও একক ডিভাইসের জন্য থিম তৈরিতে মনোনিবেশ না করে, আপনার সর্বনিম্ন ঘনত্বের সাথে শুরু করা উচিত। এর কারণ এটি যদি আপনি আপনার নকশাটি 1x থেকে শুরু করেন তবে আপনাকে কেবল পিক্সেলগুলিতে পরিমাপ করতে হবে এবং ডিপিগুলিতে মানগুলি একই থাকবে।
যাইহোক, আপনি যদি 3.5x এর জন্য ডিজাইন করেন তবে অন্যান্য ঘনত্বের সাথে খাপ খাইয়ে নেওয়ার জন্য আপনাকে সমস্ত মানকে 3.5 দ্বারা বিভক্ত করতে হবে এবং তারপরে এটি কেবল একাধিক ডিপি মান গণনার ক্ষেত্রে মাথাব্যথা হয়ে ওঠে।
অ্যান্ড্রয়েড 10 ইউআই / ইউএক্স ডিজাইনের অতিরিক্ত পরামর্শ
আপনার যদি থিম উপাদান যেমন রেডিও, বোতাম, চেকবক্স, ইত্যাদির জন্য কাস্টম রঙের প্রয়োজন হয় তবে আপনার উচিত না বিভিন্ন রাজ্য দেখানোর জন্য অঙ্কনযোগ্য ব্যবহার করুন ( চেক করা, ক্লিক করা ইত্যাদি) । কারণ আপনি যখন অঙ্কনযোগ্য ব্যবহার করেন, আপনি নেটিভ ম্যাটেরিয়াল ডিজাইনের প্রভাবগুলি হারাবেন (রিপলের মতো) যা গুগল অ্যান্ড্রয়েড 9 এবং অ্যান্ড্রয়েড 10 এ ব্যাপকভাবে আপডেট হয়েছে।
ম্যাটেরিয়াল ডিজাইনের সাথে কাজ করার সময়, গুগলে প্রচুর পরিমাণে গুডিস অন্তর্ভুক্ত রয়েছে যা আপনি নিতে পারেন এবং সেগুলি আপনার ইউআই / ইউএক্স সহ আরও স্বাভাবিকভাবে প্রবাহিত হবে।
সুতরাং উদাহরণস্বরূপ, বিল্ট-ইন মেটালিয়াল ডিজাইনের উপাদানগুলির সাথে সেগুলি উপাদানগুলির জন্য এখানে কয়েকটি কীওয়ার্ড রয়েছে এবং আপনার অ্যাপ্লিকেশন বা ইউআই / ইউএক্স এখনও স্থানীয় সিস্টেমের আচরণ এবং ইউআই রাষ্ট্রগুলি উপভোগ করবে।
কাস্টম রঙ অ্যান্ড্রয়েডের সাথে বোতাম: ব্যাকগ্রাউন্ডটিন্ট = '@ রঙ / লাল' ----- কাস্টম রঙের অ্যান্ড্রয়েড সহ রেডিও বোতাম: বাটনটিন্ট = '@ রঙ / লাল' ----- চিত্র এবং আইকন অ্যান্ড্রয়েড: অঙ্কনযোগ্য টিনিট = '@ রঙ / লাল '----- কাস্টম রঙ অ্যান্ড্রয়েড সহ প্রগতিবার: প্রগতিছোঁট =' @ রঙ / লাল '
কার্ডভিউ মোডের মতো উপাদানগুলির নীচে একটি সাধারণ ছায়া দেখানোর জন্য আপনাকে কেবল উচ্চতা সম্পত্তি ব্যবহার করতে হবে।
অ্যান্ড্রয়েড: উচ্চতা = '1 ডিপি'
আপনাকে আরও ভাল নিয়ন্ত্রণ এবং পরিচালনাযোগ্য এক্সএমএল ফাইল দেওয়ার জন্য ট্যাগ এবং পিতামাতার বৈশিষ্ট্যগুলি মার্জ করা অত্যন্ত কার্যকর।
অ্যানিমেটেড লেআউট পরিবর্তনগুলি সত্যই আপনার ইউএক্স উন্নত করতে পারে এবং প্রায় সমস্ত ভিউগ্রুপ এটিকে সম্মান জানায়। সুতরাং যখনই দেখুন শ্রেণিবিন্যাসের কোনও পরিবর্তন হবে, এটি একটি অ্যানিমেশন নিয়ে আসবে। কিছুটা জানা-সহ, আপনি ডিজাইনও করতে পারেন কাস্টম স্থানান্তর প্রভাব ।
অ্যান্ড্রয়েড: অ্যানিমেটলয়আউটচ্যাঞ্জস = 'সত্য'ট্যাগ অ্যান্ড্রয়েড বিকাশ 4 মিনিট পঠিত
