অন্ধকার সময় আসছে

অথবা একটি অ্যাপ্লিকেশন বা ওয়েবসাইটের জন্য একটি অন্ধকার মোড বিকাশ করার সময় কি মনে রাখবেন

2018 দেখিয়েছে যে অন্ধকার মোডগুলি পথে রয়েছে৷ এখন যেহেতু আমরা 2019 এর অর্ধেক পেরিয়ে এসেছি, আমরা আত্মবিশ্বাসের সাথে বলতে পারি: তারা এখানে, এবং তারা সর্বত্র আছে।

একটি পুরানো সবুজ-অন-কালো মনিটরের উদাহরণ

চলুন শুরু করা যাক ডার্ক মোড একেবারেই নতুন ধারণা নয়। এটি বেশ দীর্ঘ সময় ধরে ব্যবহার করা হচ্ছে। এবং একসময়, বাস্তবে, দীর্ঘকাল ধরে, তারা একমাত্র এই জিনিসটি ব্যবহার করেছিল: মনিটরগুলি ছিল "সবুজ-অন-কালো" বৈচিত্র্যের, কিন্তু শুধুমাত্র এই কারণে যে বিকিরণের সংস্পর্শে আসার সময় ভিতরের উজ্জ্বল আবরণ একটি সবুজ আভা নির্গত করে। .

কিন্তু রঙিন মনিটর প্রবর্তনের পরেও, ডার্ক মোড বিদ্যমান ছিল। কেন এমন হল?

দুটি প্রধান কারণ আজ কেন প্রতিটি দ্বিতীয় ব্যক্তি তাদের অ্যাপ্লিকেশনে একটি অন্ধকার থিম যুক্ত করার জন্য তাড়াহুড়ো করে। প্রথমত: কম্পিউটার সর্বত্র রয়েছে। আমরা যেদিকেই তাকাই সেখানেই কোনো না কোনো পর্দা আছে। আমরা সকাল থেকে গভীর রাত পর্যন্ত আমাদের মোবাইল ডিভাইস ব্যবহার করি। আপনার সোশ্যাল ফিডের মাধ্যমে "শেষ বার" স্ক্রোল করার জন্য যখন আপনি বিছানায় যাওয়ার আগে বিছানায় থাকবেন তখন একটি অন্ধকার মোডের উপস্থিতি চোখের চাপ কমায়। নেটওয়ার্ক (আপনি যদি আমার মতো হন, "শেষ বার" এর অর্থ 3-ঘন্টা স্ক্রোল হতে পারে আর/ইঞ্জিনিয়ারিং পর্ণ. ডার্ক মোড? হ্যাঁ! )

আরেকটি কারণ হল নতুন ডিসপ্লে উৎপাদন প্রযুক্তি। বড় কোম্পানিগুলির ফ্ল্যাগশিপ মডেলগুলি - অ্যাপল, গুগল, স্যামসাং, হুয়াওয়ে - সমস্তই OLED স্ক্রিন দিয়ে সজ্জিত, যা LCD ডিসপ্লের বিপরীতে, ব্যাকলাইটিংয়ের প্রয়োজন হয় না। এবং এটি আপনার ব্যাটারির জন্য সত্যিই ভাল খবর। কল্পনা করুন যে আপনি আপনার ফোনে একটি কালো বর্গক্ষেত্রের একটি চিত্র দেখছেন; একটি এলসিডি সহ, ব্যাকলাইট পুরো স্ক্রীনকে আলোকিত করবে যদিও বেশিরভাগই কালো। কিন্তু OLED ডিসপ্লেতে একই চিত্র দেখার সময়, কালো বর্গক্ষেত্র তৈরি করা পিক্সেলগুলি কেবল বন্ধ হয়ে যায়। এর মানে তারা মোটেও শক্তি খরচ করে না।

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

ডার্ক মোড 101

প্রথমত: "অন্ধকার" "কালো" এর মতো নয়। একটি সাদা ব্যাকগ্রাউন্ডকে একটি কালো দিয়ে প্রতিস্থাপন করার চেষ্টা করবেন না, কারণ এটি ছায়া ব্যবহার করা অসম্ভব করে তুলবে। এই ধরনের একটি নকশা সুপার ফ্ল্যাট হবে (একটি খারাপ উপায়ে)।

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

একটি ছায়া সহ দুটি অভিন্ন ধূসর বর্গক্ষেত্র, একটি 100% কালো পটভূমিতে, অন্যটি #121212-এ৷ বস্তুটি উঠার সাথে সাথে এটি ধূসর রঙের হালকা ছায়ায় পরিণত হয়।

