"সঠিকভাবে" একটি বাক্সে উল্লম্বভাবে কেন্দ্রে পাঠ্য


16

একটি বাক্সে উল্লম্বভাবে পাঠ্য কেন্দ্রে রাখার কোনও নিয়ম আছে? বা, অন্য কথায়, পাঠ্যের চারপাশে একটি বাক্য সারিবদ্ধ কিভাবে করবেন? আমি টাইপোগ্রাফিক মেট্রিকের উপর ভিত্তি করে তিনটি বিকল্প কল্পনা করতে পারি (আমার অ-নির্ভুল চিত্র দেখুন):

  • এক্স-উচ্চতার মাঝখানে সারিবদ্ধ করুন
  • ক্যাপের উচ্চতার মাঝখানে সারিবদ্ধ করুন (" লাইন মানে ")
  • ক্যাপ + উতরকারী উচ্চতার মাঝখানে সারিবদ্ধ করুন

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

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


1
মূলধন এবং ছোট হাতের উচ্চতা মধ্যে সম্পর্ক এখানে একটি গুরুত্বপূর্ণ ফ্যাক্টর। উত্তরটি খুব ভাল হতে পারে "এটি নির্ভর করে" - ফন্টে।
usr2564301

কেউ আজ কেবল একই ধরণের প্রশ্ন জিজ্ঞাসা করেছেন, তবে এটি একটি আরও সম্পূর্ণ এবং আরও ভাল লিখিত
লুসিয়ানো

2
এটি জিজ্ঞাসা করা হয়েছে এবং এর জন্য সত্যিকারের কোনও ভাল সমাধান নেই, এমনকি স্বতন্ত্র শব্দগুলি বিভিন্ন ফন্টে বিভিন্ন স্থানে কেন্দ্রীভূত করতে চায়। পুরোপুরি সঠিক গাণিতিক সমাধান নেই।
joojaa

উত্তর:


5

ভাল প্রশ্ন!

আমি এখনও পর্যন্ত দেওয়া উত্তরগুলি সত্যিই পছন্দ এবং সম্মত করি। আমার উত্তরটি বৈজ্ঞানিক বা গাণিতিক যুক্তির চেয়ে বাস্তববাদী কৌশলটিতে বেশি মনোনিবেশ করে। : ডি

এই বলে যে, আমার পছন্দটি হ'ল যথাক্রমে আমার বাক্সের উপরের এবং নীচের লাইনগুলির প্রাথমিক বিন্যাস হিসাবে বেসলাইন এবং এক্স-উচ্চতা ( নীচে প্রকারের শর্তাদি বিভাগটি দেখুন) ব্যবহার করা। আশা করি এই জিআইএফ ব্যাখ্যা করতে সহায়তা করে:

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

আমি একবার বেসলাইন বা এক্স-উচ্চতার সাথে সীমাবদ্ধ করার পথটি পেয়েছি, তারপরে আমি ভিজ্যুয়াল প্যাডিং তৈরি করতে SHIFT+ UPবা DOWNতীর কীগুলি ব্যবহার করি (ডিফল্টরূপে, ফটোশপে, প্রতিটি বৃদ্ধি হয় 10px, সুতরাং উপরের উদাহরণে, আমি উপরে 40pxপ্যাডিং যুক্ত করেছি এবং নীচে)।

এই উদাহরণে আপনি দেখতে পারেন যে আমি একই বাক্স / পাঠ্য গ্রহণ করতে এবং একটি "উল্লম্ব কেন্দ্রগুলি সারিবদ্ধ করা" করতে চাইলে (টেক্সট প্রান্তিককরণ সরঞ্জাম ব্যবহারের ফলস্বরূপ) প্রান্তিককরণ সরঞ্জামটি কী করে:

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

আপনি দেখতে পাচ্ছেন, এটি বেশ কাছাকাছি ( 2pxপার্থক্য)।

সংক্ষিপ্ত বিবরণ / উপসংহার:

আমি যে কৌশলগুলি ব্যবহার করি:

  1. বাক্সের শীর্ষ / নীচের পথগুলিকে যথাক্রমে এক্স-উচ্চতা / বেসলাইনে সারিবদ্ধ করুন (এবং তারপরে SHIFTভিজ্যুয়াল প্যাডিংয়ের জন্য বাহ্যিক তীর কীগুলি)।
  2. একইভাবে, কখনও কখনও আমি পাঠ্যটিকে উপরে এবং নীচে তীর দিয়ে থাকি যতক্ষণ না এটি বেসলাইন এবং এক্স-উচ্চতা বাক্সের নীচে এবং উপরের সীমানা পূরণ করে না; সেখান থেকে, আমি পিক্সেলগুলি গণনা করব এবং তারপরে পাঠ্যটি কেন্দ্র করে রেখে উভয় দিকের মধ্যে বাকি অংশটি সমানভাবে ছড়িয়ে দেব।
  3. বাক্স এবং পাঠ্য উভয়ই নির্বাচন করুন, তারপরে একটি "উল্লম্ব কেন্দ্রগুলি সারিবদ্ধ করুন" এবং "অনুভূমিক কেন্দ্রগুলি সারিবদ্ধ করুন" করুন।
  4. সবশেষে, এমন সময়গুলি আসে যখন আমি প্লেসমেন্টটি চোখের সামনে দেখি। সাধারণত, আমি যেতে ঊর্ধ্বমুখী বনাম নীচের দিকে চাক্ষুষ "পাশে ঝুলিয়া পড়া" এড়াতে (এই ছবি কাঠামোবদ্ধ সম্পর্কিত দেখতে চিত্র বাঁধানো নিচে অধ্যায়); এটি বিশেষত সত্য যদি ফন্টের আকারটি একটি বিজোড় সংখ্যার উচ্চতা হয় এবং একটি 1pxভিন্নতা বাকি থাকে… আমি 1pxনীচের দিকে পরিবর্তে পাঠ্যটি (বা আরও) উপরে সরিয়ে দেব ।

