এই দিনগুলির জন্য ওয়েবসাইটগুলি সবচেয়ে সাধারণ 'প্রস্থ এবং উচ্চতা ডিজাইন করা হচ্ছে?

Question

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

আমরা এই প্রোটোটাইপটি সহজ রাখতে যাচ্ছি, এবং তাই ব্রাউজারগুলি, স্ক্রিনের প্রস্থগুলি সনাক্তকরণ করা হবে না So সুতরাং, আমি বুঝতে পেরেছিলাম যে একটি সহজ উত্তর পাওয়ার আশা নিয়ে আমি এটি একটি সহজ উপায়ে জিজ্ঞাসা করব:

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

দয়া করে নোট করুন আমি কীভাবে এই প্রশ্নটি জিজ্ঞাসা করেছি:

• আমি সর্বাধিক সাধারণ স্ক্রিন রেজোলিউশনের জন্য বলছি না।
• আমি সর্বাধিক সাধারণ ব্রাউজারগুলির জন্য জিজ্ঞাসা করছি না।

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

Answer 1

যেমন আপনি বলেছিলেন যে এর কোনও মানক উচ্চতা নেই কারণ এটি অত্যন্ত তরল তাই কেবল আপনার নকশাকে সেরা রূপায়িত করতে সহায়তা করে যা ব্যবহার করুন।

প্রস্থের 960 পিক্সেল প্রশস্ত স্থির প্রস্থ ডিজাইনের জন্য বর্তমান "স্ট্যান্ডার্ড" বলে মনে হচ্ছে। এটি যথেষ্ট সাধারণ যে কোনও ওয়েবসাইট সেই প্রস্থে লেআউটগুলি অন্বেষণে উত্সর্গীকৃত হয়েছে ।

(আমি ধরে নিচ্ছি যে আপনি কেউ তরল ডিজাইন ব্যবহারের বিষয়ে ঝড় তুলছেন না?)

Answer 2

আপনার সেট করা উচিত এমন কোনও আদর্শ প্রস্থ নেই। 1024x768 মনিটর ব্যবহার করে মানুষের পরিমাণ বিগত কয়েক বছরে মারাত্মকভাবে হ্রাস পেয়েছে, সুতরাং 960 প্রস্থের কম গুরুত্ব নেই। অনেকগুলি নতুন ডিভাইস (স্মার্ট ফোন, ল্যাপটপ এবং ডেস্কটপগুলির সাথে ট্যাবলেটগুলির) উত্থানের সাথে সাথে আপনার প্রতিটি কেসের জন্য বেশ কয়েকটি স্টাইলশিট তৈরি করা উচিত।

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

কয়েকটি উদাহরণের জন্য ডাব্লু 3.org এ এই পৃষ্ঠাটি দেখুন - http://www.w3.org/TR/css3-mediaqueries/

এটি আরও কাজ, তবে ব্যবহারকারীরা তাদের সাইটের ব্রাউজারে ব্যবহার না করেই সর্বোত্তম সম্ভাব্য অভিজ্ঞতা অর্জনের অনুমতি দেবে।

Answer 3

@ জন কনডে যা বলেছেন। এটির পাশাপাশি আপনাকে আপনার টার্গেট শ্রোতা কে in উদাহরণস্বরূপ, যদি আমার ওয়েবসাইটটি কোনও প্রযুক্তি ব্লগ বা গ্যাজেট ব্লগ হয় তবে আমার টার্গেট শ্রোতারা সাধারণ শ্রোতার তুলনায় কিছুটা বেশি প্রযুক্তি-বুদ্ধিমান হওয়ার সম্ভাবনা থাকে, তাই আমি 1200+ পিএক্স প্রশস্ত বিন্যাসের জন্য শুটিং করতে পারি। বা যদি আমি ওয়েবমাস্টারদের জন্য কোনও সাইট / ব্লগ / ফোরামকে কেন্দ্র করে থাকি তবে আমি আরও কিছুটা আরও বিস্তৃত হতে পারি।

দিনের শেষে আপনার গণসংখ্যার জনসংখ্যার চিত্র বের করুন এবং শেষ পর্যন্ত তাদের জন্য কী কাজ করবে তা অনুসরণ করুন।

দুটি অত্যন্ত গুরুত্বপূর্ণ বিষয় মনে রাখতে হবে ...