একটি অন্ধকার থিমে, আপনি এখনও আপনার নিয়মিত বেস রঙের সাথে কাজ করতে পারেন যতক্ষণ না কনট্রাস্ট ঠিক থাকে। একটি উদাহরণ দিয়ে ব্যাখ্যা করা যাক।

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

যখন একই রঙ বিভিন্ন উপায়ে ব্যবহার করা হয়, যেমন টেক্সটে, সমস্যা হবে। মূল রঙের একটি (অনেক) কম স্যাচুরেটেড শেড ব্যবহার করার চেষ্টা করুন, বা ইন্টারফেসে ব্র্যান্ডের রঙগুলি অন্তর্ভুক্ত করার অন্যান্য উপায়গুলি সন্ধান করুন৷

বাম: কালোর উপর লাল খারাপ দেখায়। ডান: স্যাচুরেশন কমান এবং সবকিছু ভাল দেখায়। - প্রায়. অনুবাদ

আপনি ব্যবহার করতে পারেন এমন অন্য কোনো শক্তিশালী রঙের ক্ষেত্রেও একই কথা প্রযোজ্য, যেমন সতর্কতা বা ত্রুটির রং। গুগল তাদের ডিফল্ট ত্রুটি রঙের উপরে একটি 40% সাদা স্তর ওভারলে ব্যবহার করে উপাদান নকশা নির্দেশিকা ডার্ক মোডে স্যুইচ করার সময়। এটি একটি সুন্দর সূচনা পয়েন্ট কারণ এটি AA মানগুলির সাথে মেলে বৈসাদৃশ্যের স্তরগুলিকে উন্নত করবে৷ আপনি অবশ্যই মানানসইভাবে সেটিংস পরিবর্তন করতে পারেন, তবে কনট্রাস্ট লেভেল চেক করতে ভুলবেন না। যাইহোক, এই উদ্দেশ্যে একটি দরকারী টুল হল স্কেচ প্লাগইন - ডাহা, যা 2টি স্তরের মধ্যে ঠিক কতটা বৈসাদৃশ্য দেখায়।

টেক্সট সম্পর্কে কি?

এখানে সবকিছুই সহজ: কিছুই 100% কালো এবং 100% সাদা এবং তদ্বিপরীত হওয়া উচিত নয়। সাদা সমস্ত তরঙ্গদৈর্ঘ্যের আলোক তরঙ্গ প্রতিফলিত করে, কালো শোষণ করে। আপনি যদি 100% কালো ব্যাকগ্রাউন্ডে 100% সাদা টেক্সট রাখেন, তাহলে অক্ষরগুলি আলো, স্মিয়ার প্রতিফলিত করবে এবং কম পাঠযোগ্য হয়ে উঠবে, যা পঠনযোগ্যতাকে নেতিবাচকভাবে প্রভাবিত করবে।

এটি একটি 100% সাদা পটভূমিতেও যায়, যা শব্দগুলিতে পুরোপুরি ফোকাস করার জন্য খুব বেশি আলো প্রতিফলিত করে। সাদা রঙকে একটু নরম করার চেষ্টা করুন, ব্যাকগ্রাউন্ডের জন্য হালকা ধূসর এবং কালো ব্যাকগ্রাউন্ডে টেক্সট ব্যবহার করুন। এটি চোখের স্ট্রেন কমাবে, প্রতিরোধ করবে তাদের ওভারভোল্টেজ

ডার্ক মোড এখানে আছে এবং চলে যাবে না

আমরা যে পরিমাণ সময় স্ক্রিনের সামনে ব্যয় করি তা ক্রমাগত বাড়ছে, এবং প্রতি নতুন দিন, আমাদের জীবনে নতুন পর্দা উপস্থিত হয়, আমরা জেগে ওঠার মুহূর্ত থেকে আমরা ঘুমিয়ে না যাওয়া পর্যন্ত। এটি একটি মোটামুটি নতুন ঘটনা; আমাদের চোখ এখনও সন্ধ্যায় পর্দার সময় বৃদ্ধিতে অভ্যস্ত নয়। এখানেই ডার্ক মোড চলে আসে। macOS এবং মেটেরিয়াল ডিজাইনে (এবং সম্ভবত iOS-এ) এই বৈশিষ্ট্যটি চালু হওয়ার সাথে সাথে, আমরা বিশ্বাস করি যে শীঘ্রই বা পরে এটি মোবাইল এবং ডেস্কটপ উভয় অ্যাপ্লিকেশনেই ডিফল্ট হয়ে যাবে। এবং এটির জন্য প্রস্তুত থাকা ভাল!

