एक ही स्थान को साझा करने वाले आरोही और अवरोही को कैसे संभाला जाना चाहिए?

Question

यह मेरे ग्राहक के संचार ऐप के लिए प्रारंभिक पंजीकरण पृष्ठ है। (मैंने लोगो को कवर किया - सफेद बॉक्स पर ध्यान दें - उनकी गोपनीयता के लिए)

मुझे यह पसंद नहीं है कि "y" उतरता है और "h" उसी स्थान पर चढ़ता है। दो पंक्तियों को थोड़ा तंग करता है। कोई सुझाव?

(ऐप का फ़ॉन्ट रोबोटो है। यहां - मैं रोबोटो बोल्ड का उपयोग कर रहा हूं।)

किसी भी अन्य डिजाइन टिप्पणी हम सराहना करेंगे - जब तक आप अपने आप को व्यवहार करते हैं :)

Comments

मुझे इससे कोई आपत्ति नहीं है। आप संभवतः इसे वैकल्पिक रूप से अधिक सुसंगत बनाने के लिए पहली दो पंक्तियों के बीच की रेखा को कस सकते हैं। सभी ने कहा कि, यह प्रकार फ़ॉर्म फ़ील्ड के लिए वास्तव में बड़ा लगता है।

— DA01

छोटे कैप की कोशिश करो?

— लॉरेन-बहाल-मोनिका-इप्सम

@ DA01 - "फ़ॉर्म फ़ील्ड के लिए वास्तव में बड़ा लगता है" - क्या आप बॉक्स में "अपना फ़ोन # दर्ज करें" या फ़ोन नंबर इनपुट की बात कर रहे हैं? "अपने प्रवेश करें ..." के लिए मुझे कुछ बड़ा बोल्ड और नुकीला तीर और अन्य दृश्य क्लिच का उपयोग करने के साथ चाहिए था .... लेकिन शायद मैंने इसे किया।

— user12985

आपको इस प्रश्न के उत्तर भी मददगार लग सकते हैं: जब एक सिंगल डिसेंडर रास्ते में मिल रहा हो तो मैं लाइन स्पेसिंग से कैसे निपटूं?

— user56reinstatemonica8

मैं 'कृपया अपना फ़ोन दर्ज करें' पाठ का उल्लेख कर रहा था। मुझे लगता है कि यह नुकीला है, लेकिन यह भी क्षेत्र के लिए सिर्फ एक लेबल है, इसलिए थोड़ा अजीब लगता है कि यह बहुत बड़ा है। यह मुझ पर चिल्ला रहा है।

— DA01

Answer 1

इसलिए आपके पास कुछ विकल्प हैं, आमतौर पर।

फिलहाल, आपकी समस्या यह है कि लाइनें 1 और 2 लाइनों 2 और 3 के अलावा और भी अलग दिखती हैं, भले ही वे नहीं हैं। यह एक ऑप्टिकल भ्रम है जो पहले दो के बीच descenders और ascenders की कमी से बना है, लेकिन दूसरे दो पर नहीं।

समाधान दो मूल श्रेणियों में आते हैं: इस स्थिति को सभी को एक साथ टालना, या सिर से निपटना। हम इसे टालने के कुछ तरीकों से शुरू करेंगे।

विकल्प 1: राजधानियों में परिवर्तित करें

यह स्थिति से बचा जाता है। हालाँकि, आप शायद अपने लोअरकेस से जुड़े हैं।

(ये उदाहरण फ्रैंकलिन गोथिक का उपयोग करते हैं क्योंकि मेरे पास रोबोटो स्थापित नहीं है)।

विकल्प 2: लाइन ब्रेक को फिर से व्यवस्थित करें

इस स्थिति में, मैं 2 लाइनों में परिवर्तित हो गया हूं, लेकिन आप कभी-कभी अन्य तरीकों से लाइन ब्रेक को फिर से व्यवस्थित कर सकते हैं।

केवल दो लाइनें होने से समस्या से बचने का एक और तरीका है - इसके खिलाफ तुलना करने के लिए कुछ भी नहीं है।

विकल्प 3: मैन्युअल रूप से रिक्ति समायोजित करें जब तक कि यह "नेत्रहीन सही" न दिखे

