Tại sao các vòng tròn được sử dụng để vẽ logo?

Gần đây, tôi bắt đầu quan tâm đến các thiết kế logo và bắt đầu sao chép một số logo nổi tiếng.

Chẳng mấy chốc, tôi tình cờ thấy bài viết này về logo mới của twitter, được phát hành ở đâu đó vào tháng sáu 12. Trên bài đăng này, tôi đã học được một thực tế là các vòng tròn và tỷ lệ vàng không đổi toán học đang được sử dụng trong các thiết kế logo của twitter và apple và icolud.

Tôi muốn biết, lý do đằng sau điều này là gì? Đó là một vấn đề thực hành tốt hay nó là một số thực hành tiêu chuẩn?

Có hai câu hỏi ở đây.

Hãy bắt đầu với cái đầu tiên:

Tại sao người ta sử dụng tỷ lệ vàng?

Bởi vì họ lười biếng, hoặc chỉ mù quáng làm theo lời khuyên mà không đặt nhiều suy nghĩ đằng sau nó. Thực tế là Tỷ lệ vàng chủ yếu là BS. Chà, BS có thể hơi khắc nghiệt, có thể một thuật ngữ tốt hơn là nó chủ yếu là tùy tiện. Các kết nối với kiến ​​trúc La Mã, các bậc thầy phục hưng và thậm chí cả thiên nhiên là vô cùng yếu và thường chỉ là xấp xỉ. tức là, một cái gì đó được tìm thấy là trong sân bóng của Tỷ lệ vàng, do đó, một huyền thoại hình thành nên nó thực sự dựa trên Tỷ lệ vàng.

Than ôi, có rất ít bằng chứng cho thấy có bất cứ điều gì độc đáo về tỷ lệ này về mặt hấp dẫn thẩm mỹ ngoài "hey, đó là một hình chữ nhật đẹp":

https://cogsci.stackexchange.com/questions/1627/is-golden-ratios-association-with-perceiving-beauty-a-myth

Cấp, không có gì sai khi sử dụng nó làm cơ sở cho bố cục hoặc nhãn hiệu, nhưng cũng không có gì đặc biệt về nó. Bạn có thể đi với bất kỳ tỷ lệ nào và coi nó là vững chắc nếu bạn mong muốn.

FYI, có rất nhiều câu hỏi về Tỷ lệ vàng trên trang web Thiết kế đồ họa SE này cũng như một số trang web SE khác.

Keith Devlin từ Stanford có một video thú vị về chủ đề này: http://vimeo.com/88132964

Câu hỏi khác:

Tại sao mọi người sử dụng vòng tròn để tạo logo

Câu trả lời theo nghĩa đen cho câu hỏi đó là mọi người sử dụng vòng kết nối vì đó là một công cụ hợp lệ. Cũng như các đường, hình chữ nhật, ngôi sao, màu sắc, hoa văn, họa tiết, v.v.

Đối với trường hợp cụ thể của logo Twitter mà bạn tham chiếu, điều đó xảy ra là logo cụ thể đó được thiết kế với các cung. Hoàn toàn là một quyết định của nhà thiết kế.

(Lưu ý bên cạnh, cần chỉ ra rằng con chim Twitter nguyên bản thực sự là một tác phẩm nghệ thuật chứng khoán. Nó không bao giờ thực sự được thiết kế như một logo).

Hình ảnh 'khẩu súng hút thuốc' từ bài báo được liên kết, IMHO, đây có phải là thứ gắn kết hai điều trên một cách độc đáo:

Điều này, để đặt nó độc đáo, là hoàn toàn nhảm nhí. Đây là một đồ họa giả tạo và không có cơ sở thực tế về thực tế của logo thực tế.

