Làm thế nào để tôi xử lý các đoạn văn bản lớn ở giữa?


11

Tôi đã làm việc trên một trang web danh mục đầu tư rất đơn giản cho riêng mình và mẫu tôi đang sử dụng là trung tâm hợp lý cho tất cả các văn bản. Tôi có một chút lúng túng về bản thân và tôi không biết liệu đây có phải là cách tốt nhất để xử lý rất nhiều văn bản hợp lý của trung tâm hay không. Nó cảm thấy một chút lúng túng trên mắt tôi để đọc. Tôi chỉ đang tưởng tượng mọi thứ hay có cách nào tốt hơn để làm điều này?

rất nhiều văn bản trung tâm!

EDIT 1: Trang web của tôi dựa trên mẫu miễn phí này , cũng có một số phần lớn hơn của văn bản được căn giữa. Tôi muốn để lại lời biện minh cho văn bản, nhưng tôi không biết liệu nó có phù hợp với giao diện của phần còn lại của trang web hay không.

EDIT 2:

Vì vậy, tôi đã lật các màu để văn bản màu đen trên nền trắng. Đây là những gì nó trông giống như bây giờ, với một phông chữ nhạy cảm quá. Tôi cũng đã bao gồm các liên kết trông như thế nào trên nền trắng đó - tôi có thể cần làm tối nó một chút:

Đen trắng

EDIT 3:

Được rồi để lại hợp lý, với nỗ lực của tôi tại các điểm đạn. Tôi sẽ sắp xếp nó sớm thôi. Tôi cần phải đặt kích thước phông chữ chính xác, nhưng bạn có ý tưởng.

còn biện minh!


Tại sao bạn cần chỉ ra rằng bạn nói tiếng Anh? Ở các quốc gia khác, mọi người ghi chú trong CV nếu họ nói một hoặc nhiều ngoại ngữ.
Drunken Master

1
@DrunkenMaster Bạn đang cho rằng Stacey đang ở một quốc gia nói tiếng Anh. :)
Scott

Tôi đang ở một đất nước có 11 ngôn ngữ chính thức và có thể nói tiếng Anh nguyên bản không phải là siêu phổ biến trong cuộc thi của tôi.

@Scott Kiểm tra vị trí của cô ấy, nó nói Nam Phi. Dù sao văn bản trung tâm không phải là vấn đề duy nhất. Chữ trắng mỏng trên nền đen rất khó đọc, đặc biệt là phông chữ serif. Nếu bạn cần văn bản ngược với các chữ cái nhỏ, hãy sử dụng phông chữ sans-serif, sẽ dễ đọc hơn. Mặt khác, có rất nhiều phông chữ web đẹp mà bạn có thể sử dụng, để mang đến cho sinh học của bạn một dấu ấn cá nhân hơn, sau khi tất cả các kiểu chữ tốt là điều bắt buộc trong năm 2015.
Drunken Master

@DrunkenMaster bạn hoàn toàn hoan nghênh đề cập đến bất kỳ vấn đề nào bạn tìm thấy trong câu trả lời - Tôi hoàn toàn không biết gì về vấn đề này (như bạn có thể nói!) Và cần tất cả sự giúp đỡ tôi có thể nhận được.

Câu trả lời:


10

Trung tâm căn chỉnh đoạn văn bản thường không phải là một lựa chọn tốt. Sự hiểu biết của con người đã được đào tạo bài bản để xem văn bản theo những cách nhất định và khi bạn căn chỉnh đoạn văn bản, bạn yêu cầu người đọc làm việc rất chăm chỉ và duy trì con đường trực quan thông qua văn bản.

Điều này không cảm thấy ở bất kỳ mức độ tuyệt vời nào khi nhìn vào đoạn văn ngắn, một hoặc hai câu. Nhưng càng nhiều văn bản thì nó càng tệ.

Đây là một bài viết về căn chỉnh văn bản

Và UX.SE có một câu hỏi liên quan: Văn bản căn lề trái thường thích hợp hơn văn bản trung tâm?

Nếu căn lề trái không chỉ là một tùy chọn (không chắc tại sao lại như vậy), bạn có thể cần phải suy nghĩ lại về thiết kế.

(Lưu ý bên: Kiểu đảo ngược trên web cũng rất khó đọc đối với người đọc.)