অন্ধকার মোড প্রয়োগ না করার একমাত্র কারণ হল যখন আপনি একেবারে 100% নিশ্চিত হন যে আপনার অ্যাপ্লিকেশনটি উজ্জ্বল দিনের আলোতে একচেটিয়াভাবে ব্যবহৃত হয়। এই, তবে, প্রায়ই ঘটবে না.

ডার্ক মোড প্রয়োগ করার সময় আগে সংক্ষিপ্ত করা মৌলিক নীতিগুলির বাইরে কয়েকটি বিষয় উল্লেখ করা মূল্যবান।

অ্যাক্সেসযোগ্যতার পরিপ্রেক্ষিতে, অন্ধকার মোডটি সবচেয়ে সুবিধাজনক নয়, যেহেতু বৈসাদৃশ্যটি সাধারণত কম থাকে, যার ফলে পঠনযোগ্যতা মোটেও উন্নত হয় না।

উৎস

কিন্তু কল্পনা করুন যে আপনি বিছানার জন্য প্রস্তুত হচ্ছেন, আপনি সত্যিই ঘুমাতে চান, কিন্তু আপনি ঘুমিয়ে পড়ার ঠিক আগে, আপনি মনে রাখবেন যে আপনাকে একটি অতি গুরুত্বপূর্ণ বার্তা পাঠাতে হবে যেটি এক রাত পর্যন্ত অপেক্ষা করতে পারে না। আপনি আপনার ফোনটি ধরুন, এটি চালু করুন এবং AAAAAAH... আপনার iMessage-এর হালকা পটভূমি আপনাকে আরও 3 ঘন্টা জাগিয়ে রাখবে যদিও একটি অন্ধকার পটভূমিতে হালকা পাঠ্যকে সবচেয়ে অ্যাক্সেসযোগ্য হিসাবে বিবেচনা করা হয় না, এই সেকেন্ডে একটি অন্ধকার মোড থাকবে৷ এক মিলিয়ন দ্বারা সুবিধা বৃদ্ধি. এটি সমস্ত ব্যবহারকারী এই মুহূর্তে কোন পরিস্থিতিতে রয়েছে তার উপর নির্ভর করে।

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

টুইটারে একটি স্বয়ংক্রিয় অন্ধকার মোড রয়েছে যা সন্ধ্যায় চালু হয় এবং সকালে বন্ধ হয়ে যায়।

এছাড়াও, একটি থিম তৈরি করার সময়, এটি মনে রাখা উচিত যে কিছু জিনিসকে কেবল অন্ধকার করা যায় না।

পেজের মত একটি টেক্সট এডিটর নিন। আপনি ইন্টারফেস অন্ধকার করতে পারেন, কিন্তু শীট নিজেই সবসময় সাদা হবে, কাগজের একটি আসল শীট অনুকরণ করে।

ডার্ক মোড সক্ষম পৃষ্ঠাগুলি

স্কেচ বা ইলাস্ট্রেটরের মতো সব ধরনের বিষয়বস্তু তৈরির সম্পাদকের ক্ষেত্রেও একই কথা। যদিও ইন্টারফেসটি অন্ধকার করা যেতে পারে, আপনি যে আর্টবোর্ডের সাথে কাজ করবেন তা সর্বদা ডিফল্টরূপে সাদা হবে।

অন্ধকার মোডে স্কেচ করুন এবং এখনও একটি উজ্জ্বল সাদা আর্টবোর্ড আছে।

তাই অ্যাপ যাই হোক না কেন, আমরা বিশ্বাস করি ডার্ক মোডগুলি আপনার ব্যবহার করা অপারেটিং সিস্টেমে নেটিভ আসবে, যার অর্থ ভবিষ্যতের জন্য প্রস্তুত করাই ভালো। এটা অন্ধকার হবে 

আপনি যদি অন্ধকার UIs বিকাশের বিষয়ে আরও জানতে চান তবে নির্দেশিকাগুলি পরীক্ষা করে দেখতে ভুলবেন না মেটারিয়াল ডিজাইন, এই নিবন্ধটির জন্য এটি আমাদের তথ্যের প্রধান উত্স ছিল।

উত্স: www.habr.com