यहाँ मैंने लाइन 1 और 2 के बीच के अंतर को बहुत कम कर दिया है, इसलिए यह "और भी अधिक" लग रहा है। आप इसके लिए एक सूत्र का उपयोग नहीं कर सकते, बस अपनी आँखें।

वास्तव में इस उदाहरण में पहली और दूसरी पंक्ति के बीच की रेखा का अंतर दूसरे और तीसरे के बीच की रेखा के अंतर से बहुत छोटा है, लेकिन यह बहुत गलत नहीं दिखता क्योंकि दूसरे में आरोही और अवरोही द्वारा बनाए गए ऑप्टिकल भ्रम ।

यह प्रशंसनीय है कि आप इस त्वरित उदाहरण पर और सुधार कर सकते हैं - ऐसा करते समय, आगे पीछे से देखने की कोशिश करें, अपनी आँखें निचोड़ें, आदि, इसलिए आप शब्दों को नहीं देख रहे हैं लेकिन अक्षर आकार जैसे कि वे खिल रहे हैं।

बोनस विकल्प: शब्दों को स्थानांतरित करें ताकि आरोही और अवरोही ओवरलैप न हों

आपको अपने चुने हुए शब्दों के साथ यह विकल्प दिखाई नहीं देता है, लेकिन कभी-कभी आप शब्दों को बाएं या दाएं स्थानांतरित कर सकते हैं, इसलिए अवरोही और आरोही अलग-अलग शब्दों के साथ इस उदाहरण में, ओवरलैप नहीं करते हैं।

वैसे, मुझे लगता है कि हैश प्रतीक का आपका उपयोग # सही नहीं लगता है और आप नंबर या एन ^ओ के लिए चयन करना बेहतर होगा - लेकिन यह मेरी निजी राय है।

Comments

मैं सिर्फ यह कहूंगा कि मुझे Enter (Circle / Logo) पसंद है और फिर आपका फ़ोन नंबर। एक अन्य विकल्प यह है कि यह बिल्कुल भी नहीं बताया जाएगा, मेरा मतलब है कि यह फॉर्म क्षेत्र से बहुत स्पष्ट है कि यह एक फोन नंबर की उम्मीद कर रहा है।

— रयान

Answer 2

टाइपोग्राफी बदलने में अग्रणी प्रभावित हो सकता है कि आपके दर्शक आपके टुकड़े को कैसे पढ़ते हैं और व्याख्या करते हैं।

एक उदाहरण के लिए, दो लाइनों के बीच अग्रणी की मात्रा कम करके, अवरोही और आरोही को टकराने के कारण, आपके पाठ की समग्र पठनीयता पर प्रतिकूल प्रभाव पड़ेगा।

एक दृश्य शैली के रूप में, तंग अग्रणी पाठक की गति को बढ़ा सकता है ताकि पाठक आपके पाठ (उनकी आंखों को पकड़ने वाले अक्षरों की वृद्धि में) और / या आपके समग्र टुकड़े पर एक तंग या क्लस्ट्रोफोबिया महसूस कर सकें (1) सकें, जो नहीं हो सकता है अपने वांछित प्रभाव यहाँ हो।

दूसरी ओर, अग्रणी बढ़ने से पाठक की गति कम हो सकती है (2) । प्रत्येक पंक्ति के बीच अधिक स्थान का परिचय देकर, आप उनकी आंख को पकड़ने वाले अक्षरों की मात्रा को कम करके पाठक की गति को धीमा कर देते हैं। यह पाठक द्वारा पाठ में एक सुकून की भावना का आह्वान कर सकता है। हालाँकि, आपके द्वारा छोड़े जाने वाले व्हाट्सएप की मात्रा से सावधान रहें, क्योंकि बहुत अधिक अग्रणी होने के कारण निरंतरता (3) के साथ समस्या हो सकती है , क्योंकि पाठक की आंखों को प्रत्येक पंक्ति के बीच आगे की यात्रा करने की आवश्यकता होती है।

आपके पाठ की पठनीयता को बेहतर बनाने के लिए आपकी सबसे अच्छी शर्त यह होगी कि इस तरह से लगातार अग्रणी के साथ कुछ किया जाए: