Những nguyên tắc của khoảng trắng đã được sử dụng trong email này?


7

Tôi nhận được email tuyệt đẹp này từ Skillshare và nghĩ rằng khoảng trắng của họ đã được thực hiện tốt. Dưới đây là dưới cùng của email có bản sao. Phía trên có một hình ảnh, một phần được bọc trong hộp màu xám này trong đó ảnh chụp màn hình hiển thị.

email Skillshare tìm kiếm giáo viên



Làm thế nào điều này có thể được tính toán bằng toán học, hoặc nó chỉ có thể là thử nghiệm và lỗi?


3
@Dominic Tôi không quen thuộc với qui tắc thiết kế web, nhưng qui tắc xây dựng trang là tất cả về cạnh tranh bộ nguyên tắc cho khoảng trắng. Tôi không có nghi ngờ rằng có các canons cạnh tranh tương tự cho email, trang web, vv.
BESW

Câu trả lời:


2

Toán học có vẻ rõ ràng với tôi.

50px giữa các phần, 25px giữa các đoạn.

Sau đó, 75px trên thông báo hủy đăng ký. Mặc dù điều này trông hơi ít hơn 75px. Nhưng chắc chắn hơn 50px. Tôi sẽ đặt nó ở mức 50px nếu là tôi, chỉ để duy trì sự nhất quán.

Vì vậy, đối với một công thức tôi đoán nó sẽ là:
section margin bottom = 2x paragraph margin bottom
Đây thực sự là một công thức tốt cho rất nhiều thiết kế web. Nó tạo ra đủ sự tách biệt thị giác giữa các phần và hỗ trợ một "nhịp điệu" tốt khi đọc.

Các thiết kế trang, như BESW chỉ ra, phần nào dịch sang web. Thiết kế tốt nói chung là thiết kế tốt bất kể phương tiện.


Mặc dù tôi có thể hiểu toán học thực tế trong trường hợp này. Tôi tự hỏi làm thế nào tỷ lệ đã được tính toán và lý do đằng sau nó để những nguyên tắc đó có thể được áp dụng cho các dự án khác. Ví dụ: tôi đang làm việc trên một tiêu đề và sử dụng Ý nghĩa vàng. Nhưng đối với khoảng trắng tôi đang tự hỏi về một số thực tiễn tốt nhất.
JGallardo

1
Thông thường tôi sử dụng bội số của một giá trị. Ví dụ: Giả sử kích thước loại là 16px, chiều cao dòng 20px. Lề dưới đoạn 20px (một dòng), lề dưới phần 40px (hai dòng). Mọi thứ đều dựa trên chiều cao của đường nên các lề dọc cũng là bội số của chiều cao của đường. Về cơ bản ... đó là một lưới giống như các tài liệu in. Văn bản bắt đầu yếu tố quan trọng nhất, lưới dựa trên văn bản.
Scott
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.