1) আপনার ডিজাইন যদি 900+ পিক্সের সাথে কাজ করতে পারে তবে আপনার জনসংখ্যার পক্ষে এটি সামর্থ্য হওয়া সত্ত্বেও এটি 1200+ পিক্সারে প্রসারিত করার কোনও কারণ নেই ..

২) নিশ্চিত করুন যে আপনার স্থানে যথাযথ কাঠামো রয়েছে যা আপনার টার্গেট রেজোলিউশন নাও থাকতে পারে এমন উয়ারদের সমন্বিত করতে পারে ..

Comments

আমি # 2 পয়েন্টের সাথে একমত নই। 1366px প্রশস্ত ডিসপ্লে সহ, গত কয়েক বছরে বেশিরভাগ ল্যাপটপের বিক্রি হওয়া বিতর্কিতভাবে সর্বাধিক সাধারণ প্রস্থের সাথে, আপনি একে অপরের পাশে দুটি 900px উইন্ডো ফিট করতে পারবেন না এবং একই সাথে উভয় দেখতে পাবেন না। আপনার যদি মাত্র একটি একক 900px লেআউট থাকে তবে আপনি 34% হোয়াইটস্পেস সহ অনুভূমিক স্থান নষ্ট করছেন। সেক্ষেত্রে 1200px একটি আদর্শ প্রস্থ হবে। হ্যাঁ তাই, সেখানে হয় এটা প্রসারিত একটি কারণ।

— ই

@ হিঙ্কল: আমি মনে করি না আপনি আসলে পয়েন্ট # 2 পড়েছেন। আপনার প্রতিক্রিয়াটির একে অপরের পাশে দুটি 900px উইন্ডো ফিটিংয়ের সাথে কী সম্পর্ক আছে? তদতিরিক্ত, জন আর কী জিজ্ঞাসা করছে তা বুঝতে দয়া করে প্রশ্নটি সঠিকভাবে পড়ুন। এই যেমন চরম ব্যবহারের ক্ষেত্রে সম্পর্কে একটি আলোচনা নয় আপনি একে অপরের সাথে পরবর্তী বা আমার ক্ষেত্রে একটি 1600px মনিটর (তাদের এর 2) অনুপস্থিত একটি নকশা কাজ করার জন্য 2 900px জানালা আছে অনুপস্থিত। বরং এটি সেই সংখ্যক ব্যবহারকারীর সম্পর্কে যারা আপনি বা আমি নন ..

— আদিল

আমার ক্ষমাপ্রার্থনা, আমি আপনার ২ য় পয়েন্ট নয়, আপনার প্রথম পয়েন্টটির জবাব দিতে চাইছি। যদি এর ফলে কোনও বিভ্রান্তির সৃষ্টি হয় তবে আমি দুঃখিত। আমার বক্তব্যটি এখনও দাঁড়িয়ে আছে: বেশিরভাগ ব্যবহারকারীর প্রদর্শন রয়েছে যা যথেষ্ট প্রশস্ত যে একটি 900px লেআউটটি তাদের প্রচুর জায়গা নষ্ট করছে। আপনি আপনার উত্তরে যা বলেছেন তার বেশিরভাগের সাথে আমি একমত, তবে আপনার 1 ম "মনে রাখার জিনিস" সত্যই সত্য নয় hold যদি আপনার ডেমোগ্রাফিকগুলি 1200px বহন করতে পারে তবে আপনার সেই 1200 পিক্স ব্যবহার করা উচিত, অন্যথায় আপনি তাদের 300 পিক্সেল নষ্ট করছেন।

— নিখোঁজ

@ হিঙ্কল: আপনি আমার পয়েন্টটি ভুলভাবে লিখছেন # 1। যদি আমার ডিজাইনটি 900px এর মধ্যে সাইটটি সহজে দেখাতে পারে তবে কেন আমি এটিকে 1200px করতে প্রসারিত করব? এছাড়াও, 13% ব্যবহারকারীর এখনও 1024x768 এর একটি স্ক্রিন রেজোলিউশন রয়েছে মঞ্জুর মঞ্জুরি দেয় তবে এটি তাদের অস্বস্তি করতে যথেষ্ট এবং এগুলি বিক্রি, বিজ্ঞাপন ক্লিক, সীসা বা আপনার ব্যবসায়ের মডেল যাই হোক না কেন .... (ডেটা উদ্ধৃত: w3 স্কুলগুলি .কম / ব্রাউজার / ব্রাউজার_ডিসপ্লে.এএসপি )

— আদিল

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

— নিখোঁজ