ฉันจะจัดการกับข้อความกึ่งกลางขนาดใหญ่ได้อย่างไร


11

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

ข้อความกึ่งกลางจำนวนมาก!

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

แก้ไข 2:

ดังนั้นฉันจึงพลิกสีมันเป็นข้อความสีดำบนสีขาว นี่คือสิ่งที่ดูเหมือนตอนนี้ด้วยตัวอักษรที่ไวต่อความรู้สึกเช่นกัน ฉันได้รวมลิงก์ไว้ในพื้นหลังสีขาวแล้ว - ฉันอาจต้องทำให้มืดขึ้นเล็กน้อย:

ดำบนพื้นขาว

แก้ไข 3:

โอเคเลยเป็นธรรมด้วยความพยายามของฉันที่จุดสัญลักษณ์ ฉันจะสังคายนาในไม่ช้า ฉันต้องตั้งขนาดตัวอักษรให้ถูกต้อง แต่คุณเข้าใจ

ออกจากธรรม!


ทำไมคุณต้องชี้ให้เห็นว่าคุณพูดภาษาอังกฤษได้? ในประเทศอื่น ๆ ผู้คนให้บันทึกในประวัติย่อของพวกเขาหากพวกเขาพูดภาษาต่างประเทศหนึ่งภาษาหรือมากกว่านั้น
imrek

1
@DunkunkMaster คุณกำลังสมมติว่า Stacey อยู่ในประเทศที่ใช้ภาษาอังกฤษ :)
Scott

ฉันอยู่ในประเทศที่มี 11 ภาษาเป็นทางการและความสามารถในการพูดภาษาอังกฤษไม่ได้เป็นเรื่องธรรมดาสำหรับการแข่งขันของฉัน

@Scott ตรวจสอบตำแหน่งของเธอแอฟริกาใต้กล่าว ข้อความที่อยู่ตรงกลางไม่ได้เป็นปัญหาเท่านั้น ตัวอักษรสีขาวบาง ๆ บนพื้นหลังสีดำนั้นอ่านยากมากโดยเฉพาะตัวอักษรแบบ Serif หากคุณต้องการข้อความย้อนกลับด้วยตัวอักษรขนาดเล็กให้ใช้แบบอักษร sans-serif ซึ่งจะอ่านง่ายขึ้น ไม่เช่นนั้นจะมีแบบอักษรบนเว็บที่ดีมากมายที่คุณสามารถใช้เพื่อให้ความเป็นส่วนตัวของคุณมากขึ้นหลังจากพิมพ์ที่ดีเกือบจะเป็นสิ่งจำเป็นในปี 2015
imrek

@DunkunkMaster คุณยินดีอย่างยิ่งที่จะพูดถึงปัญหาใด ๆ ที่คุณพบในคำตอบ - ฉันเป็น noob สมบูรณ์เมื่อมันมาถึงเรื่องนี้ (คุณอาจบอกได้!) และต้องการความช่วยเหลือทั้งหมดที่ฉันสามารถรับได้

คำตอบ:


10

การจัดกึ่งกลางข้อความในย่อหน้านั้นไม่ใช่ทางเลือกที่ดี ความเข้าใจของมนุษย์ได้รับการฝึกฝนอย่างถูกต้องตามกฎหมายในการดูข้อความในวิธีการบางอย่างและเมื่อคุณจัดตำแหน่งข้อความในย่อหน้ากึ่งกลางคุณขอให้ผู้อ่านทำงานหนักมากและบำรุงรักษาเส้นทางการมองเห็นผ่านข้อความ

นี่ไม่ใช่ความรู้สึกที่ดีเมื่อมองที่ย่อหน้าหนึ่งหรือสองประโยคย่อหน้า แต่ยิ่งมีข้อความมากก็ยิ่งแย่ลงเท่านั้น

นี่คือบทความเกี่ยวกับการจัดตำแหน่งข้อความ

และ UX.SE มีคำถามที่เกี่ยวข้อง: โดยทั่วไปแล้วข้อความที่จัดชิดซ้ายจะดีกว่าข้อความกึ่งกลางหรือไม่?