Nếu bạn đã chết khi sử dụng mẫu đó . Tôi khuyên bạn nên căn chỉnh văn bản đoạn văn trong tất cả các khu vực và sử dụng một vị trí tưởng tượng từ phía bên trái để căn chỉnh tất cả chúng. Ví dụ: tôi xác định một khu vực nội dung và căn chỉnh bên trong khu vực đó:

nhập mô tả hình ảnh ở đây

Mọi thứ sẽ "đọc" dễ dàng hơn nhiều ....

nhập mô tả hình ảnh ở đây


Có vẻ như mẫu tôi chọn có một vài vấn đề! Tôi đoán đó là những gì bạn nhận được miễn phí.

Tôi lưu ý hoàn toàn được đặt trên mẫu nhưng tôi muốn thử lại trước khi từ bỏ và tìm thứ khác.

Tôi chỉ biết loại tương phản cao, đảo ngược sẽ làm nhiều hơn để loại bỏ người dùng hơn so với căn chỉnh văn bản sẽ.
Scott

Tôi đã quyết tâm chuyển nó thành văn bản màu đen trên nền trắng khi tôi có cơ hội.

Và tôi vừa chuyển màu. xem chỉnh sửa.

5

Tôi sẽ không gặp vấn đề với văn bản nếu nó có ít hơn 2 hoặc 3 đoạn. Định tâm hoạt động tốt cho số lượng nhỏ văn bản, nhưng trở thành vấn đề dễ đọc khi có quá nhiều.

Từ quan điểm này, căn lề trái tốt hơn so với căn giữa (hoặc căn phải).

Văn bản căn lề trái dễ đọc hơn văn bản trung tâm cho các đoạn văn. Điều này là do khi bạn căn giữa văn bản của mình, vị trí bắt đầu của mỗi dòng sẽ thay đổi. Điều này buộc người dùng của bạn phải làm việc chăm chỉ hơn để tìm nơi mỗi dòng bắt đầu tiếp tục đọc.

Các lý do đi xuống mắt của bạn tập thể dục quá mức để hiểu văn bản. Trong trường hợp cá nhân của tôi, tôi cảm thấy tầm nhìn của mình bị kéo vào giữa văn bản, nhận thấy các từ ví dụ như Matlab / VHDL và Python C ++. Họ cho tôi một ý tưởng về những gì bạn làm, nhưng bạn không chỉ cố gắng liệt kê các kỹ năng, bạn đang mô tả chính mình.

Phải nói rằng, văn bản không quá dài và tập trung vào nó là một 'tuyên bố' thiết kế. Vì vậy, nếu bạn muốn giữ nó theo cách đó, tôi sẽ xem xét thêm một số manh mối trực quan để giúp điều hướng văn bản. Ví dụ, làm cho một số từ hoặc cụm từ in đậm hoặc thay đổi kích thước của chúng. Bạn cũng có thể sử dụng màu sắc để làm nổi bật các ngôn ngữ. Tôi chắc chắn rằng không phải tất cả các văn bản của bạn đều có cùng mức độ liên quan, do đó không phải tất cả đều giống nhau.


2

Những người khác đã tạo điểm hợp lệ trên văn bản trung tâm, vì vậy tôi sẽ không lặp lại điều đó.

Có một số điều khác bạn nên xem xét:

  • phông chữ serif mỏng (cỡ chữ nhỏ hoặc phông chữ mỏng) không phải là một lựa chọn tốt cho văn bản đảo ngược. Về cơ bản nó làm cho việc đọc chỉ khó như văn bản trung tâm. Hãy nghĩ về những người có màn hình cũ hoặc thiết bị giá rẻ, những người sẽ không thể đọc văn bản.

  • sử dụng một số phông chữ với nhiều liên lạc cá nhân hơn, Georgia hoặc Times có lẽ là một lựa chọn hợp lý cho các trang web nặng văn bản cần tải nhanh, nhưng trong năm 2015, hầu hết mọi nhà thiết kế web đều bị ám ảnh bởi kiểu chữ . Kiểm tra các phông chữ tại http://www.google.com/fonts/ Có rất nhiều phông chữ serif và sans-serif rất dễ đọc sẽ làm kinh ngạc khách truy cập của bạn. Sử dụng độ tương phản, ghép một số phông chữ đẹp, sử dụng các trọng lượng khác nhau, v.v.

  • Tôi cho rằng trang web là về bạn và nó sẽ không thực sự nặng về nội dung. Tạo một hình ảnh anh hùng lớn đẹp cho trang chính của bạn. Giống như một bức ảnh đẹp về một thiết bị điển hình bạn đang làm việc hoặc môi trường làm việc điển hình của bạn. Đặt nó làm hình nền và đặt một số văn bản lớn đẹp trên đó. Điều đó hầu như luôn luôn có một tác động tốt đẹp đối với khách truy cập của bạn.

  • Cấu trúc văn bản của bạn , sử dụng một danh sách nếu bạn đang liệt kê những thứ, sử dụng các tiêu đề. Có rất nhiều lựa chọn để làm cho văn bản nhìn tốt. Những đoạn văn buồn tẻ cũ kỹ đã lỗi thời.


