আপনি নিজেকে জিজ্ঞাসা করেছেন, "প্রতিক্রিয়াশীল ওয়েব ডিজাইন কী?" প্রতিক্রিয়াশীল ওয়েব ডিজাইনটি এমন একটি পদ্ধতি যা একটি ডিজাইনার একটি ওয়েব পৃষ্ঠা তৈরি করে যা তার দ্বারা প্রদর্শিত হওয়া ডিভাইসটির ধরন অনুসারে "প্রতিক্রিয়া জানায়" বা নিজের আকার পরিবর্তন করে। এটি একটি oversized ডেস্কটপ কম্পিউটার মনিটর, স্মার্টফোন এবং ট্যাবলেটগুলির মতো ছোট স্ক্রিনগুলির সাথে একটি ল্যাপটপ বা ডিভাইস হতে পারে।
প্রতিক্রিয়াশীল ওয়েব ডিজাইন ডিজিটাল উপস্থিতি সহ যে কেউ জন্য একটি অপরিহার্য হাতিয়ার হয়ে উঠেছে। স্মার্টফোনের বৃদ্ধি, ট্যাবলেট এবং অন্যান্য মোবাইল কম্পিউটিং ডিভাইসগুলি দিয়ে, আরো পৃষ্ঠাগুলি ওয়েব পৃষ্ঠাগুলি দেখতে ছোট-স্ক্রীন ব্যবহার করছে।
$config[code] not foundএই ওয়েবসাইটগুলি ২015 সালের এপ্রিল মাসে গুগল দ্বারা ঘোষিত মোবাইল-প্রথম সূচকটিও বিবেচনা করতে হবে। যেমন ছোট ব্যবসাগুলি তাদের মোবাইল উপস্থিতি বাড়ায়, তাদের ওয়েবসাইট, ই-কমার্স, গুগল বিজনেস পৃষ্ঠা, সোশ্যাল মিডিয়ার পৃষ্ঠাগুলি এবং অন্যান্য সম্পদগুলি সহজেই অ্যাক্সেসযোগ্য হতে হবে ডিভাইস।
রিসার্চ ওয়েব ডিজাইন কি?
প্রতিক্রিয়াশীল নকশাটির উদ্দেশ্য একটি সাইট থাকতে হবে, তবে বিভিন্ন উপাদানের সাথে বিভিন্ন মাপের ডিভাইসগুলি দেখে ভিন্ন ভিন্ন প্রতিক্রিয়াগুলি সহ।
আসুন একটি ঐতিহ্যগত "নির্দিষ্ট" ওয়েবসাইট নিতে। উদাহরণস্বরূপ, ডেস্কটপ কম্পিউটারে দেখা গেলে, ওয়েবসাইটটি তিনটি কলাম দেখাতে পারে। কিন্তু আপনি যখন ছোট ট্যাবলেটে একই লেআউটটি দেখেন, তখন এটি আপনাকে অনুভূমিকভাবে স্ক্রল করতে বাধ্য করে, কিছু ব্যবহারকারী পছন্দ করে না। অথবা উপাদান দৃশ্য থেকে লুকানো বা বিকৃত চেহারা হতে পারে। এই প্রভাবটিও জটিল যে আসলে অনেকগুলি ট্যাবলেটগুলি পটভূমির স্থিতিবিন্যাসে দেখা যেতে পারে অথবা ভূদৃশ্য দৃশ্যের জন্য সাইডওয়েগুলি পরিণত হতে পারে।
একটি ছোট্ট স্মার্টফোন পর্দায়, ওয়েবসাইটগুলি দেখতে আরো বেশি চ্যালেঞ্জিং হতে পারে। বড় ছবি লেআউট "বিরতি" হতে পারে। তারা গ্রাফিক্স ভারী হলে সাইটগুলি স্মার্টফোনে লোড হতে পারে।
তবে, যদি কোনও সাইট প্রতিক্রিয়াশীল ডিজাইন ব্যবহার করে তবে ট্যাবলেট সংস্করণটি কেবলমাত্র দুটি কলাম প্রদর্শনের জন্য সামঞ্জস্যপূর্ণ হতে পারে। এইভাবে, বিষয়বস্তু পাঠযোগ্য এবং নেভিগেট করা সহজ। একটি স্মার্টফোনে, সামগ্রীটি একক কলাম হিসাবে প্রদর্শিত হতে পারে, সম্ভবত উল্লম্বভাবে স্ট্যাক করা। অথবা সম্ভবত ব্যবহারকারীর অন্যান্য কলাম দেখতে সোয়াইপ করার ক্ষমতা থাকবে। লেআউট বিকৃত বা কাটা বন্ধ করার পরিবর্তে চিত্রগুলি আকার পরিবর্তন করবে।
বিন্দুটি হলো: প্রতিক্রিয়াশীল নকশা সহ, ওয়েবসাইটটি স্বয়ংক্রিয়ভাবে ডিভাইসটিকে দেখায় তার উপর ভিত্তি করে ওয়েবসাইট স্বয়ংক্রিয়ভাবে সমন্বয় করে।
কিভাবে প্রতিক্রিয়াশীল ওয়েব ডিজাইন কাজ করে?
প্রতিক্রিয়াশীল সাইট তরল গ্রিড ব্যবহার করুন। সমস্ত পৃষ্ঠা উপাদান পিক্সেলের পরিবর্তে অনুপাত দ্বারা আকারযুক্ত হয়। সুতরাং যদি আপনার তিনটি কলাম থাকে তবে প্রতিটি কলামের সাথে কতটা বিস্তৃত হওয়া উচিত তা আপনি সঠিকভাবে বলবেন না। কলাম 1 এ অর্ধেক পৃষ্ঠাটি নিতে হবে, উদাহরণস্বরূপ কলাম 2টি 30% গ্রহণ করা উচিত এবং কলাম 3টি ২0% গ্রহণ করা উচিত।
যেমন ইমেজ মিডিয়া তুলনামূলকভাবে আকার পরিবর্তন করা হয়। যেভাবে একটি চিত্র তার কলাম বা আপেক্ষিক নকশা উপাদান মধ্যে থাকতে পারে।
সম্পর্কিত ব্যাপার
মাউস ভি। স্পর্শ: মোবাইল ডিভাইসের জন্য নকশা এছাড়াও মাউস বনাম স্পর্শ সমস্যা এনেছে। ডেস্কটপ কম্পিউটারে, ব্যবহারকারী সাধারণত নেভিগেট এবং আইটেম নির্বাচন করতে একটি মাউস আছে। একটি স্মার্টফোন বা ট্যাবলেটে, ব্যবহারকারী বেশিরভাগ আঙ্গুল ব্যবহার করে এবং পর্দায় স্পর্শ করে। একটি মাউস দিয়ে নির্বাচন করা কি সহজ মনে হতে পারে, পর্দায় একটি ছোট্ট স্পটে আঙ্গুল দিয়ে নির্বাচন করা কঠিন হতে পারে। ওয়েব ডিজাইনার বিবেচনা করা উচিত "স্পর্শ" বিবেচনা।
গ্রাফিক্স এবং ডাউনলোড গতি: এছাড়াও, গ্রাফিক্স, বিজ্ঞাপন এবং ডাউনলোড গতির সমস্যা রয়েছে। মোবাইল ডিভাইসগুলিতে, ডেস্কটপ দর্শনের চেয়ে কম গ্রাফিক্স প্রদর্শন করা বিজ্ঞতার কাজ হতে পারে যাতে একটি সাইট স্মার্টফোনে লোড করা যায় না। বৃহত্তর বিজ্ঞাপন মাপ ছোট বিজ্ঞাপন জন্য বিনিময় করা প্রয়োজন হতে পারে।
অ্যাপ্লিকেশন এবং "মোবাইল সংস্করণ": অতীতে, আপনি আপনার ওয়েবসাইটের জন্য একটি অ্যাপ্লিকেশন তৈরি করার কথা ভাবতে পারেন - একটি আইপ্যাড অ্যাপ্লিকেশন বা একটি Android অ্যাপ্লিকেশন বলুন। অথবা আপনার ব্ল্যাকবেরি জন্য বিশেষভাবে একটি মোবাইল সংস্করণ থাকবে।
কিন্তু আজকে অনেকগুলি ভিন্ন ডিভাইসের মাধ্যমে, প্রতিটি ডিভাইস এবং অপারেটিং প্ল্যাটফর্মের জন্য অ্যাপ্লিকেশন এবং বিভিন্ন সংস্করণ তৈরি করা কঠিন হয়ে উঠছে।
কেন ছোট ব্যবসার প্রতিক্রিয়াশীল ওয়েব ডিজাইন পরিবর্তন করতে হবে
আরো মানুষ মোবাইল ডিভাইস ব্যবহার করছেন। সাম্প্রতিক এক গবেষণায় দেখা গেছে, 77% আমেরিকানরা এখন 2018 সালে স্মার্টফোনের মালিক, যা 2011 সালে পিউ রিসার্চ সেন্টারের প্রথম স্মার্টফোন মালিকানা জরিপে মাত্র 35% থেকে বেড়েছে।
আপনার ট্র্যাফিক পরীক্ষা করে দেখুন এবং আপনি কেবলমাত্র কতগুলি দর্শক মোবাইল ডিভাইসের মাধ্যমে আপনার ওয়েবসাইটে যাচ্ছেন তা দেখে অবাক হবেন। (আপনার Google Analytics এ, বাম পাশে "শ্রোতা" নির্বাচন করুন, তারপরে মোবাইল ডিভাইস থেকে ট্র্যাফিকের কতটা অনুপাত রয়েছে তা দেখতে "মোবাইল"। ট্রাফিকগুলি কোন ডিভাইসগুলি পাঠাচ্ছে তা দেখতে এমনকি আপনি ড্রিল করতে পারেন।)
প্রতিক্রিয়াশীল নকশা টেমপ্লেট এখন সর্বত্র, কেনার জন্য। উদাহরণস্বরূপ, যদি আপনার ওয়ার্ডপ্রেস সাইট থাকে তবে আপনি ThemeForest এর মতো একটি সম্মানজনক টেমপ্লেট গ্যালারী পরিদর্শন করতে পারেন এবং "প্রতিক্রিয়াশীল ওয়ার্ডপ্রেস থিমস" অনুসন্ধান করতে পারেন। $ 50 এর জন্য এটি কিনুন। আপনার ওয়েব ডেভেলপার তারপর আপনার লোগো এবং ব্র্যান্ড জন্য এটি কাস্টমাইজ করতে পারেন।
সম্পাদক এর নোট: এখানে ছোট ব্যবসা প্রবণতা এ, আমরা একটি নতুন প্রতিক্রিয়াশীল নকশা কাজ করছি। আপনি না করা উচিত?
Shutterstock মাধ্যমে ছবি
আরো মধ্যে: বিষয়বস্তু বিপণন, 95 মন্তব্য ▼ কি
