it-swarm-vi.com

Tại sao các hình ảnh hồ sơ được làm tròn ngày nay?

Tại sao nhiều trang web và ứng dụng sử dụng hình ảnh hồ sơ tròn? Ngay cả những người chơi hàng đầu như Google và Apple sử dụng ảnh hồ sơ tròn trên các khung hình chữ nhật thông thường. Tại sao?

90
Kay Gee

Các góc trên một hình ảnh của khuôn mặt (mà hầu hết mọi người sẽ chọn làm hình đại diện) không chỉ là nhiễu hình ảnh không cần thiết, chúng có thể làm cho hình ảnh khó xử lý hơn đối với chúng tôi. Những thứ có cạnh tròn được coi là dễ nhìn hơn so với những thứ có cạnh sắc. Các vòng tròn dễ dàng hơn cho hệ thống thị giác để xử lý, do đó tạo ra tải nhận thức ít hơn.

Tuy nhiên, nhiều người trong chúng ta lớn lên với hình chữ nhật vẫn đang thiết kế chúng để tận dụng tốt nhất một không gian hình chữ nhật. Có lẽ chúng ta nên có thời gian và đừng quá vuông vức .

70
Franchesca

Đây là điều mà tôi nghĩ.

Nếu bạn nhìn vào một hình ảnh, tất cả những gì bạn cần là khu vực trung tâm nhất của nó để hiểu nội dung của nó. Nếu phần trung tâm của hình ảnh bị loại bỏ, chúng ta sẽ thực sự khó hiểu được hình ảnh đó là gì, trong khi nếu các góc bị xóa và phần trung tâm được giữ lại, chúng ta vẫn có thể tìm ra hình ảnh đó nói về cái gì.

Examples of rounded avatars, square avatars, and avatars with a hole in them

Trên đây là đúng cho hầu hết các trường hợp. Tôi biết rằng có thể có ngoại lệ khi đối tượng không nằm ở trung tâm của bức ảnh.

Theo như lý do tại sao mọi người đều sử dụng hình đại diện tròn chứ không phải hình vuông, giống như hỏi tại sao mọi người lại chuyển sang thiết kế phẳng.

Hy vọng điều này sẽ giúp.

44
raz0r

enter image description here

Đây là tính toán của tôi trên các bức ảnh hồ sơ tròn.

  1. Tại sao có hình vuông hồ sơ trước?

    Ý tưởng được bắt nguồn từ khung ảnh là hình vuông và để phù hợp với thế giới thực, ảnh hồ sơ là hình vuông.

  2. Bây giờ tại sao tròn?

    Tôi đoán bây giờ chúng ta đang dần chuyển từ thiết kế đa dạng sang thiết kế hiệu quả hơn trong Word kỹ thuật số. Ngoài ra, đó là một điều mới nổi bật so với pic hồ sơ vuông truyền thống.

  3. Tại sao nó thành công?

    Trên pic bạn sẽ thấy rằng đối với pic hồ sơ hình vuông, có 5 điểm để tập trung (bốn điểm ở góc và một điểm ở giữa). Hầu hết thời gian hình ảnh khuôn mặt đều ở trung tâm. Vì vậy, các điểm góc khác trên Edge sẽ lấy sự tập trung của bạn ra khỏi đối tượng để lấy nét, trong khi nếu bạn nhìn thấy hình ảnh hồ sơ tròn bạn nhìn thấy chỉ có một điểm tập trung ở trung tâmkhông có điểm khác biệt để tập trung vào Edge.

    Tóm lại trong một ảnh hồ sơ tròn, chúng ta có thể dễ dàng tập trung vào đối tượng nằm ở trung tâm, nơi rất khó trong trường hợp hình vuông do 4 điểm góc chiếm một phần sự tập trung của bạn.

9
sandeep_jagtap

Bởi vì tất cả mọi người đang sử dụng 'Twitter Bootstrap' để tạo một trang web phản hồi nhanh chóng.

Một phần của bộ công cụ là lớp img-circle mà bạn chỉ cần thêm vào và voila, hình tròn, đường kính 140px. Nó không thể được dễ dàng hơn.

http://getbootstrap.com/css/#images

Có thể có nhiều lý do khoa học hơn cho lý do tại sao hình dạng tròn đang thịnh hành, tuy nhiên, việc áp dụng đại trà là vì Twitter Bootstrap làm cho nó rất dễ thực hiện.

6
Theodores

Tại sao ngày nay? Có lẽ bởi vì CSS3 đã được thông qua vào năm 1999 nhưng chỉ được triển khai một vài năm trước đây cho phép border-radius thuộc tính để viền tròn có thể dễ dàng được thực hiện linh hoạt trong trình duyệt. Trước đây, người ta sẽ phải kích hoạt Photoshop hoặc tạo mã thao tác hình ảnh bằng cách sử dụng Thư viện đồ họa của Bt hoặc ImageMagick ở phía máy chủ để đạt được hiệu ứng tương tự.

Nhưng trong lịch sử máy tính và trải nghiệm người dùng, bạn có thể nhìn lại niềm đam mê của Steve Jobs về việc sử dụng chúng trong quá trình phát triển Apple Lisa (tiền thân của Macintosh) năm 1981:

Bill đã kích hoạt bản demo của mình và nó nhanh chóng lấp đầy màn hình Lisa với hình bầu dục có kích thước ngẫu nhiên, nhanh hơn bạn nghĩ là có thể. Nhưng điều gì đó đã làm phiền Steve Jobs. "Chà, hình tròn và hình bầu dục là tốt, nhưng làm thế nào về việc vẽ hình chữ nhật với các góc tròn? Chúng ta có thể làm điều đó bây giờ cũng vậy? "

