จัดการและสืบทอดที่ควรแบ่งพื้นที่เดียวกันอย่างไร?


16

นี่คือหน้าลงทะเบียนเริ่มต้นสำหรับแอปสื่อสารของลูกค้าของฉัน (ฉันครอบคลุมโลโก้ - สังเกตกล่องสีขาว - เพื่อความเป็นส่วนตัวของเขา)

ฉันไม่ชอบที่ "y" ลงและ "h" ขึ้นสู่พื้นที่เดียวกัน ทำให้ทั้งสองบรรทัดแคบเกินไป ข้อเสนอแนะใด ๆ

(แบบอักษรของแอปคือ roboto ที่นี่ - ฉันใช้ Roboto Bold)

http://d.pr/i/g08p http://d.pr/i/ouTE

การออกแบบอื่น ๆ ที่เราจะได้รับการชื่นชม - ตราบใดที่คุณประพฤติตัวเอง :)


1
ฉันไม่รังเกียจ คุณอาจทำให้ช่องว่างระหว่างสองบรรทัดแรกแน่นขึ้นเพื่อให้สอดคล้องกันมากขึ้น ทุกอย่างที่กล่าวว่าประเภทนั้นมีขนาดใหญ่มากสำหรับเขตข้อมูลฟอร์ม
DA01

ลองหมวกเล็ก ๆ ไหม?
Lauren-Reinstate-Monica-Ipsum

@ DA01 - "ประเภทดูเหมือนจะมีขนาดใหญ่มากสำหรับฟิลด์แบบฟอร์ม" - คุณหมายถึง "ป้อนหมายเลขโทรศัพท์ของคุณ #" หรือป้อนหมายเลขโทรศัพท์ในช่องหรือไม่? สำหรับ "ป้อนของคุณ ... " ฉันต้องการสิ่งที่ใหญ่โตและหงุดหงิดด้วยการใช้ลูกศรและภาพซ้ำซากอื่น ๆ .... แต่บางทีฉันก็ทำได้
user12985


ฉันหมายถึงข้อความ 'โปรดป้อนโทรศัพท์ของคุณ' ฉันคิดว่ามันค่อนข้างหงุดหงิด แต่มันก็เป็นเพียงแค่ฉลากสำหรับสนามดังนั้นมันดูแปลก ๆ มันตะโกนใส่ฉัน
DA01

คำตอบ:


15

ดังนั้นคุณมีตัวเลือกน้อยปกติ

ในขณะนี้ปัญหาของคุณคือบรรทัดที่ 1 และ 2 ดูแยกจากกันมากกว่าบรรทัดที่ 2 และ 3 แม้ว่าจะไม่ใช่ มันเป็นภาพลวงตาทางแสงที่เกิดจากการขาดการสืบทอดและการขึ้นระหว่างสองครั้งแรก แต่ไม่ใช่ในสองวินาที

การแก้ปัญหาแบ่งออกเป็นสองประเภทพื้นฐาน: หลีกเลี่ยงสถานการณ์นี้ทั้งหมดเข้าด้วยกันหรือจัดการกับปัญหา เราจะเริ่มด้วยวิธีหลีกเลี่ยง

ตัวเลือกที่ 1: แปลงเป็นตัวพิมพ์ใหญ่

สิ่งนี้หลีกเลี่ยงสถานการณ์ อย่างไรก็ตามคุณอาจติดกับตัวพิมพ์เล็ก

(ตัวอย่างเหล่านี้ใช้ Franklin Gothic โดยวิธีเพราะฉันไม่ได้ติดตั้ง Roboto)

ตัวเลือก 2: จัดเรียงตัวแบ่งบรรทัดใหม่

ในกรณีนี้ฉันได้แปลงเป็น 2 บรรทัด แต่บางครั้งคุณสามารถจัดเรียงตัวแบ่งบรรทัดใหม่ด้วยวิธีอื่นได้

การมีเพียงสองบรรทัดเป็นอีกวิธีหนึ่งในการหลีกเลี่ยงปัญหา - ไม่มีสิ่งใดเทียบได้

ตัวเลือกที่ 3: ปรับระยะห่างด้วยตนเองจนกว่าจะมีลักษณะ

