Các quy tắc truyền thống cho hướng bóng / nguồn sáng thả là gì?


7

Khi tạo bóng đổ cho các đối tượng, "quy tắc" truyền thống / cổ điển cho hướng bù là gì? Tôi thấy rất nhiều cái ở phía dưới và bên phải, dẫn đến nguồn sáng đến từ phía trên bên trái.

Tuy nhiên, tôi đã đọc ở đâu đó (tôi không nhớ là ở đâu, có thể là một bài viết cũ của David Siegel từ nhiều năm trước) rằng khi thêm bóng đổ vào văn bản, phần bù bóng phải được đặt xuống và để lại, cung cấp một cạnh tối nhẹ cho cạnh đầu của văn bản, tăng cường khả năng đọc.

Hay là quy tắc chỉ "nhất quán"?

Để rõ ràng, tôi đang hỏi liệu có một "nguyên tắc" thiết kế nào được thiết lập thông qua truyền thống hay quyền ưu tiên.

Câu trả lời:


8

Trong thiết kế của bạn nghĩ ra, hãy nhất quán. Nếu một đối tượng có nguồn sáng trên cùng bên trái, thì tất cả các đối tượng của bạn nên có nguồn sáng trên cùng bên trái.

Trong các thiết kế của người khác, bạn cần phải phù hợp với định dạng của họ. Trong trường hợp Mac OS X của Apple (theo HIG), bóng đổ đến từ trung tâm hàng đầu và thực sự là một chút ở mặt trước xung quanh một góc 45˚ chứ không phải từ bên cạnh.

Về hướng, phần lớn phụ thuộc vào hiệu ứng bạn đang cố gắng đạt được, nhưng như một quy tắc không chính thức dựa trên sự quan sát không bình thường, nguồn sáng thường nằm ở phía trên bên trái, đổ bóng xuống phía dưới bên phải. David Siegel về mặt kỹ thuật có thể đúng, nhưng cuối cùng nó gần như hoàn toàn chủ quan.


8

Từ mẫu giáo đến tiểu học, phần lớn các bức vẽ của tôi (và những đứa trẻ khác) có một thứ gọi là "góc mặt trời", một phần tư Mặt trời lấp đầy góc trên bên trái. Lúc đầu, sự tương tự này có thể nghe có vẻ xa vời và lưỡi lưỡi trong má, nhưng tôi nghĩ khái niệm góc Mặt trời chỉ vào nguồn mà ý tưởng về bóng đổ lý tưởng xuất phát.

Bây giờ, tôi chuẩn bị đăng một tìm kiếm hình ảnh của Google về chủ đề này để nâng cao quan điểm của mình, nhưng nhận thấy một số lượng đáng chú ý các bức vẽ có góc Mặt trời ở góc trên bên phải ! Vì vậy, khái quát hóa các hướng nên được thực hiện với một nhúm muối *. Tôi có linh cảm rằng có thể có các kết nối thuận tay về văn hóa hoặc thậm chí thuận tay trái / văn hóa nhưng tôi không có nghiên cứu nào về nguồn gốc của góc Mặt trời. Chắc chắn sẽ đọc những cái đó.


Tuy nhiên, điều phổ biến nhất ánh sáng đến từ phía trên bên trái.

Tôi nghĩ lý do chính cho điều này không xuất phát từ khái niệm bóng đổ lý tưởng, nhưng từ thực tế lạnh lùng rằng Photoshop có hướng bóng đổ mặc định được đặt thành 120 ° theo mặc định hoặc cụ thể hơn: global lightgiá trị được đặt thành 120 °. Điều này có vẻ đủ cho hầu hết các trường hợp, vậy tại sao phải đặt câu hỏi về giá trị mỗi lần. Lý do của Adobe cho giá trị góc rất này sẽ rất thú vị khi nghe.

*) Vâng, duh, như mọi khi