2

Nói chung, thật không tốt khi có một lượng lớn văn bản được căn giữa vì đơn giản là nó không dễ đọc lắm. Chúng tôi theo dõi các dòng văn bản được căn trái (hoặc căn phải cho các ngôn ngữ RTL) dễ dàng hơn các dòng văn bản được căn giữa.

Đối với loại thông tin này nói riêng, tôi khuyên bạn nên bố trí phần bên trái thẳng hàng với các phần được bao gồm mỗi kỹ năng, không phải là cấu trúc đoạn như bạn hiện có. Nó giữ cho nó ngắn, dễ đọc và dễ dàng mở rộng. Nó cũng thêm tín hiệu hình ảnh như Yisela nói về.

Điều đó có thể trông giống như ví dụ cực kỳ khó hiểu này :

ví dụ phân đoạn

Có thể tốt hơn khi thêm khung thời gian về thời gian bạn đã thực hiện những điều này cũng như đưa ra một tham chiếu về mức độ tốt của bạn đối với họ. Nó có thể đi ngay bên cạnh tiêu đề đặc biệt, nhưng có thể cần phải được nhấn mạnh ít hơn so với tiêu đề.


2

Tiêu đề là một ý tưởng tuyệt vời nếu có nội dung phức tạp hoặc đa dạng. Tuy nhiên, trong trường hợp của bạn, bạn cũng có thể hưởng lợi từ cấu trúc đoạn được cải thiện. Ví dụ, hai đoạn đầu tiên có thể được tham gia để liên hệ giáo dục của bạn với con người bạn. Nhìn chung, điều này cung cấp cho người đọc hiểu rõ hơn về bạn là ai, trong khi vẫn duy trì dòng thảo luận.

Các đoạn tôi đang viết là những ví dụ tốt để sử dụng làm mẫu. Bạn có thể đưa ra một tuyên bố ngắn với dòng đầu tiên, sau đó theo dõi với một so sánh, một sự tương phản hoặc thông tin bổ sung. Điều này có thể được theo sau với một hoặc hai dòng cung cấp các ví dụ hoặc thông tin liên quan bổ sung để truyền tải thông điệp tốt hơn đến khán giả của bạn. Cuối cùng, kết thúc bằng một từ liên kết để đưa ra kết luận về những gì bạn đã nói.

Hãy xem xét những điều sau đây:

Tên tôi là Stacey và tôi là một kỹ sư có trình độ. Tôi đã đạt được bằng Cử nhân Kỹ thuật, nơi đã cho tôi kiến ​​thức và kỹ năng để thiết kế hệ thống kỹ thuật số trong năm năm qua. Ví dụ về các hệ thống tôi đã thiết kế bao gồm (...). Ngoài kiến ​​thức kỹ thuật của mình, tôi là một người nói tiếng Anh bản địa với một nền giáo dục chính thức trong giao tiếp tiếng Anh chuyên nghiệp.

Dòng đầu tiên về nhà, cho biết bạn là ai và bạn làm gì. Dòng thứ hai giải thích tại sao là một kỹ sư có trình độ có liên quan. Dòng thứ ba cung cấp các ví dụ hỗ trợ chuyên môn kỹ thuật của bạn. Dòng cuối cùng liên kết các kỹ năng kỹ thuật của bạn với các kỹ năng chuyên nghiệp khác. Nhìn chung, đoạn văn cung cấp cải thiện cấu trúc, dòng chảy và bố cục chất lượng.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.