หากการจัดแนวซ้ายไม่ใช่ตัวเลือก (ไม่แน่ใจว่าทำไมถึงเป็นเช่นนั้น) คุณอาจต้องคิดทบทวนการออกแบบใหม่

(หมายเหตุด้าน: ประเภทการย้อนกลับบนเว็บเป็นเรื่องยากมากสำหรับผู้อ่าน)

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

ป้อนคำอธิบายรูปภาพที่นี่

สิ่งที่จะ "อ่าน" ง่ายขึ้นมาก ....

ป้อนคำอธิบายรูปภาพที่นี่


ดูเหมือนว่าแม่แบบที่ฉันเลือกมีปัญหาเล็กน้อย! ฉันเดาว่านั่นคือสิ่งที่คุณได้รับฟรี

ฉันทราบว่าตั้งค่าไว้อย่างสมบูรณ์บนเทมเพลต แต่ฉันต้องการลองแบบที่เหมาะสมก่อนที่จะยอมแพ้และค้นหาสิ่งอื่น

ฉันเพิ่งรู้ว่ามีความคมชัดสูงชนิดย้อนกลับจะทำอะไรได้มากกว่าที่จะหันเหผู้ใช้ออกไปจากการจัดแนวข้อความ
สกอตต์

ฉันได้ตัดสินใจเปลี่ยนไปใช้ข้อความสีดำเป็นสีขาวเมื่อฉันมีโอกาส

และฉันเพิ่งเปลี่ยนสี ดูการแก้ไข

5

ฉันจะไม่มีปัญหากับข้อความหากมี 2 หรือ 3 ย่อหน้าน้อยกว่า การจัดกึ่งกลางให้ผลดีสำหรับข้อความจำนวนน้อย แต่กลายเป็นปัญหาการอ่านได้เมื่อมีมากเกินไป

จากมุมมองนี้การจัดแนวซ้ายจะดีกว่ากึ่งกลาง (หรือจัดแนวขวา)

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

เหตุผลปรากฏขึ้นในสายตาของคุณมากไปกว่าการออกกำลังกายเพื่อทำความเข้าใจข้อความ ในกรณีส่วนบุคคลของฉันฉันรู้สึกว่าสายตาของฉันถูกดึงไปที่กึ่งกลางของข้อความสังเกตเช่นคำเช่น Matlab / VHDL และ Python C ++ พวกเขาทำให้ฉันมีความคิดในสิ่งที่คุณทำ แต่คุณไม่เพียงแค่พยายามแสดงทักษะคุณกำลังอธิบายตัวเอง

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


2

คนอื่น ๆ ได้ทำคะแนนที่ถูกต้องกับข้อความกึ่งกลางดังนั้นฉันจะไม่ทำซ้ำ

มีสิ่งอื่น ๆ ที่คุณควรพิจารณา:

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

  • ใช้ตัวอักษรบางคนที่มีสัมผัสส่วนบุคคลมากขึ้นธรรมดาจอร์เจียหรือไทม์อาจจะเป็นทางเลือกที่ดีสำหรับเว็บไซต์ข้อความหนักที่ต้องโหลดเร็ว แต่ในปี 2015 เกือบทุกออกแบบเว็บจะหมกมุ่นอยู่กับการพิมพ์ ตรวจสอบแบบอักษรได้ที่http://www.google.com/fonts/มีฟอนต์serif และ sans-serif ที่อ่านง่ายและชัดเจนซึ่งจะทำให้ผู้เข้าชมประหลาดใจ ใช้ความคมชัดจับคู่แบบอักษรที่ดีใช้น้ำหนักที่แตกต่างและอื่น ๆ

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

  • จัดโครงสร้างข้อความของคุณใช้รายการถ้าคุณทำรายการสิ่งของใช้หัวเรื่อง มีตัวเลือกมากมายเพื่อทำให้ข้อความดูดี ย่อหน้าที่น่าเบื่อธรรมดาล้วนล้าสมัยไปแล้วในปัจจุบัน


2

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

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

ที่อาจมีลักษณะเช่นตัวอย่างคร่าวๆนี้ :

ตัวอย่างหมวด

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


2

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

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

พิจารณาสิ่งต่อไปนี้:

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

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

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