গিটারস - পটভূমি এবং সীমানা সহ কলামগুলির জন্য প্যাডিং এবং মার্জিন


9

যখন কোনও কলাম (বা বাক্স, বা কোনও লেআউট মডিউল) এর নিজস্ব আকার ব্যাকগ্রাউন্ড বা সীমানা রয়েছে তখন তার আকারটি পরিষ্কারভাবে দৃশ্যমান হলে নর্দমার জন্য প্রস্তাবিত নকশার নির্দেশিকা কী কী?

সাধারণত বাক্সের প্রান্ত এবং এর পাঠ্যের মাঝে একটি জায়গা রেখে দেয়। তবে কোথা থেকে এই স্থানটি জঞ্জাল করবেন? দ্বারা বক্স বিস্তৃত, বা পাঠ্য মাপে ?

উদাহরণস্বরূপ, এখানে কয়েকটি (তবে সমস্ত নয়) বিকল্প রয়েছে ...

এখানে চিত্র বর্ণনা লিখুন

(এছাড়াও, আমি যে কোনও কলাম এবং যে কোনও প্রশস্ততা সহ কোনও গ্রিড ব্যবহার করতে পারতাম - এটি কেবল উদাহরণ হিসাবে কাজ করে - প্রতিবার একটি বিন্যাসে গিটারগুলি ছড়িয়ে দিয়ে আসল প্রশ্ন জিজ্ঞাসা করা যেতে পারে))

আমি গ্রিড ভিত্তিক লেআউটগুলিতে লেখার একটি গাদা পেরিয়ে গিয়েছি, তবে এখনও পর্যন্ত আমি এই বিষয়টিকে সম্বোধন করতে একটি মাত্র দেখেছি: খোয় বিনহ দ্বারা আপনার উপাদানগুলিকে টানুন।

আমি কী মিস করছি? বা কোন স্পষ্ট নির্দেশিকা আছে?

যেহেতু গ্রিড ভিত্তিক লেআউটগুলির অন্যতম অনুপ্রেরণা বৈশ্বিক সারিবদ্ধকরণের ধারণাটি বৃদ্ধি করা, তাই আমি মনে করি যে সিদ্ধান্তটি যুক্তি দিতে পারে যে আরও প্রান্তিককরণের দাবি কী তার উপর নির্ভর করে; বাক্স, বা তার বিষয়বস্তু?

আমি ভুল পড়া না হলে খোয়ি বিন তার প্রবন্ধে 3 বিকল্পের পক্ষে যুক্তি দেখান।

আমি নিজেকে অপশন 3 এবং বিকল্প 6 এর মধ্যে পিছনে পিছনে যেতে দেখি option বিকল্প 3 এর সাথে বাক্সটি সারিবদ্ধ করা হয়েছে, তবে এর পাঠ্যটি সঙ্কুচিত বোধ করছে। তবে 6 বিকল্পটি ব্যবহার করে, বাক্স বা পাঠ্য দুটি প্রান্তিককরণের সাথেই শেষ হয় (যদিও কেউ বলতে পারে যে পাঠ্য-প্রান্ত এবং বক্স-বর্ডারের মধ্যে অন্তর্নিহিত মাঝারিটি 'জিনিস' যা এখন প্রান্তিক করা আছে)।

ওয়েবের ওপরে পা রেখে, বইয়ের নকশায় আমার পাঠের কোনওটিই নয় এবং পৃষ্ঠা নির্মাণের ক্যাননগুলিও এই বিষয়টি নিয়ে আলোচনা করে না। আমি দেখতে পাচ্ছি যে 'স্পষ্ট পটভূমিতে কৃষ্ণ বর্ণ' বইয়ের মুদ্রণের সিংহভাগের জন্য ক্যাননগুলি কীভাবে কাজ করে তবে এই মুহুর্তে পৃষ্ঠার বিন্যাসে রঙ যুক্ত হয় (বা একটি কালো-সাদা স্কিমকে উল্টে দেয়), নর্দমার প্রশ্নটি ফিরে আসে।

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