Để bắt đầu, logo Apple ban đầu được vẽ tự do . Không có mẫu vòng tròn thực tế đã được sử dụng. Các vòng tròn khác trong Apple chỉ đơn thuần là tùy tiện đặt ở đó sau khi thực tế. Các đường cong của quả táo không phải là cung tròn thực sự, nhưng hữu cơ và biến đổi hơn ... một cái gì đó trong thời xa xưa bạn sẽ sử dụng Đường cong Pháp cho. Logo sau đó đã được tinh chỉnh và làm sạch một chút, vì vậy vết cắn và lá? Chắc chắn, tôi sẽ cung cấp cho họ cái đó. Tuy nhiên, cuối cùng, tỷ lệ duy nhất trong logo này là tỷ lệ 'kích thước của miệng người thông thường so với tỷ lệ táo điển hình'.

Đối với Tỷ lệ vàng, hoàn toàn không có gì về logo Apple phù hợp với tỷ lệ vàng. Như bạn có thể hy vọng, họ chỉ cần đặt hình chữ nhật vàng lên trên mà không có bất kỳ vần điệu hoặc lý do. Họ đã cố gắng khéo léo bằng cách chọn các vòng tròn cụ thể và lắp ráp lại chúng thành một hình chữ nhật nhưng a) một vài trong số đó hoàn toàn tùy ý và b) Nếu bạn phải sắp xếp lại tất cả, thì dù sao nó cũng không tuân thủ Tỷ lệ vàng.

Điều này giống như các bộ phim Kho báu quốc gia hoặc Mật mã Da Vinci. Bí ẩn lịch sử thú vị - nhưng hoàn toàn hư cấu.

Tóm tắt

Tỷ lệ vàng là tốt, nhưng không có gì đặc biệt. Sử dụng nó nếu bất cứ điều gì bạn đang rút ra lợi ích từ nó. Bỏ qua nó khác.

Vòng tròn là tốt. Nếu logo của bạn sẽ có nhiều vòng cung, bạn sẽ muốn xây dựng nó ra khỏi các phân đoạn vòng tròn.

(Cập nhật, nó xuất hiện FastCompany đồng ý . Trích dẫn: Thật nhảm nhí. Các fona thẩm mỹ của tỷ lệ vàng là một huyền thoại đô thị, một huyền thoại, một con kỳ lân thiết kế. )

Không phải là hình tròn hay tỷ lệ vàng là một loại hằng số bắt buộc trong thiết kế logo. Những gì là không đổi trong thiết kế hiệu quả là tỷ lệ và tương tự (hoặc, đôi khi, tương phản).

Có nhiều tỷ lệ tự nhiên dựa trên tỷ lệ cơ sở. Tỷ lệ vàng là một, nhưng cũng có 4: 3, 3: 2, 2: 1, 1: 1, 1: 3.14159 và nhiều thứ khác. Tỷ lệ đơn giản hoạt động (và tỷ lệ vàng rất đơn giản, cũng như pi, mặc dù trong ký hiệu thập phân trông chúng có vẻ phức tạp). Hai đối tượng có tỷ lệ kích thước 5: 4 nhìn bên phải; trong tỷ lệ 127: 98, chúng không tạo ra hiệu ứng làm hài lòng như vậy. (Thử nó.)

Các mặt hàng có kích thước hoặc khoảng cách trong một tỷ lệ tự nhiên có xu hướng hài hòa. Tác động của Acropolis, Parthenon và các cấu trúc cổ đại khác xảy ra phần lớn bởi vì mọi kích thước chính đều tỷ lệ với cơ sở của cấu trúc, các kích thước nhỏ hơn nằm trong tỷ lệ của nhau hoặc với một trong các kích thước chính.

Tỷ lệ vàng (1: 1.618) hoạt động đặc biệt tốt đối với các dạng hữu cơ, nơi nó trông tự nhiên vì chúng ta bắt gặp nó ở mọi nơi trong tự nhiên. Tỷ lệ chiều dài của xương trong một bàn tay, khoảng cách các nhánh trong cây, các buồng của vỏ nautilus là tất cả các ví dụ về tỷ lệ vàng trong tự nhiên.

