Làm thế nào để lên và xuống có cùng một không gian được xử lý?


16

Đây là trang đăng ký ban đầu cho ứng dụng liên lạc của khách hàng của tôi. (Tôi che logo - lưu ý hộp màu trắng - vì sự riêng tư của anh ấy)

Tôi không thích rằng "y" hạ xuống và "h" bay vào cùng một không gian. làm cho hai dòng hơi quá chật chội. Bất kỳ đề xuất?

(phông chữ của ứng dụng là roboto. Ở đây - Tôi đang sử dụng Roboto Bold.)

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

Bất kỳ ý kiến ​​thiết kế nào khác, chúng tôi sẽ được đánh giá cao - miễn là bạn cư xử đúng mực :)


1
Tôi không quan tâm đến nó. Có lẽ bạn có thể thắt chặt không gian dòng giữa hai dòng đầu tiên để làm cho nó phù hợp hơn về mặt quang học. Tất cả những gì đã nói, loại đó dường như thực sự lớn đối với trường biểu mẫu.
DA01

thử mũ nhỏ?
Lauren-Rebstate-Monica-Ipsum

@ DA01 - "loại dường như thực sự lớn đối với trường biểu mẫu" - bạn đang đề cập đến "nhập số điện thoại của bạn" hoặc đầu vào số điện thoại trong hộp? Đối với "enter your ..." tôi muốn một cái gì đó táo bạo và sắc sảo bằng cách sử dụng mũi tên và các hình ảnh trực quan khác .... nhưng có lẽ tôi đã làm được điều đó.
12985

Bạn cũng có thể tìm thấy câu trả lời cho câu hỏi này hữu ích: Làm thế nào để tôi xử lý khoảng cách dòng khi một bộ giảm dần đang cản trở?
user56reinstatemonica8

Tôi đã đề cập đến văn bản 'vui lòng nhập điện thoại của bạn'. Tôi cho rằng nó sắc sảo, nhưng nó cũng chỉ là một nhãn hiệu cho lĩnh vực này, vì vậy có vẻ hơi kỳ lạ là rất lớn. Nó hét vào mặt tôi.
DA01

Câu trả lời:


15

Vì vậy, bạn có một vài lựa chọn, thường.

Hiện tại, vấn đề của bạn là các dòng 1 và 2 nhìn xa hơn các dòng 2 và 3, mặc dù chúng không như vậy. Đó là một ảo ảnh quang học được tạo ra bởi việc thiếu con cháu và lên ngôi giữa hai người đầu tiên, nhưng không phải ở hai người thứ hai.

Các giải pháp rơi vào hai loại cơ bản: tránh tình trạng này cùng nhau hoặc giải quyết vấn đề này. Chúng ta sẽ bắt đầu với một số cách để tránh nó.

Tùy chọn 1: chuyển đổi sang thủ đô

Điều này tránh được tình hình. Tuy nhiên, bạn có thể gắn liền với chữ thường của bạn.

(Những ví dụ này sử dụng Franklin Gothic bởi vì tôi chưa cài đặt Roboto).

Tùy chọn 2: sắp xếp lại ngắt dòng

Trong trường hợp này, tôi đã chuyển đổi thành 2 dòng, nhưng đôi khi bạn có thể sắp xếp lại ngắt dòng theo những cách khác.

Chỉ có hai dòng là một cách khác để tránh vấn đề - không có gì để so sánh với nó.

Tùy chọn 3: điều chỉnh khoảng cách thủ công cho đến khi nó trông "đúng về mặt trực quan"

Ở đây tôi đã giảm đáng kể khoảng cách giữa dòng 1 và 2 để nó trông "đều hơn". Bạn không thể sử dụng một công thức cho việc này, chỉ đôi mắt của bạn.

Trong thực tế, khoảng cách dòng giữa dòng thứ nhất và thứ hai trong ví dụ này nhỏ hơn nhiều so với khoảng cách dòng giữa thứ hai và thứ ba, nhưng nó không quá sai vì ảo ảnh quang học được tạo ra bởi người lên và xuống trong cái thứ hai .

Thật hợp lý khi bạn có thể cải thiện ví dụ nhanh này hơn nữa - khi thực hiện điều này, hãy thử xem từ phía sau, nheo mắt, v.v., vì vậy bạn không nhìn vào các từ mà hình dạng chữ cái như thể chúng là những đốm màu.

Tùy chọn phần thưởng: thay đổi từ để người lên và người xuống không trùng nhau

Bạn dường như không có tùy chọn này với các từ bạn đã chọn, nhưng đôi khi bạn có thể thay đổi các từ trái hoặc phải để con cháu và con cháu không trùng nhau, như trong ví dụ này với các từ khác nhau.

Nhân tiện, tôi nghĩ rằng việc bạn sử dụng biểu tượng băm # có vẻ không ổn và bạn nên chọn số hoặc N o - nhưng đó là ý kiến ​​cá nhân của tôi.


Tôi chỉ muốn nói rằng tôi thích Enter (Circle / Logo) sau đó là Số điện thoại của bạn. Một lựa chọn khác là không nói quá nhiều, ý tôi là khá rõ ràng từ trường biểu mẫu mà nó đang mong đợi một số điện thoại.
Ryan

6

Trong kiểu chữ thay đổi hàng đầu có thể ảnh hưởng đến cách người xem của bạn đọc và giải thích tác phẩm của bạn.

Ví dụ, bằng cách hạ thấp số lượng hàng đầu giữa hai dòng, khiến cho hậu duệ và hậu duệ va chạm, bạn sẽ có ảnh hưởng xấu đến khả năng đọc tổng thể của văn bản.

Là một phong cách trực quan, dẫn đầu chặt chẽ có thể làm tăng tốc độ của người đọc mà người đọc văn bản của bạn (tăng các chữ cái bắt mắt) và / hoặc tạo ra cảm giác tù túng hoặc ngột ngạt cho tổng thể của bạn (1) , có thể không được hiệu quả mong muốn của bạn ở đây.

Mặt khác, việc tăng dẫn đầu có thể làm giảm tốc độ của người đọc (2) . Bằng cách giới thiệu nhiều không gian hơn giữa mỗi dòng, bạn làm chậm tốc độ của người đọc bằng cách giảm số lượng chữ bắt mắt. Điều này có thể gợi lên cảm giác thư thái trong văn bản của người đọc. Tuy nhiên, hãy cẩn thận với khoảng trắng bạn để lại, vì có quá nhiều hàng đầu có thể có vấn đề với tính liên tục (3) , vì mắt người đọc cần phải đi xa hơn giữa mỗi dòng.

Cáo cáo

Đặt cược tốt nhất của bạn để cải thiện khả năng đọc văn bản của bạn sẽ là làm một cái gì đó với sự dẫn đầu nhất quán, như thế này:

Mockup của tôi với lớp phủ

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.