ছবির ফ্রেমিং

সর্বাধিক ব্যবহৃত ব্যবহৃত ম্যাটিংয়ের চারপাশে একটি সমান মার্জিন রয়েছে। প্রকৃত কেন্দ্রের চেয়ে কম ভিজ্যুয়াল সেন্টারের সাথে আর্ট ওয়ার্কে। [8] নীচে ওজন বা অফসেটগুলি ম্যাটিংয়ে প্রায়শই ব্যবহৃত হয়। নীচের মার্জিনটি পাশ এবং শীর্ষের মার্জিনের চেয়ে বড় করা হয়। কোনও চিত্রের দিকে তাকানোর সময়, চোখগুলি চিত্রের শারীরিক কেন্দ্রের চেয়ে উঁচুতে কেন্দ্র করে। একটি বৃহত্তর নীচের মার্জিন তৈরি করে এবং মাদুরটি সেট করে আপনি চিত্রের শারীরিক কেন্দ্রে চোখ টানবেন। শীর্ষ কেন্দ্র নীচের ওজনের একটি উপসেট যেখানে শীর্ষ এবং পার্শ্বের মার্জিন সমান হয় যা দৃষ্টি আকর্ষণীয় প্রভাব তৈরি করে। এটি বিশেষত মাদুর ক্ষেত্রে সত্য যেখানে সীমানা সমান নয়, যেমন 8x10 খোলার সাথে 11x14।
- উইকিপিডিয়া: মাদুর (ছবি ফ্রেমিং)

… এবং এখানে:

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

শর্তাবলী টাইপ করুন

এখানে চিত্র বর্ণনা লিখুন
- https://www.supremo.tv/typeterms/

বোনাস!

এখানে একটি জিআইএফ তুলনা ক্যাপের উচ্চতা, উতরাই, আরোহী / আরোহীর সাথে সমস্ত নিম্ন কেসের সাথে আরোহণ:

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

আমি মনে করি উভয় সংস্করণটি বাক্সের মধ্যে বেশ সুন্দরভাবে সাজিয়েছে।


4

ভিজ্যুয়াল ওজন এত গতিশীল যে এটি এক্স-উচ্চতা, ক্যাপের উচ্চতা ইত্যাদি দ্বারা নির্ধারণ করা যায় না ...

উদাহরণস্বরূপ, ক্যানভাসের তুলনায় আপনার ডিজাইনের কিছু উপাদান গাণিতিকভাবে "কেন্দ্র" হওয়া সত্ত্বেও একদিকে অন্যদিকে দৃষ্টি টানতে পারে।

"ভিজ্যুয়াল সেন্টার" যেখানে হ'ল উপাদানটিতে ওজনের সমস্ত অংশই সঠিক কেন্দ্রে না থাকা সত্ত্বেও চাক্ষুষভাবে ভারসাম্যযুক্ত।

আপনি এই সরঞ্জামটির সাথে পরীক্ষার চেষ্টা করতে চাইতে পারেন: http://javier.xyz/visual-center/


গ্রাফিক ডিজাইনে স্বাগতম! যতক্ষণ এই তাত্ত্বিক প্রশ্নের উত্তর হতে পারে, এটা বাঞ্ছনীয় হবে উত্তর অপরিহার্য অংশের এখানে অন্তর্ভুক্ত করা, এবং রেফারেন্স এর জন্য লিঙ্ক প্রদান।
লুকিয়ানো

আপনাকে ধন্যবাদ লুসিয়ানো, আমি আশা করি আমার সম্পাদনাটি আমার চিন্তাভাবনার আরও ব্যাখ্যা করেছে
স্টর্ম ব্রেকার

যদি এই পাঠ্যটি গতিশীল হয় যাতে আরোহী এবং বংশধররা পৃথক হয়? আপনি কোন নিয়ম অনুসরণ করেন?
জ্যাচ সসিয়ের

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

3

ডিজাইন সবসময় একটি সঠিক বিজ্ঞান হয় না। প্রায়শই যা সঠিক বলে মনে হয় তা প্রকৃত কেন্দ্র কী বা গাণিতিকভাবে সঠিক তা নাও হতে পারে।

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


যদি এই পাঠ্যটি গতিশীল হয় যাতে আরোহী এবং বংশধররা পৃথক হয়? আপনি কোন নিয়ম অনুসরণ করেন?
জ্যাচ সসিয়ের

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

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

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