লেয়াউট এবং স্পেসিং পুরো স্ক্রিন দখল করতে হবে না. Estimated reading: 1 minute 13 views Contributors সারাংশ: এখনকার সময় অধিকাংশ মানুষ ওয়েবসাইটগুলো ডেক্সটপের পাশাপাশি মোবাইলে ভিজিট করে থাকে। তাই ডিজাইন এমনভাবে করতে হবে যেন ইউজার ডেক্সটপ থেকে মোবাইলে সুইচ করলে খুব বেশি পার্থক্য না পায়। ডেক্সটপ সাইজের জন্য ডিজাইন করার সময় কমপক্ষে ১২০০-১৪০০ পিক্সেল চওড়া জায়গা পাওয়া যায় কিন্তু অতিরিক্ত জায়গা পাচ্ছেন মানেই আপনাকে পুরো জায়গাটি ব্যবহার করতেই হবে এমন কোন কথা নেই। Used full canvas Used Some white spaceএখনকার সময় অধিকাংশ মানুষ ওয়েবসাইটগুলো ডেক্সটপের পাশাপাশি মোবাইলে ভিজিট করে থাকে। তাই ডিজাইন এমনভাবে করতে হবে যেন ইউজার ডেক্সটপ থেকে মোবাইলে সুইচ করলে খুব বেশি পার্থক্য না পায়।ক্যানভাস সংকুচিত করুনযদি আপনার বড় ক্যানভাসে ছোট ইন্টারফেস ডিজাইন করতে কঠিন মনে হয় সেক্ষেত্রে ক্যানভাসকে সংকুচিত করে নিন। অধিকাংশ সময় এ পদ্ধতিতে কাজ করলে ডিজাইন করা অনেক সহজ হয়ে যায়।যখন আপনি একটি রেসপনসিভ ওয়েব অ্যাপ্লিকেশন ডিজাইন করবেন চেষ্টা করবেন 400 px ক্যানভাসের মধ্যে ডিজাইন শুরু করতে এবং প্রথমে মোবাইল ভার্সন ডিজাইন করতে।মোবাইল ভার্সনের ডিজাইনের ফলাফল নিয়ে সন্তুষ্ট হওয়ার পর বড় স্ক্রিনের জন্য ডিজাইন করতে শুরু করবেন এবং মোবাইলের সাথে সামঞ্জস্যতা রেখে ডিজাইন করবেন। এক্ষেত্রে সম্ভাবনা হলো আপনাকে ডিজাইনে খুব আহামরি কোন পরিবর্তন করতে হবেনা। Edit Profile : Mobile Version Edit Profile : Desktop Versionকলামে চিন্তা করুনযদি আপনি এমন কিছু ডিজাইন করে থাকেন যা সংকুচিত জায়গায় মধ্যে ভাল দেখাচ্ছে কিন্তু বড় ক্যানভাসে কিছুটা ভারসাম্যহীন দেখায় সেক্ষেত্রে চেষ্টা করে দেখবেন ডিজাইনকে কলামে বিভক্ত করে কাজ করতে। উদাহরণ হিসেবে নিচের লেআউটটি দেখা যেতে পারে। Image Credit: Behance mobile verson Image Credit: Behance desktop versonজোর করবেন নাআপনার যেমন পুরো স্ক্রিনটি ফিলাপ করে ডিজাইন করার প্রয়োজন নেই ঠিক তেমনি অযথাই সঙ্গকুচিত জায়গার মধ্যে সবকিছু দেখিয়ে ডিজাইনকে Conjusted (হিজিবিজি) করার প্রয়োজন নেই।যদি আপনার বেশি স্পেস প্রয়োজন হয় তাহলে সেটা ব্যবহার করুন। কোন একটি নির্দিষ্ট নিয়মের ওপর আবদ্ধ না থেকে প্রয়োজন অনুসারে সবকিছু কাস্টমাইজ করে নিন। লেয়াউট এবং স্পেসিং - Previous লাইনার স্কেল যথেষ্ট নয়। Next - লেয়াউট এবং স্পেসিং গ্রিডগুলো ওভাররেটেড