Điều đó có ý nghĩa thị giác tốt, sau đó, một con chim nhỏ lông mịn sẽ được biểu diễn bằng cách sử dụng các vòng tròn theo tỷ lệ vàng. Tỷ lệ "có vẻ đúng" với chúng tôi, vì nó quen thuộc. (Và chúng tôi khó có thể yêu những sinh vật nhỏ với những đường nét mềm mại và mũi dễ thương, nhưng đó là một chủ đề khác.)

Vẽ ra ba vòng tròn trong Illustrator, mỗi vòng lớn hơn chính xác 1/3 so với vòng tròn trước. Sắp xếp chúng gần nhau trên một trang và in nó. Bây giờ thay đổi kích thước của hai trong số các vòng tròn một cách tùy ý, do đó không có mối quan hệ kích thước đơn giản (tỷ lệ đơn giản về mặt toán học) giữa chúng. In trang đó. Nhìn từ cái này sang cái khác và so sánh hiệu ứng hình ảnh. Làm điều này một vài lần, với các hình dạng khác nhau. Bạn sẽ nhanh chóng thấy tại sao tỷ lệ quan trọng.

Sự tương đồng về hình dạng cũng có xu hướng hài hòa. Đã bắt đầu với một vòng tròn, bạn sẽ không giới thiệu một hình chữ nhật tùy ý. Nhưng bạn có thể đặt một hình vuông giao nhau hoặc bên trong một vòng tròn (như logo gd.se) để nó khớp chính xác hoặc có đường chéo chính xác bằng 2/3 hoặc 3/4 đường kính, mà không phá vỡ sự hài hòa.

Thật dễ dàng để tìm thấy mối tương quan giữa tỷ lệ vàng và tỷ lệ của các dạng tự nhiên, ví dụ, thực vật và động vật. Tất nhiên, sự tăng trưởng của các hình thức tự nhiên có thể thay đổi do, ví dụ, các yếu tố môi trường, vì vậy bạn sẽ không bao giờ tìm thấy một mối tương quan hoàn hảo. Tương tự như vậy nếu một nhà thiết kế có ý thức sử dụng phần vàng để thiết kế một sản phẩm, vẫn sẽ có những hạn chế sẽ ảnh hưởng đến mức độ tương quan.

Nếu bạn cảm thấy một hình dạng tự nhiên là đẹp bởi bản chất của sự sắp xếp các bộ phận của nó là hài hòa (theo nghĩa hình học), bạn có thể thấy tỷ lệ của nó tương quan với tỷ lệ vàng (và / hoặc tỷ lệ gốc liên quan).

Vì vậy, đối với các nhà thiết kế hiểu điều này, tỷ lệ vàng được sử dụng như một công cụ để giới thiệu cảm giác về tỷ lệ tự nhiên cho công việc của họ.

Tôi sử dụng nó để thiết kế các biểu tượng: http://www.designbygeometry.com/icon-design/

Bạn cũng có thể quan tâm đến phân tích này về lưới biểu tượng iOS của Apple: http://www.designbygeometry.com/ios-icon-grid-a-simple-geometrical-analysis/

Trong phân tích ở trên, bạn sẽ thấy rằng radi'i của các vòng tròn có liên quan bởi tỷ lệ vàng và căn bậc hai của hai.

Tôi đoán rằng nhiều nhà thiết kế sử dụng các vòng tròn vì các đường cong rất dễ tạo ra. Trong khi các đường cong trong các chi tiết kiến ​​trúc La Mã chủ yếu là các vòng cung, các đường cong kiến ​​trúc Hy Lạp có nguồn gốc từ các phần hình nón và được coi là thanh lịch hơn.

Nó giống như sự khác biệt giữa bán kính của bán kính biểu tượng trước iOS7 và đường cong góc biểu tượng iO7 mới hơn, tương quan tốt hơn với phần hình nón. IMHO, tôi nghĩ rằng sau này là đường cong thanh lịch hơn. Ngoài ra còn có một phân tích về đường cong này trên blog của tôi.

Chris Heath www.designbygeometry.com