ที่นี่ฉันได้ลดช่องว่างระหว่างบรรทัดที่ 1 และ 2 อย่างมากดังนั้นจึงดู "ยิ่งกว่า" คุณไม่สามารถใช้สูตรสำหรับสิ่งนี้ได้เพียงแค่ดวงตาของคุณ

ในความเป็นจริงช่องว่างระหว่างบรรทัดแรกและบรรทัดที่สองในตัวอย่างนี้มีขนาดเล็กกว่าช่องว่างระหว่างบรรทัดที่สองและสามมาก แต่มันก็ดูไม่ผิดเพราะภาพลวงตาออปติคอลที่สร้างโดย ascenders และ descenders ในวินาทีที่สอง .

น่าจะเป็นไปได้ที่คุณสามารถปรับปรุงตัวอย่างรวดเร็วนี้ต่อไป - เมื่อทำสิ่งนี้ลองมองจากหลังไกลเหล่ตา ฯลฯ ดังนั้นคุณไม่ได้มองคำ แต่ตัวอักษรรูปร่างราวกับหยด

ตัวเลือกโบนัส: เลื่อนคำเพื่อให้ผู้ขึ้นลงและลงไม่ทับซ้อนกัน

คุณไม่ได้มีตัวเลือกนี้ด้วยคำที่คุณเลือก แต่บางครั้งคุณสามารถเลื่อนคำไปทางซ้ายหรือขวาเพื่อให้ผู้สืบทอดและผู้สูงขึ้นไม่ทับซ้อนกันเช่นในตัวอย่างนี้ด้วยคำที่แตกต่างกัน

อย่างไรก็ตามฉันคิดว่าการใช้สัญลักษณ์แฮช# ของคุณไม่ถูกต้องและคุณควรเลือกใช้NoหรือN o - แต่นั่นเป็นความเห็นส่วนตัวของฉัน


ฉันแค่บอกว่าฉันชอบ Enter (วงกลม / โลโก้) ตามด้วยหมายเลขโทรศัพท์ของคุณ ตัวเลือกอื่นจะไม่ระบุเลยฉันหมายถึงมันค่อนข้างชัดเจนจากเขตข้อมูลฟอร์มที่คาดว่าจะมีหมายเลขโทรศัพท์
Ryan

6

ในการพิมพ์การเปลี่ยนลีดเดอร์อาจมีผลต่อการที่ผู้อ่านอ่านและตีความผลงานของคุณ

ตัวอย่างเช่นการลดจำนวนนำหน้าระหว่างสองบรรทัดทำให้เกิดการสืบทอดและการเรียงกันคุณจะมีผลเสียต่อการอ่านข้อความโดยรวมของคุณ

ในฐานะที่เป็นสไตล์ของภาพแน่นชั้นนำสามารถเพิ่มความเร็วของการที่ผู้อ่านอ่านข้อความของคุณ (ในการเพิ่มขึ้นของตัวอักษรที่จับสายตาของพวกเขา) และ / หรือเรียกแคบหรือทึบรู้สึกกับชิ้นส่วนโดยรวมของคุณ(1)ซึ่งอาจจะไม่ เป็นผลที่คุณต้องการที่นี่

บนมืออื่น ๆ ที่เพิ่มขึ้นอาจลดชั้นนำก้าวของผู้อ่าน(2) ด้วยการแนะนำช่องว่างระหว่างแต่ละบรรทัดมากขึ้นคุณจะลดความเร็วของผู้อ่านโดยลดจำนวนตัวอักษรที่จับตา สิ่งนี้สามารถก่อให้เกิดความรู้สึกผ่อนคลายในข้อความโดยผู้อ่าน อย่างไรก็ตามโปรดระวังปริมาณของพื้นที่ว่างที่คุณออกไปเนื่องจากการมีผู้นำมากเกินไปอาจทำให้เกิดปัญหาต่อเนื่อง(3)เนื่องจากสายตาของผู้อ่านต้องเดินทางต่อไประหว่างแต่ละบรรทัด

สุนัขจิ้งจอกดาด

ทางออกที่ดีที่สุดของคุณในการปรับปรุงความสามารถในการอ่านข้อความของคุณคือการทำสิ่งที่มีความเป็นผู้นำที่สอดคล้องกันเช่นนี้:

จำลองของฉันด้วยการซ้อนทับ

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.