আপনি কি কখনো পিক্সেল পারফেক্ট-এর কথা শুনেছেন? চাকরির ইন্টারভিউতে আপনাকে কি এ বিষয়ে জিজ্ঞাসা করা হয়েছে বা চাকরির বিজ্ঞাপনে এটি দেখেছেন? যদি তাই হয়, তাহলে আপনি হয়তো ভাবছেন যে তারা কীসের কথা বলছে। যদি না আপনি আপনার প্রশিক্ষণ বা অভিজ্ঞতা থেকে নিশ্চিতভাবে জানেন যে এটি আসলে কী।
কিন্তু যদি ব্যাপারটা তেমন না হয়, এবং সাক্ষাৎকারে নিজেকে 'অনভিজ্ঞ' হিসেবে উপস্থাপন না করার জন্য এই ধারণাটি স্পষ্ট করার প্রয়োজন হয়, তাহলে এই বিষয়ে আপনার যা যা জানা দরকার, তার সমস্ত তথ্য এখানে দেওয়া হলো। দেখে নিতে চান?
পিক্সেল কি নিখুঁত
এটা সম্ভব যে এই শব্দগুলি দ্বারা আপনি ভাবতে পারেন যে এটি নিখুঁত পিক্সেল (অর্থাৎ, একটি চিত্র তৈরি করার উপাদানগুলির সাথে) চিত্র বা চিত্র তৈরি করা বোঝায়।
কিন্তু ব্যাপারটা আসলে তার চেয়েও বেশি কিছু। এটা সত্যি যে, এর মূল উদ্দেশ্যই হলো নকশাগুলোতে পরিপূর্ণতা অর্জন করা।
এই কৌশলগুলি প্রধানত পৃষ্ঠা বা অ্যাপ্লিকেশন ডিজাইনে ব্যবহৃত হয়, কিন্তু আপনার কম্পিউটারের সাথে ছবি তৈরি করার সময় কিছুই আপনাকে সেগুলি ব্যবহার করতে বাধা দেয় না।
এই পরিভাষাটির ব্যবহার ১৯৯০-এর দশকে শুরু হয় , এমন এক সময়ে যখন (আজকের মতো নয়) ফটোশপ ব্যবহার করে ওয়েবসাইটগুলো আরও বেশি হাতে-কলমে তৈরি করা হতো। তাই, এমন লোকদের খোঁজ করা হতো যাদের টুলটির ওপর নিখুঁত দখল ছিল এবং ডিজাইনটি যথাযথ করার কৌশলগুলো জানা ছিল।
অবশ্যই, অনেক বছর কেটে গেছে এবং যদিও এখন আর পিক্সেল পারফেক্ট কৌশল প্রয়োগ করতে জানেন এমন পেশাদারদের খোঁজ খুব বেশি করা হয় না, তবুও এই বিষয়ে জেনে রাখা ভালো, অথবা অন্তত আরও ভালো ফলাফল অর্জনের জন্য কী কৌশল ব্যবহার করা হতো তা জানা দরকার।
আমরা নীচে তাদের সম্পর্কে আপনাকে বলব।
পিক্সেল নিখুঁত কৌশল
যেমনটি আমরা আপনাকে আগেই বলেছি, এখানে আমরা বিভিন্ন কৌশল সম্পর্কে কথা বলতে যাচ্ছি যা একজন পিক্সেল নিখুঁত পেশাদার তার লক্ষ্য অর্জন করতে ব্যবহার করে।
অভিগম্যতা
অ্যাক্সেসিবিলিটি এমন একটি বিষয়, যেখানে আমরা আরও বিস্তারিত তথ্য না দিলে আসলে বোঝা যায় না যে আমরা কী বোঝাতে চাইছি , তাই না?
কল্পনা করুন যে আপনার একটি ওয়েব পৃষ্ঠা রয়েছে যেখানে একটি মেনু থাকবে যা থেকে বেশ কয়েকটি বিকল্প প্রদর্শিত হবে।
একটি অ্যাক্সেসযোগ্য ওয়েবসাইট এমন একটি হবে যেটি প্রদর্শিত বিকল্পগুলিতে, প্রতিটি পৃষ্ঠার একটি নির্যাস পড়া যেতে পারে।
একটি প্রবেশযোগ্য ওয়েবসাইট হলো এমন একটি ওয়েবসাইট, যেখানে প্রদর্শিত বিকল্পগুলোর মধ্যে এক বা দুটি শব্দ থাকবে যা দিয়ে বোঝানো হবে যে সেই পৃষ্ঠায় আপনি কী খুঁজে পাবেন।
অন্য কথায়, এবং ডিজাইনের উপর ফোকাস করা, এটি এমন একটি ওয়েবসাইট বা অ্যাপ্লিকেশন তৈরি করার বিষয়ে যা নেভিগেট করা সহজ, যা সমস্যা সৃষ্টি করে না এবং এটিও স্বজ্ঞাত।
ছাপাখানার বিদ্যা
যদিও টাইপোগ্রাফি অ্যাক্সেসযোগ্যতার মধ্যে পড়তে পারে, তবে সত্য হল এর নিজস্ব কৌশল রয়েছে।
একদিকে, আপনাকে এমন একটি টাইপফেস খুঁজে বের করতে হবে যা সেই ওয়েবসাইটের ব্যবসা বা খাতের জন্য কার্যকর। কিন্তু এটির উপযুক্ত আকার এবং লাইন স্পেসিং থাকাও জরুরি, যাতে এটি পাঠযোগ্য হয় এবং যেকোনো ব্রাউজার, ডিভাইস ইত্যাদিতে দেখা যায়।
এক্ষেত্রে, ‘ক্লাসিক’ ধারা থেকে ভিন্ন ও খুব মৌলিক ফন্ট ব্যবহার করার পরামর্শ দেওয়া হয় না। এর কারণ হলো, আপনি দেখতে পারেন যে ফন্টটি উপলব্ধ না থাকার কারণে ব্রাউজারটি ফন্ট পরিবর্তন করে ফেলছে , অথবা লেখাটি প্রদর্শিত হচ্ছে না, ইত্যাদি।
পিক্সেল
অবশ্যই, যখন আমরা পিক্সেল পারফেকশন নিয়ে কথা বলি, তখন যে কৌশলগুলোতে আপনাকে অবশ্যই দক্ষতা অর্জন করতে হবে তার মধ্যে একটি হলো পিক্সেল সম্পর্কিত সবকিছু। আপনাকে শুধু এগুলো কী, এদের গুরুত্ব ইত্যাদি জানলেই হবে না, বরং এগুলোকে কীভাবে নিজের সুবিধার্থে ব্যবহার করতে হয় তাও জানতে হবে।
এবং এই অর্থে, আপনার জানা উচিত যে যারা তাদের নিখুঁতভাবে আয়ত্ত করতে পারে না তাদের ব্যর্থতার মধ্যে একটি হল প্রান্তগুলিকে রাস্টারাইজ করার অনুমতি দেওয়া (এমন কিছু যা ফটোশপ ডিফল্টরূপে করতে পারে)।
এটি এড়ানোর জন্য, আপনার এমন সোজা প্রান্ত প্রয়োজন হবে যা অক্ষতও থাকবে। অন্য কথায়, আপনাকে ফটোশপের সেটিংস ব্যবহার করে প্রান্ত মসৃণকরণ (edge smoothing) এবং পিক্সেল রাস্টারাইজেশন (pixel rasterization) প্রতিরোধ করতে হবে।
চাক্ষুষ অনুক্রম
যদিও এই কৌশলটি সরাসরি পিক্সেলের সাথে সম্পর্কিত নয়, তবে এটি একটি ওয়েবসাইট বা অ্যাপের বিভিন্ন উপাদানের প্রদর্শনের ক্রমের সাথে সম্পর্কিত। ফটোশপে এটি করার সময়, সবকিছু কেমন দেখতে চান সে সম্পর্কে আপনাকে খুব স্পষ্ট হতে হতো (কারণ পরে তা পরিবর্তন করা কঠিন ছিল)।
এই কারণে, ওয়েবের "বেস" বা কাঠামো তৈরি করার সময়, কোন উপাদানগুলি প্রাসঙ্গিক, কোন মাত্রায় এবং কোন ক্রমানুসারে দৃশ্যমানভাবে আনন্দদায়ক ডিজাইনের জন্য তাদের উপস্থিত হওয়া উচিত তা জানা প্রয়োজন।
সংগঠন এবং নামকরণ
আপনি যদি নিজের দ্বারা ওয়েবসাইটটি সম্পূর্ণরূপে তৈরি না করেন এবং আপনি নিজের মতো করে নিজেকে সংগঠিত না করেন, তবে একটি ভাল প্রতিষ্ঠান একটি খুব ভাল চিত্র দেয়।
ডিজাইনাররা সাধারণত দলবদ্ধভাবে কাজ করেন। তাই, একটি সুসংগঠিত, স্তরযুক্ত এবং প্রতিটি উপাদানকে (শুধু ওয়েবসাইটটিই নয়, বরং ছবি, আইকন ইত্যাদিও) স্পষ্টভাবে সংজ্ঞায়িত করে একটি ফাইল উপস্থাপন করলে পরবর্তীতে পরিবর্তন আনা অনেক দ্রুত হবে, কারণ আপনি সবসময়ই সঠিকভাবে জানতে পারবেন কোথায় সমন্বয় করতে হবে।
প্রান্তিককরণ এবং ব্যবধান
একটি ওয়েবসাইটে একাধিক পণ্য উপস্থাপন করার সময়, যদি প্রতিটি পণ্যকে তার পরেরটির চেয়ে উপরে বা নিচে স্থাপন করা হয়, তবে তা বিশৃঙ্খলা সৃষ্টি করবে। প্রথমত, কারণ এটি একটি অত্যন্ত খারাপ ভাবমূর্তি তৈরি করবে; এবং দ্বিতীয়ত, দৃশ্যত এটি এতটাই অগোছালো মনে হবে যে মানুষ যত দ্রুত সম্ভব ওয়েবসাইটটি ছেড়ে চলে যেতে চাইবে।
মার্জিনের যত্ন নেওয়া, উল্লম্ব এবং অনুভূমিক রেখা স্থাপন করা যাতে প্রতিটি উপাদান কেন্দ্রীভূত হয় এবং আকারের জন্য মানদণ্ড তৈরি করা পৃষ্ঠায় ভারসাম্য অর্জন করবে।
তদতিরিক্ত, আপনি "শ্বাস ফেলা" করার জন্য নকশা পাবেন এবং এটির সাথে, আপনি যা দেখেন তাতে আপনি অভিভূত বোধ করবেন না, বরং আরও শান্তভাবে যান।
রঙ, আকৃতি এবং অর্থ
একটি ওয়েবসাইট বা অ্যাপের ভিজ্যুয়াল উপাদানগুলোকে অবশ্যই "মানানসই" হতে হবে। অর্থাৎ, সেগুলোকে এমনভাবে একে অপরের সাথে মিশে যেতে হবে, যাতে দেখে মনে হয় উপাদানগুলো যেন চিরকাল ধরেই একসাথে ছিল। পিক্সেল পারফেক্ট বলতে মূলত এটাই বোঝায়।
অন্যথায় এটি ব্যবহারকারীকে বিভ্রান্ত করবে।
উদাহরণস্বরূপ, একটি ফ্লুরোসেন্ট রঙের সাথে একটি কালো আইকন এর পাশে আরেকটির সাথে রাখা।
আপনাকে ওই খুঁটিনাটি বিষয়গুলোর দিকে মনোযোগ দিতে হবে, কারণ সেগুলো চূড়ান্ত ফলাফল পুরোপুরি নষ্ট করে দিতে পারে।
পিক্সেল-পারফেক্ট কৌশলটি এখন আর তেমন ব্যবহৃত হয় না, এর প্রধান কারণ হলো ওয়েবসাইটগুলো এখন আর ফটোশপ দিয়ে তৈরি করা হয় না। কিন্তু আপনি এটিকে অন্যান্য কাজেও ব্যবহার করতে পারেন। আপনি কি কখনো এর কথা শুনেছেন?