Back to Question Center
0

মিমি প্রস্থ বনাম গতিশীল প্রস্থ

1 answers:

আমি লক্ষ করেছি যে আরও বেশি সাইট একটি নির্দিষ্ট-প্রস্থ বিন্যাসে চলে গেছে, যেখানে ব্রাউজার উইন্ডোর আকার পরিবর্তন করে স্ক্রোলবারগুলি দৃশ্যমান করে, একটি নমনীয় লেআউটের বিরোধিতা করে, যেখানে ব্রাউজারের আকার পরিবর্তন করে " চাবুক "একসাথে.
এই মত StackExchange সাইট নির্দিষ্ট বিন্যাস একটি উদাহরণ. GMail এবং iGoogle নমনীয় লেআউটের উদাহরণ Source - umzug innerhalb stadt zuerich. অন্য একটি উপর নির্বাচন করার কারণ কি?

February 6, 2018

পরিবর্তনশীল প্রস্থ বিন্যাসের সাহায্যে আরও জটিল ডিজাইনগুলি খুব কঠিন হতে পারে. তাই আমি কল্পনা করি যে একটি ভূমিকা পালন করে.

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

অবশ্যই যদি আপনার কোন জায়গা থাকে যেখানে স্থানটি প্রিমিয়াম (যেমন Google ডক্স এবং গুগল ম্যাপস) থাকে তবে আপনি যেকোনো উপলভ্য স্থান ব্যবহার করতে একটি পরিবর্তনশীল প্রস্থ স্কিম সহ যেতে চান।.

জটিল সাইটগুলির জন্য ডেভেলপারের সাথে অনেকটা সহজ. এছাড়াও, সবচেয়ে নির্দিষ্ট প্রস্থ সাইটগুলি প্রায় 1000 পিক্সেল বিস্তৃত হবে. কারণ ব্রাউজারের মাত্র 1% ব্যবহার 800x640 এবং 0% 640x480 ব্যবহার করে. সবচেয়ে বর্তমান পরিসংখ্যান দেখুন এখানে . এই যদিও মোবাইল অন্তর্ভুক্ত না. একটি সম্পূর্ণরূপে ভিন্ন বল খেলা যা.

পরিবর্তনশীল প্রস্থ বিন্যাসের মান হল যে এটি এমন একটি উইন্ডোতে সহজেই ওয়েবসাইটটি ব্যবহার করতে দেয় যা সর্বাধিক নয়.

আপনি আপনার শ্রোতা দেখতে এবং আপনার অভিজ্ঞতা কি তারা মনে চান উপর ভিত্তি করে সিদ্ধান্ত নিতে হবে এবং যদি পরিবর্তনশীল প্রস্থ অন্যান্য বৈশিষ্ট্য যে আপনি বিকাশ করতে সক্ষম হবে না থেকে আরো গুরুত্বপূর্ণ যদি আপনি পরিবর্তনশীল প্রস্থ করতে হবে.

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

এই পদ্ধতি অপেক্ষাকৃত সহজ নকশার জন্য ভালো কাজ করে, যেমন ব্লগ বা এমন অনেকগুলি পাঠ্য সংক্রান্ত তথ্য উপস্থাপন করে. প্রকৃতপক্ষে, আমি এটি নিজের ব্যবহার করি ব্যক্তিগত ওয়েবসাইট . অধিকাংশ লোকের এখন ব্যাপক পর্দা বা উচ্চ-রেজোলিউশনের মনিটর আছে - আমার কাজ মনিটরটি 1680 পিক্স পাউন্ড - তাই কেন তারা একটি বড় ডিগ্রী রিয়েল এস্টেট হারাবেন এবং অনুভূমিকভাবে সহজেই স্ক্রোল করতে হবে কারণ ডিজাইনার একটি নির্দিষ্ট প্রস্থের উপর নির্ভর করে যা তাদের উপযুক্ত পর্দা? শেষ ভাল নকশা ব্যবহারকারীদের সেরা সম্ভাব্য অভিজ্ঞতা সম্পর্কে প্রদান করা হয় - এটা শুধু ডিজাইনার মনিটর নেভিগেশন "চমত্কার" দেখায় কি ঠিক নয়.

