কোনও মকআপে কোনও ওয়েবসাইটের প্রস্থের জন্য কোনও মানক আকার আছে? সেই আকারটি কী? কেন?
উত্তর:
আমি আমার বেশিরভাগ মকআপগুলি 1200px প্রশস্ত করে শুরু করি যদিও আমি 1024px রেজোলিউশনের জন্য ডিজাইন করছি। আমি 1000 পেক্সের জন্য মকআপের মধ্যে গাইড সেট আপ করেছি। উচ্চতা বিভিন্ন হতে পারে। আমি আমার মকআপ ফাইলটি আরও প্রশস্ত করার কারণটি হচ্ছে তার চারপাশের শ্বাসকষ্টের সাথে নকশাটি কেমন অনুভূত হয় তা দেখতে। বেশিরভাগ লোকেরা আজকাল 1024px এর চেয়ে বেশি ব্যবহার করেন।
ওয়েব পৃষ্ঠার মকআপগুলি ডিজাইনের জন্য কি কোনও প্রমিত প্রস্থ রয়েছে?
হ্যাঁ, না, সম্ভবত?
একসময় (নীচে দেখুন) ওয়েব ডিজাইনটি মূলত এমন একক ভিউ তৈরির চেষ্টা করেছিল যা বেশিরভাগ স্ক্রিনে যুক্তিসঙ্গতভাবে উপযুক্ত। গত পাঁচ বছরে, প্রতিক্রিয়াশীল ওয়েব ডিজাইন (আরডাব্লুডি) গ্রহণের সাথে এটি মারাত্মকভাবে পরিবর্তিত হয়েছে।
আরডাব্লুডি হ'ল নকশাগুলি এমনভাবে তৈরি করার নীতি যা ডিভাইসের আকার নির্বিশেষে কোনও ডিভাইসে যুক্তিসঙ্গতভাবে ভাল ফিট করতে দেয় ।
ওয়েব বিকাশে, মিডিয়া প্রশ্নগুলি প্রায়শই বিভিন্ন কারণের উপর নির্ভর করে ওয়েব পৃষ্ঠাগুলিতে বিভিন্ন স্টাইলের সেট প্রয়োগ করতে ব্যবহৃত হয়। কিছু সাধারণ কারণের মধ্যে রয়েছে:
শৈলীগুলি নির্দিষ্ট পর্দার আকারগুলিতে লক্ষ্যবস্তু করা যেতে পারে, তাই নির্দিষ্ট রেঞ্জগুলিকে লক্ষ্য করে এমন একাধিক ডিজাইন তৈরি করা অস্বাভাবিক নয় not
পরিষ্কার হতে হবে, কোনও সেট "মান" নেই। এমন কোনও পরিচালনা কমিটি বা সংস্থা নেই যা বলে যে "ডিজাইনারদের এই আকারের নির্দেশিকাগুলি অনুসরণ করে ডিজাইন করা উচিত", কারণ শেষ পর্যন্ত এটি রায় রায়।
এই কথাটি বলেই, ওয়েব ডেভলপমেন্ট ইন্ডাস্ট্রি জৈবিকভাবে একটি সাধারণ ব্রেকপয়েন্টগুলির একটি সেট নিয়ে এসেছে যা বারবার ঘটে।
সাধারণ ব্রেকপয়েন্টগুলি বর্তমান পর্দার প্রস্থের জন্য এবং সাধারণত:
ইউনিট px
এই নির্দিষ্ট সংখ্যাগুলির কারণটি বেশ জাগতিক m আসল আইফোনের 320 × 480 মাত্রার সাথে একটি স্ক্রিন ছিল; মূল আইপ্যাডের স্ক্রিন ছিল মাত্রা 768 × 1024; 1600 × 1200 বড় স্ক্রীন রেজোলিউশনের জন্য সাধারণ।
এই ব্রেকআপ পয়েন্টগুলির কয়েকটি বা সমস্ততে মকআপগুলি দেখা সাধারণ বিষয় হলেও, মাঝারি ডিজাইনের উদ্বোধন পয়েন্টগুলি দেখানো নির্দিষ্ট পৃষ্ঠার একাধিক রেন্ডারিং সরবরাহ করাও সাধারণ।
768px প্রশস্ত স্ট্যাক করা আইটেম দেখায় এমন একটি তরল প্রস্থের কম্পে 900px এর জন্য একটি নকশা অন্তর্ভুক্ত করা দরকার যেখানে আইটেমগুলি দুটি কলামে স্যুইচ করেছে। যদি আপনি দেখতে পান যে আপনাকে এই মধ্যস্থতাকারী ব্রেকপয়েন্টগুলির জন্য অনেকগুলি সেট ডিজাইন সরবরাহ করতে হবে, তবে আমি মকআপের বাকী পৃষ্ঠাটি অন্তর্ভুক্ত না করে পৃথক উপাদানগুলি ডিজাইন করার এবং ব্রেকপয়েন্টগুলি প্রদর্শন করার জন্য সুপারিশ করব where
এটি সাধারণ নকশার ক্ষতিগুলি এড়াতেও সহায়তা করে যেখানে নির্দিষ্ট ইউআই উপাদান অনুপস্থিত বা ব্রেকপয়েন্টগুলির মধ্যে একত্রিত হয় না।
নীচে এই উত্তরটির পুরানো সংস্করণ যা আমি উত্তরপুরুষদের জন্য রাখছি, কিন্তু এটি কিছু সময়ের জন্য প্রাসঙ্গিক হয়নি
আমি অবাক হয়েছি এখনও কেউ এর উল্লেখ করেননি:
গুগলের একটি দুর্দান্ত বিকাশ সরঞ্জাম রয়েছে
এটি আপনার প্রশ্নের উত্তর একাকী দেওয়া উচিত।
আমার বর্তমান ট্রেন্ডগুলিতে কয়েকটি নোট রয়েছে:
বর্তমানে বেশিরভাগ ব্যবহারকারীর কাছে 1024x600 (ট্যাবলেট / নেটবুক) বা এর বেশি রেজোলিউশন রয়েছে। আপনার মনে রাখতে হবে 24pxযে স্ক্রোল বারগুলি প্রায় মুছে ফেলতে হবে , যা 1000px প্রস্থকে খুব সুন্দর করে ফেলে। উচ্চতার ক্ষেত্রে: ওয়েব ব্যবহারকারীরা উল্লম্বভাবে স্ক্রোলিংয়ে খুব ভাল, কারণ তারা ইঁদুরের চাকাগুলিতে স্ক্রোল করতে অভ্যস্ত হয়ে উঠেছে। প্রাথমিক উচ্চতা বেশিরভাগ প্রথম-ইমপ্রেশনগুলির জন্য গুরুত্বপূর্ণ।
ব্যবহারকারীরা অনুভূমিকভাবে স্ক্রোল করার ক্ষেত্রে তেমন ভাল নন, তাই 1000px এর চেয়ে বৃহত্তর লেআউটগুলি তৈরি করার পরামর্শ দেওয়া হয় না।
এছাড়াও বড় স্ক্রিনযুক্ত অনেক ব্যবহারকারী তাদের ওয়েব ব্রাউজারের জন্য তাদের পুরো স্ক্রীন ব্যবহার করেন না । বিশেষত এখন উইন্ডোজ-এর অর্ধেক স্ক্রিনে একটি উইন্ডো ড্রপ করার জন্য সাধারণ ড্রাগ-এন-ডকের কার্যকারিতা অন্তর্ভুক্ত রয়েছে।
সংক্ষেপে:
সংক্ষিপ্ত উত্তর: 800x600 এর জন্য 775x400 এবং 1024x768 এর জন্য 1000x500 ব্যবহার করুন।
দীর্ঘ উত্তর: আপনি কখনই নিশ্চিত হতে পারবেন না যে আপনার উপস্থাপনাটি এটি আপনার ক্লায়েন্ট কম্পিউটারে ঠিক দেখাবে (এটির জন্য আলাদা অপারেটিভ সিস্টেম, ব্রাউজার, আলাদা ক্যালিব্রেটেড মনিটর, বা আরও ভাল পড়ার জন্য সেট করা বড় ফন্ট সহ একটি নিম্ন রেজোলিউশন থাকতে পারে)। এই কারণে আমি আমার কম্পিউটারে সর্বদা উপস্থাপনা দেখাতে চাই to
আমি যদি আকারে বিষয়টি আমার পিসিতে না দেখাতে পারি তবে আমি আমার ব্যক্তিগত বিধিগুলি ব্যবহার করি (আমার পরিমাপকে পবিত্র হিসাবে গ্রহণ করবেন না, প্রত্যেকের নিজস্ব আছে):
নিরাপদ আকার হিসাবে এটি 800x600 (স্ক্রোলবার্ড এবং টপবার সরিয়ে আমি "লাইনের উপরে" হিসাবে 775x400 ব্যবহার করি) এর জন্য অনুকূল optim তবে আজকাল বৃহত্তর স্ট্যান্ডার্ড সহ আরও সস্তা স্ক্রিন সহ আমি 1024x768 (1000x500) ডিজাইন করতে শুরু করেছি
এটি উচ্চতার জন্য নয়, প্রস্থের জন্য অনুকূলকরণ করা গুরুত্বপূর্ণ। উচ্চতা এটি একটি মাউসের সাধারণ স্ক্রোল দিয়ে দ্রবণযোগ্য, প্রস্থের সাথে যদি আপনার কাছে ম্যাক মাউস না থাকে তবে আপনি আরও তথ্য দেখতে অনুভূমিকভাবে স্ক্রোল করতে পারবেন না। সুনির্দিষ্টভাবে নির্ধারণ করা অসম্ভব হলেও, কম-বেশি স্ক্রিনের নীচের লাইনটি কোথায় স্থাপন করা যেতে পারে তা জানা ভাল।
দ্রষ্টব্য: আমি এমন কম উচ্চতা 1000px তেও ব্যবহার করি কারণ লোকেরা ব্রাউজারে উদাহরণস্বরূপ গুগলর্যাঙ্কের মতো (যেমন গুগলর্যাঙ্ক এবং অন্যান্য অনেকগুলি) অনেকগুলি অতিরিক্ত স্ক্রোলবার থাকে, তাই আমি সর্বদা খারাপ পরিস্থিতির জন্য ডিজাইন করা সম্ভব।
আমার খারাপ ইংরাজির জন্য দয়া করে দুঃখিত :)
আমাদের একটি ট্র্যাকিং প্রোগ্রাম রয়েছে যা আমাদের ব্যবহারকারীদের সম্পর্কে তথ্য জানায়। অর্ধেকের বেশি 1024x768 এ রয়েছে। সুতরাং আমি এটি "স্ট্যান্ডার্ড" মনিটরের আকার হিসাবে ব্যবহার করি।
তবে এটি আপনার সাইটের জন্য আপনার সরাসরি অঞ্চল নয় - লোকের সাইডবার রয়েছে, তারা সবসময় ব্রাউজার উইন্ডো পুরো প্রস্থ ইত্যাদি খোলেন না etc.
আমি 960 গ্রিড সিস্টেম পছন্দ করি । নম্বরগুলি নমনীয় এবং ওয়েবসাইট ডাউনলোডের জন্য প্রচুর টেম্পলেট সরবরাহ করে। আমি এটি আমার মকআপগুলির জন্য ব্যবহার করি এবং এখন পর্যন্ত প্রত্যেকেই খুব খুশি।
আমাকে ব্যাক আপ নেওয়ার জন্য পরিসংখ্যানগুলির সন্ধান করতে হবে (যেমন এই এসও ব্লগ পোস্ট ) তবে 1024x768 স্ক্রিন রেজোলিউশনের জন্য সাধারণ সাধারণ ডিনোমিনেটর গ্রহণ করেছে বা গ্রহণ করছে। আমি 1024 পিক্সের প্রস্থের সাথে রেজোলিউশন সহ স্ক্রোলবার এবং উইন্ডো সীমানার জন্য অ্যাকাউন্ট করতে 1000 পিক্সের প্রস্থ সহ সাধারণ শ্রোতাদের জন্য ওয়েব মকআপগুলি ডিজাইন করি। আরও সুনির্দিষ্ট শ্রোতাদের জন্য, তার মন্তব্যে পেক্কার অধিকার। লক্ষ্য দর্শকদের জন্য আদর্শ কী তা সন্ধান করুন।
ব্রাউজারের আকার আজ একটি জটিল প্রশ্ন কারণ লোকেরা দুটি ধরণের ডিভাইস, উচ্চতর এবং উচ্চতর রেজোলিউশনের কম্পিউটার এবং অপেক্ষাকৃত কম রেজোলিউশন সহ ফোন ব্যবহার করে।
আপনি যদি কোনও সাইটকে এখন বেশিরভাগ কম্পিউটারের তুলনায় একটি সাইট হিসাবে তৈরি করে থাকেন (সর্বাধিক 90% বা তার বেশি হচ্ছে) এর ন্যূনতম 1024 রেজোলিউশন রয়েছে you আপনি যদি কিছুটা কম কম্পিউটার চান তবে 1200 এর চেয়ে ভাল শতাংশও সেই সীমার মধ্যে।
আপনি যদি কোনও মোবাইল সাইট বানাচ্ছেন তবে বেশিরভাগ ফোনগুলি অনুভূমিক ব্রাউজিংয়ের জন্য 480 পিক্সারে সর্বাধিক আউট হয় তবে তাদের বেশিরভাগেরও বড় সাইটের জন্য কিছু ধরণের রেন্ডারিং সিস্টেম থাকে।
আকারের জন্য প্রশ্নটি আপনার নিজের শ্রোতা সম্পর্কিত, যদি আপনার লক্ষ্যটি ডিজাইনারদের একগুচ্ছ হয় তবে আপনি যদি আরও ছোট কাজ করার চেয়ে মধ্যবয়সী লোকেরা নতুন গাড়ি বীমা খুঁজছেন, এবং যদি এটি ফোনের জন্য হয় তবে আপনার একটি বৃহত্তর সাইট থাকতে পারে ব্যবহারকারীরা তাদের ফোনে দেখতে আরও ছোট, এখনও তাকাতে হবে।
এটি সম্পূর্ণরূপে আপনার ওয়েবসাইটে নির্ভর করে, একটি নিয়ম হিসাবে, আমি পুরানো মেশিনগুলিতে সেই ক্লায়েন্টদের জন্য 1000 এর বেশি না যাওয়ার প্রবণতা রাখি। তবে অধ্যয়নগুলি এখন দেখিয়েছে যে ডিজাইনের বিশ্বে এখন 1200 এর জন্য ডিজাইনিং গ্রহণযোগ্য, তাই এটি অবশ্যই বিবেচনার জন্য খাদ্য।
আপনার পরিকল্পনাটি হ'ল সর্বনিম্ন সাধারণ ডিনোমিনেটরকে আঘাত করা উচিত এবং যদি এটি 800x600 উইন্ডোজ 95 মেশিনে জো ডাইনোসর হয়ে থাকে তবে তার জন্য আপনার যত্ন নেওয়া উচিত।
এছাড়াও এটি সম্পূর্ণরূপে আপনার ওয়েবসাইটের ডিজাইনের উপর নির্ভর করে। আমি বর্তমানে আমার এজেন্সির জন্য একটি ওয়েবসাইট ডিজাইন করছি এবং এটি 800 বিস্তৃত হতে চলেছে, এটি পছন্দের জন্য, নির্দিষ্ট কাউকে না দেওয়া।
দুর্ভাগ্যক্রমে কোনও মানক আকার নেই কারণ এখন ওয়েবপৃষ্ঠাগুলি বেশ কয়েকটি প্রদর্শনীতে অ্যাক্সেস পেয়েছে। সুরক্ষিত দিক থেকে থাকলেও, জনপ্রিয়তার ভিত্তিতে সর্বাধিক জনপ্রিয় রেজোলিউশনগুলি (উদাহরণস্বরূপ, 1024x768) গবেষণা করুন এবং নকশা করুন।
উত্তরটি: না, কোনও 'মানক' নেই।