"Không, không có cách nào để làm điều đó. Thực tế nó sẽ rất khó để làm, và tôi không nghĩ chúng ta thực sự cần nó". Tôi nghĩ Bill hơi mếch lòng rằng Steve đã không say sưa với những hình bầu dục nhanh và vẫn muốn nhiều hơn nữa.

Steve đột nhiên trở nên dữ dội hơn. "Hình chữ nhật có các góc tròn là ở mọi nơi! Chỉ cần nhìn quanh căn phòng này!" . Và chắc chắn, có rất nhiều trong số họ, như bảng trắng và một số bàn và bàn. Rồi anh chỉ ra ngoài cửa sổ. "Và nhìn ra bên ngoài, thậm chí còn nhiều hơn, thực tế ở mọi nơi bạn nhìn!". Anh ta thậm chí còn thuyết phục Bill đi bộ nhanh xung quanh khối nhà, chỉ ra mọi hình chữ nhật với các góc tròn mà anh ta có thể tìm thấy.

Khi Steve và Bill vượt qua biển cấm đỗ xe với các góc tròn, nó đã làm được điều đó. "OK, tôi từ bỏ", Bill khẩn khoản. "Tôi sẽ xem nó có khó như tôi nghĩ không." Anh trở về nhà để làm việc với nó.

Bill trở lại Texaco Towers vào chiều hôm sau, với một nụ cười lớn trên khuôn mặt. Bản demo của anh ta hiện đang vẽ các hình chữ nhật với các góc tròn đẹp tuyệt vời nhanh chóng, gần như với tốc độ của các hình chữ nhật đơn giản. Khi anh ấy thêm mã vào LisaGraf, anh ấy đã đặt tên mới nguyên thủy "RoundRects". Trong vài tháng tới, các roundrects đã hoạt động theo cách của họ vào các phần khác nhau của giao diện người dùng và sớm trở thành không thể thiếu.

Tất cả những gì đã nói, những gì tôi thấy hơi buồn cười bây giờ là Apple đang hướng tới vòng tròn thuần cho UI trong iOS 7. Trong khi Windows 8 có những gì? Tấn hình vuông không tròn cho giao diện. = Apple trở nên tròn hơn và Microsoft có được bình phương!

4
JakeGould

Khuôn mặt tròn (ish). Bằng cách cắt các góc của hình ảnh, bạn tăng độ đồng tâm của nó, vì các đường cong của đường viền phù hợp với các đường cong của đầu. Điều này thu hút ánh mắt của bạn trực tiếp vào đối tượng và đặc biệt tạo khung cho khuôn mặt.

3
ahmacleod

Một thời gian dài trước đây có một mặt nạ javascript phức tạp cần thiết hoặc chỉ cần thao tác hình ảnh để kéo ra các hình ảnh tròn. Bây giờ với bán kính đường viền, việc tạo hình ảnh tròn là một nhiệm vụ dễ dàng. Vì vậy, tôi đoán câu trả lời đơn giản nhất là mọi người sẽ làm điều đó bởi vì nó dễ thực hiện và phá vỡ khuôn mẫu của hình vuông bình thường.

2
riotgear

Sử dụng ví dụ tương tự từ câu trả lời đầu tiên, các vòng tròn có thể nhỏ hơn hình vuông (so với cột ban đầu - thứ 1 từ bên trái), nhưng có nền dự phòng ở giữa (cột ngoài cùng bên trái).

Cắt thành hình chữ nhật nhỏ hơn (cột thứ 3 từ bên trái) khiến bạn tập trung vào khuôn mặt, vì đó là tất cả những gì còn lại.

Nếu hình chữ nhật có vẻ nhàm chán với bạn, thì bạn có thể thử nghiệm với các hình dạng khác, ví dụ: hình thang. Trong ví dụ cuối cùng (hàng dưới cùng), hình thang nhanh mà tôi tạo ra thực sự phù hợp với khuôn mặt và khiến anh chàng có vẻ thú vị hơn so với các vòng tròn có vẻ như khung hình từ cuối thế kỷ 19. Nó thậm chí còn làm cho anh chàng trông nhàm chán có vẻ bớt nhàm chán hơn so với các lựa chọn thay thế.

enter image description here

1
Danny Varod

Các vòng tròn và các cạnh tròn có chi phí tải nhận thức ít hơn so với các cạnh thẳng và cứng.

"Một hình chữ nhật với các cạnh sắc nét thực sự cần nhiều nỗ lực nhận thức hơn một chút so với hình elip có cùng kích thước." Mắt fovea "của chúng tôi thậm chí còn nhanh hơn trong việc ghi lại một vòng tròn. chậm lại. " - Giáo sư Jürg Nänni

Hiện thực hóa các hình chữ nhật tròn.

0
RobbyReindeer

Khuôn mặt là phần quan trọng nhất của một bức ảnh hồ sơ. Diện tích nền càng ít, người dùng càng có thể lấy nét trên khuôn mặt.

Một hình ảnh hồ sơ tròn cắt các khu vực nền ở các góc.

Ngoài ra, nó giúp người dùng phân biệt ảnh đại diện với ảnh đơn giản từ nội dung.

0
Madalina Taina

Bây giờ chúng tròn vì nó hợp thời trang. Không có lý do khác. Không có con người đã bao giờ có một thời gian khó khăn để nhận ra khuôn mặt vì các góc. Phần lớn của bộ não con người được dành riêng cho nhận dạng khuôn mặt để bạn có thể có khuôn mặt trên hình ngôi sao và nó sẽ không có liên quan đến sự công nhận.

0
Randy