আপনি যে পছন্দ করতে হবে না হতে পারে. একটি তালিকা সহ একটি চমৎকার প্রতিক্রিয়াশীল ডিজাইন নিবন্ধ . মূল ধারণা হল আপনি মিডিয়া ক্যোয়ারীগুলি ব্যবহার করতে পারেন ব্রাউজার উইন্ডোতে বা ভিউপোর্টের আকার পরিবর্তন করতে এবং প্রয়োজনীয় CSS হিসাবে পুনরায় বিন্যাস করতে. সেখানে অনেক পড়া আছে, তাই চেক আউট নিবন্ধ সব সরস বিবরণ জন্য. কিন্তু দীর্ঘ এবং সংক্ষিপ্ত (বা এর যে "প্রশস্ত এবং সংকীর্ণ" হওয়া উচিত?) তার উদাহরণের আগে এবং পৃষ্ঠার উদাহরণের দিকে তাকান. আগে পৃষ্ঠা আঁকে একটি বিন্দু পর্যন্ত চমত্কারভাবে, কিন্তু যদি আপনি এটি সঙ্কুচিত করা যথেষ্ট এটি একটি সামান্য clunky পায়. পরে পৃষ্ঠার স্কেল পাশাপাশি লেআউট পরিবর্তন করে যখন আপনি স্কেলিং ভালভাবে কাজ করার জন্য এটি খুব সংকোচন করেন.

Jakob Nielsen এর 113 হোম পেজের ব্যবহারযোগ্যতা জন্য ডিজাইন নির্দেশিকা অনুযায়ী:

67 একটি তরল বিন্যাস ব্যবহার করুন যাতে হোম পেজের আকার বিভিন্ন পর্দার রেজোলিউশনে সমন্বয় করে.

এটিও দশটি সর্বাধিক লঙ্ঘিত হোমপেজ ডিজাইন নির্দেশিকা :

হিমায়িত লেআউটগুলির লড়াই একটি হারিয়েছে বলে মনে হয়যুদ্ধ, কিন্তু এটা পুনরাবৃত্তি মূল্য:বিভিন্ন ব্যবহারকারীদের বিভিন্ন মনিটর আছেমাপ. বড় মনিটর সঙ্গে মানুষ চানতাদের ব্রাউজারের আকার পরিবর্তন করতে সক্ষম হতে হবেএকাধিক উইন্ডো একসাথে দেখুন. আপনি যে সবাই এর অনুমান করতে পারবেন নাউইন্ডো প্রস্থ 800 পিক্সেল: এটা খুবকিছু ব্যবহারকারীদের জন্য এবং খুব সামান্য জন্যঅন্যদের.

একটি মিশ্রণ সম্পর্কে কি? যদি পর্যাপ্ত স্থান থাকে তবে এটি # বিষয়বস্তু-বিভাগকে একটি নির্দিষ্ট প্রস্থ (70 ইমে) দেখায় - অন্যথায় এই বিভাগটি ভিউ-পোর্ট / ব্রাউজার উইন্ডোর 80% পর্যন্ত সঙ্কুচিত হয়.

  # সামগ্রী {মার্জিন: 0 অটো 2em 0;প্রস্থ: 70 এম;সর্বোচ্চ-প্রস্থ: 80%; } 

একটি গতিশীল লেআউটের সুবিধা এটি মোবাইল ডিভাইস সহ সমস্ত স্ক্রিন মাপে কাজ করে. সবগুলি আকারে ভাল জিনিসগুলি দেখানোর জন্য এটি কঠিন কাজ. প্রশ্ন জিজ্ঞাসা করা হয় - আপনার দর্শক মোবাইল ডিভাইস ব্যবহার করা যাচ্ছে?