2
এখানে অন্যের মতামতের সাথে আমার ব্যক্তিগত কোনও গোমাংস নেই যা সর্বোত্তম দেখায় (বাস্তবে আমি সম্ভবত # 3 এর সাথে একমত হই) তবে ক্যানস, গাইডলাইন এবং নিয়মগুলি শেষ পর্যন্ত কর্তৃপক্ষের কাছে স্বেচ্ছাসেবক আপিল ছাড়া আর কিছুই নয়। এগুলি দুর্দান্ত সরঞ্জাম, তবে চূড়ান্ত সত্যের (টিএম) অনুসন্ধান করতে যাবেন না
হোরাটিও

লরেম হিপস্টাম, তাই না?
e100

উত্তর:


5

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

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

এই ক্ষেত্রে, যদি আপনার ব্যাকগ্রাউন্ডটি # 4 এর মতো সামান্য কিছুটা গ্রিডকে লঙ্ঘন করে তবে এটি ভুল বলে মনে হচ্ছে। এটা বিব্রতকর. অন্যান্য স্তম্ভের বিপরীতে গ্যটারের সম্পূর্ণ অভাব বাক্সটিকে ভিড় করে। পাঠ্যের উন্মুক্ত নেতৃত্বের বিরুদ্ধে, যা খোলামেলা হওয়ার একটি প্রত্যাশা সেট করে, এটি স্পষ্টতই ভুল।

0 কোনও বিপরীতে সরবরাহ করে না, যাতে দ্বিতীয় কলামটি বাকী অংশ থেকে অবিচ্ছিন্ন হয়। কিছু পরিস্থিতিতে আপনি চান এটি।

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

সামগ্রিকভাবে, তবে, আমি লরেনের সাথে একমত হই এবং আপনার সেরা শট হিসাবে # 3 সুপারিশ করব। এটি কলামের সংখ্যা নির্বিশেষে সর্বোত্তম সাধারণ কেস।

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


2

আমি অপশন 3 এর পক্ষে ভোট দিচ্ছি the ধূসর বাক্সের প্রান্তগুলি হ'ল কলামটি উল্লম্বভাবে সংজ্ঞায়িত করে, তাই সেই লাইনগুলি লঙ্ঘন করা যায় না (কারণ ছাড়াই)। তিনটি কলামের জন্য জলেরগুলি একই হওয়া উচিত, তাই ধূসর বাক্সের ভিতরে পাঠ্যটি ইনসেট করুন। বিকল্প 2 এর ইনসেটটি কিছুটা গভীর।

এটাই আমি মুদ্রণ করতে অভ্যস্ত, তাই ওয়েবে এটিও "ডান" দেখাচ্ছে।


0

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

আপনি যেদিকেই যান না কেন কেবল অনুভূমিকভাবে মার্জিন ব্যবহার করুন। আপনি যে সঠিক লেআউটটি চান তা পেতে একটি বা দুটি শ্রেণি যুক্ত করা প্রয়োজন (উদাহরণস্বরূপ ডিভের জন্য একটি মার্জিনের সেট এবং অনুচ্ছেদের জন্য আরেকটি), তবে দীর্ঘমেয়াদে এটি আরও নির্ভরযোগ্য। উল্লম্ব প্যাডিং সাধারণত কোনও সমস্যা হয় না।


আইই এর বর্তমান সংস্করণ যাই হোক না কেন এখনও সেই মার্জিন দ্বিগুণ করার কাজ করে? রহমত, যে বিরক্তিকর।
লরেন-ক্লিয়ার-মনিকা-ইপসাম

1
আপনি ঠিক সূক্ষ্মভাবে সমস্ত দিকে প্যাডিং / মার্জিন করতে পারেন। আপনাকে যা করতে হবে তা হ'ল আপনার বক্স মডেলগুলিতে মনোযোগ দেওয়া (পিতা-মাতা এবং শিশু উভয়)।
ডসন

আপনি প্যাডিং ব্যবহার করতে পারেন, তবে তারপরে আপনাকে ক্যাসকেডের নীচে পুরোপুরি অ্যাকাউন্ট করতে হবে। ক্যাসকেডের নীচে আইটেমটির মার্জিন ব্যবহার করা অনেক সহজ এবং নির্ভরযোগ্য hat এটি প্রতিটি ব্রাউজারে ধারাবাহিকভাবে কাজ করে। অবশ্যই ব্যক্তিগত মতামত।
বেনি আন্দাজেটজ
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.