3
Tôi chỉ muốn thêm vào như một lưu ý phụ, sự khác biệt giữa ánh sáng trên đỉnh, tức là Mặt trời, có ý nghĩa thân thiện, dễ chịu trong tâm trí của chúng ta, và ánh sáng phía dưới, tức là lửa hoặc đèn pin, có mối tương quan nham hiểm hoặc xấu xa.
Sam

@Sam Điểm tốt. Nó giống như hào quang của các vị thánh so với việc sử dụng đèn pin khi kể những câu chuyện kinh dị ở lửa trại.
Jari Keinänen

Điều đó thực sự thú vị Sam, và một phép ẩn dụ tốt để nhớ. @koiyu, yeah, tôi tự hỏi làm thế nào điều này biểu hiện trong các nền văn hóa khác.
ybakos

Mặc dù tôi đã kiểm tra câu trả lời của Philips về sự cô đọng, tôi cũng thực sự thích câu trả lời của koiyu.
ybakos

Đúng! 120 độ trông có vẻ đúng
Code Whisperer

4

Tôi đến nhiều hơn từ vương quốc CG 3D và khi thực hiện công việc 3D, bạn đang cố gắng tạo ra một cái gì đó rất giống với thực tế. Hiếm khi các bóng liên tục rơi theo cùng một hướng, không chỉ bởi vì hình dạng của các vật thể có thể thay đổi bóng một chút, mà còn bởi vì không có nguồn sáng nào hoạt động theo cách đó vì ánh sáng của chúng được phát ra từ một điểm trong không gian - hoặc ít nhất là , trong trường hợp bóng đèn, một vật thể tương đối nhỏ và các vật thể trong tầm nhìn đại diện cho một phương sai đáng kể theo hướng tương ứng của chúng từ nguồn sáng. Lý do duy nhất bạn không thấy loại hành vi này từ Mặt trời là sự khác biệt về góc giữa hai vật thể cách nhau 10 ft ở đây trên Trái đất thể hiện sự khác biệt không thể phân biệt được theo hướng của chúng so với Mặt trời. Mặt trời và Mặt trăng là những ví dụ phổ biến duy nhất của hiện tượng này trong đó góc của vectơ ánh sáng tới nhất quán trong tầm nhìn của chúng ta, nhưng ánh sáng rất khuếch tán và khan hiếm vào ban đêm mà bạn thậm chí không thể nói về "nhất quán góc tối "vào ban đêm. Mỗi ngày, chúng ta được trình bày với hàng trăm, nếu không phải hàng ngàn ví dụ trong đó các bóng không được chiếu theo cùng một hướng do phương sai đáng kể trong các vectơ ánh sáng tới hoặc ánh sáng không đều. (Ví dụ: về các ví dụ trong đó các bóng không được chiếu theo cùng một hướng do phương sai đáng kể trong các vectơ ánh sáng tới hoặc ánh sáng không đều. (Ví dụ: về các ví dụ trong đó các bóng không được chiếu theo cùng một hướng do phương sai đáng kể trong các vectơ ánh sáng tới hoặc ánh sáng không đều. (Ví dụ:http://hebbylaya.deviantart.com/art/Stone-3d-Design-102879441 [tắt bóng sang trái, n bóng sang phải], http://fc00.deviantart.net/fs47/i/2009/216 /4/b/3D_by_luiggi26.jpg (Tắt bóng sang trái, k, TM và bóng 3D ở bên phải)

Trong Photoshop, tuy nhiên, thực tế là không liên quan. Đặt tên cho một điều trong Photoshop là thực tế và tôi cá là tôi có thể tìm thấy điều gì đó không đúng với thuật toán. Trên thực tế, lý do chính để sử dụng bóng "nhất quán" chính xác là do Photoshop gần như không có khả năng làm bất cứ điều gì khác. Và đừng hiểu sai ý tôi, tôi không nghĩ những cái bóng bạn nhìn thấy trên web trông thật tồi tệ, nhưng chúng cũng không thực tế.

Ngay cả khi Photoshop thực sự có thể tạo ra bóng tối thực tế, bắt đầu từ ngày mai, tôi không nghĩ rằng hầu hết mọi người sẽ sử dụng chúng bởi vì họ sẽ không "nhìn đúng" vì chúng tôi đã có những ý tưởng nhất định về những gì "trông đúng" cho một trang web hoặc một logo khắc trong chúng ta.

Điểm mấu chốt là làm những gì "có vẻ đúng" bởi vì hầu như không có gì trong số này là thực tế.

BTW, đây là một ví dụ về một trang web không nhất quán và không thực tế, nhưng nó vẫn hoàn toàn ổn: http://us.battle.net/wow/en/service/ "HOME / GAME / CỘNG ĐỒNG / MEDIA /. .. "Menu có một điểm sáng dài ở phía trên cùng, nhưng toàn bộ div ở giữa có một bóng khuếch tán mỏng xung quanh nó, theo mọi hướng (nếu nguồn sáng thực sự ở trên cùng, thì không nên có bóng ở trên cùng.) Hơn nữa, có một phân chia nhỏ trong menu mà bạn có thể gọi là "div nội dung". Nó được chạm nổi một chút, nhưng thay vì một điểm sáng dài ở phía trên, nó có hai điểm nổi bật ở hai góc, và sau đó biến mất một cách kỳ diệu sau khoảng 30 pixel. Hoàn toàn không nhất quán khi kiểm tra chặt chẽ, nhưng nó trông hoàn toàn ổn ngay từ cái nhìn đầu tiên!


1

Thông thường, nguồn sáng trong hầu hết các tình huống là phía trên bên trái, đổ bóng xuống phía dưới bên phải.

"Quy tắc" duy nhất khác là bạn nên tạo bất kỳ loại bóng nào bạn đang sử dụng liên quan đến nhau (có nghĩa là phải có một nguồn sáng cho tài liệu, không phải mỗi yếu tố riêng lẻ).

Tôi không thể tưởng tượng bất kỳ loại bóng 'tăng cường' khả năng đọc văn bản.


3
Hãy thử văn bản màu trắng trên nền trắng cả có và không có bóng. :-D
Jari Keinänen

1

Bộ não của chúng ta tự nhiên xử lý hình ảnh là lõm hoặc lồi tùy theo hướng chiếu sáng. Hầu hết các nhà quan sát xử lý các bản đồ cứu trợ bóng mờ của các đặc điểm địa hình một cách chính xác nếu nguồn chiếu sáng đến từ hướng Tây Bắc (trên cùng bên trái). Nếu chiếu sáng là từ ĐN, địa hình thường sẽ xuất hiện ngược lại (thung lũng đến núi và núi đến thung lũng). Trong khi hầu hết các nhà quan sát có thể điều hòa về mặt địa hình bất kể hướng ánh sáng khi được đưa ra một điểm tham chiếu, khả năng này phải được dạy và thực hành. Đối với người quan sát thông thường, điều này trở nên không thực tế và do đó người vẽ bản đồ coi việc chiếu sáng các bản đồ cứu trợ bóng mờ từ Tây Bắc là một tiêu chuẩn. Tôi đoán ý tưởng của chúng tôi về "bóng tối" chính xác sẽ đến từ tiêu chuẩn trực quan hóa bản đồ. Mà nói, Cá nhân tôi sẽ chọn tạo bóng cho một đối tượng hoặc hình ảnh từ trên cùng bên trái và văn bản từ trên cùng bên phải. Lý do là, cách chúng ta đọc hình ảnh và văn bản. Đối với một hình ảnh, bóng sẽ đóng vai trò là điểm dừng và giữ bạn trong hình ảnh. Đối với văn bản, một bóng ở phía bên phải có thể làm gián đoạn dòng văn bản.


Tôi muốn nói rằng không chỉ Tây Bắc mà ánh sáng đến từ đỉnh nói chung làm cho các vật thể trông nổi lên. Các nút trên trang web này có một bóng ngay bên dưới nó, có nghĩa là nguồn sáng chính xác ở vị trí N, và nó trông ổn.
Luciano
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.