Kim tự tháp Giza và Mona Lisa của Da Vinci có điểm gì chung với X (trước đây là Twitter) và Pepsi? Trả lời nhanh: Tất cả chúng đều được thiết kế bằng Tỷ lệ vàng.
Tỷ lệ vàng là một tỷ lệ toán học. Nó thường được tìm thấy trong tự nhiên, và khi được sử dụng trong một thiết kế, nó thúc đẩy các tác phẩm hữu cơ và tự nhiên có tính thẩm mỹ cho mắt. Nhưng chính xác thì Tỷ lệ vàng là gì và làm thế nào bạn có thể sử dụng nó để cải thiện thiết kế của riêng bạn?
Tỷ lệ vàng là gì?
Nói một cách đơn giản nhất có thể (eek!), Tỷ lệ vàng (còn được gọi là Phần vàng, Ý nghĩa vàng, Tỷ lệ thần thánh hoặc chữ Hy Lạp Phi) tồn tại khi một đường thẳng được chia thành hai phần và phần dài hơn (a) chia cho phần nhỏ hơn (b) bằng tổng của (a) + (b) chia cho (a), mà cả hai đều bằng 1.618.
Nhưng đừng để tất cả các phép toán làm bạn thất vọng. Trong thiết kế, Tỷ lệ vàng tập trung vào tính thẩm mỹ – tạo ra và đánh giá cao cảm giác về cái đẹp thông qua sự hài hòa và tỷ lệ. Khi áp dụng vào thiết kế, Tỷ lệ vàng mang lại cảm giác nghệ thuật; một yếu tố X; a certain je ne sais quoi.
Sự hài hòa và tỷ lệ này đã được công nhận trong hàng ngàn thế kỷ: từ Kim tự tháp ở Giza đến đền Parthenon ở Athens; từ Sự sáng tạo của Adam trên trần nhà nguyện Sistine của Michelangelo đến Mona Lisa của Da Vinci;và từ logo Pepsi đến Định nghĩa của Tỷ lệ vàng. Cơ thể và khuôn mặt của chúng ta thậm chí còn tuân theo tỷ lệ toán học:
Trên thực tế, bộ não của chúng ta dường như có dây cứng ưu tiên các đối tượng và hình ảnh sử dụng Tỷ lệ vàng. Nó gần như là một điểm thu hút tiềm thức và thậm chí những điều chỉnh nhỏ làm cho hình ảnh chân thực hơn với Tỷ lệ vàng cũng có tác động lớn đến bộ não của chúng ta.
Tỷ lệ vàng cũng có thể được áp dụng cho các hình dạng. Lấy một hình vuông và nhân một cạnh của 1.618 và bạn sẽ có được một hình chữ nhật có tỷ lệ hài hòa:
Bây giờ, nếu bạn đặt hình vuông trên hình chữ nhật, hai hình dạng sẽ cho bạn Tỷ lệ vàng:
Nếu bạn tiếp tục áp dụng công thức Tỷ lệ vàng cho hình chữ nhật mới ở ngoài cùng bên phải của hình trên, cuối cùng bạn sẽ nhận được sơ đồ này với các hình vuông nhỏ dần dần:
Whoa! Cần nghỉ ngơi? Chờ đã, chỉ cần một vài người lúng túng tâm trí để đi.
Nếu bạn lấy sơ đồ Tỷ lệ vàng của chúng tôi ở trên và vẽ một vòm ở mỗi ô vuông, từ góc này sang góc đối diện, bạn sẽ vẽ đường cong đầu tiên của Vòng xoắn ốc vàng (hoặc Dãy Fibonacci) – một chuỗi trong đó mẫu của mỗi số là tổng của hai số trước đó. Bắt đầu từ số 0, dãy là:0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144… và vân vân.
Bằng cách thêm vòm vào mỗi ô vuông, bạn sẽ kết thúc với sơ đồ của Golden Spiral:
Bạn sẽ tìm thấy sinh vật xinh đẹp này trong suốt các hình thức của thiên nhiên – dương xỉ, hoa, vỏ sò, thậm chí cả bão – đó có lẽ là lý do tại sao chúng ta thấy nó rất hấp dẫn về mặt thị giác. Bởi vì, nó thực sự là thiên nhiên tốt nhất của nó.
Bây giờ, hãy tiến thêm một bước nữa và theo dõi một vòng tròn trong mỗi ô vuông — sau đó bạn sẽ có các vòng tròn theo tỷ lệ 1: 1.618 và có tỷ lệ cân bằng với nhau.
Vì vậy, bây giờ chúng ta đã có hình vuông, hình chữ nhật và hình tròn mà tất cả đều tuân theo Tỷ lệ vàng và rắc phép thuật (số) lên thiết kế của bạn.
Xong với những lời giải thích?
Cách áp dụng Tỷ lệ vàng cho thiết kế của bạn
Bây giờ bạn đã bị đánh bại với lý thuyết đằng sau Tỷ lệ vàng, hãy bắt đầu tìm hiểu làm thế nào nó có thể được sử dụng để cải thiện thiết kế của bạn.
Bạn có thể áp dụng Tỷ lệ vàng cho nhiều yếu tố thành phần trong thiết kế của mình, bao gồm bố cục, khoảng cách, nội dung, hình ảnh và biểu mẫu.
01. Bố cục: Đặt kích thước của bạn với Tỷ lệ vàng
Hãy coi Tỷ lệ vàng là một hướng dẫn hữu ích để xác định kích thước của bố cục. Một cách rất đơn giản để áp dụng Tỷ lệ vàng là đặt kích thước của bạn thành 1: 1.618.>
Ví dụ: lấy bố cục chiều rộng 960 pixel điển hình của bạn và chia nó cho 1.618. Bạn sẽ nhận được 594, đây sẽ là chiều cao của bố cục.
Bây giờ, hãy chia bố cục đó thành hai cột bằng cách sử dụng Tỷ lệ vàng và thì đấy! Làm việc trong hai hình dạng này, bố cục của bạn sẽ tuân theo tỷ lệ hài hòa của Tỷ lệ vàng.
Bố cục hai cột rất phù hợp với thiết kế web và bạn sẽ thấy nhiều nội dung trực tuyến ở định dạng này. Địa lý quốc gia chắc chắn đã áp dụng bố cục và sử dụng nó cho một trang web sạch sẽ, dễ đọc, được tổ chức tốt. Nó cung cấp cho độc giả một trang web có ý thức tự nhiên về trật tự, cân bằng và phân cấp.
Kiểm tra các Bìa sách kiểu chữ ảnh thang độ xám và Tòa nhà chọc trời thang độ xám Teen Fiction Bìa sách Wattpad. Mẫu.
02. Khoảng cách: Bố cục với sơ đồ Tỷ lệ vàng
Khoảng cách là một yếu tố quan trọng của bất kỳ thiết kế nào, có thể là việc sử dụng không gian âm hoặc tích cực, và nó thường có thể tạo ra hoặc phá vỡ kết quả cuối cùng. Xác định khoảng cách của các yếu tố có thể là một việc khá tốn thời gian; thay vào đó, hãy bắt đầu với sơ đồ Tỷ lệ vàng và để các ô vuông hướng dẫn nơi bạn đặt từng phần tử. Điều này sẽ đảm bảo khoảng cách và tỷ lệ của bạn được tính toán, thay vì ‘bản năng’, vì bất kỳ điều chỉnh nhỏ nào để đạt được Tỷ lệ vàng đều có thể tạo ra sự khác biệt.
Ngoài ra, nếu bạn đang xử lý một số yếu tố, bạn có thể xếp lớp một số sơ đồ Tỷ lệ vàng để tiếp tục tỷ lệ nhất quán trong suốt thiết kế của mình.
Studio thiết kế Tâm trạng đã phát triển một bộ nhận diện thương hiệu cho lễ hội nghệ thuật biểu diễn Bregenzer Festspiele bao gồm một logo, logo và thiết kế cắt dán áp dụng cho các chương trình, playbill và các chiến dịch ngoài trời. Playbill có ảnh ghép và minh họa và logo gợn sóng với nhiều không gian chưa in. Tỷ lệ vàng được sử dụng để xác định kích thước và vị trí của từng phần tử để đảm bảo lớp phủ cân đối.
Cơ quan thiết kế có trụ sở tại Singapore Đồ họa chanh tạo ra một bản sắc trực quan cho Terkaya Wealth Management. Ở đây, ba yếu tố thiết kế của danh thiếp – đại bàng nhỏ, văn bản và đại bàng lớn – tất cả đều phù hợp với một phần khác nhau của Tỷ lệ vàng.
Thêm vào đó, đặt một Tỷ lệ vàng trên đại bàng nhỏ và nó cũng phù hợp với tỷ lệ.
Đưa thương hiệu của bạn ra khỏi đó với Lễ hội âm nhạc giữa mùa hè và Danh thiếp Orange Photo Event Planner Mẫu.
03. Nội dung:Trace the Golden Spiral
Golden Spiral có thể được sử dụng như một hướng dẫn để xác định vị trí của nội dung. Mắt của chúng ta tự nhiên bị thu hút vào trung tâm của hình xoắn ốc, đó là nơi nó sẽ tìm kiếm chi tiết, vì vậy hãy tập trung thiết kế của bạn vào trung tâm của xoắn ốc và đặt các khu vực quan tâm thị giác trong hình xoắn ốc.
Trang web này của và dành cho nhà thiết kế đồ họa Tim Roussilhe trông khá dày đặc nội dung nhưng được tổ chức rất tốt theo Golden Ratio và Golden Spiral, tập trung vào văn bản ở phần trên bên trái của trang web. Mắt của bạn bắt đầu ở trung tâm trên cùng với “Bonjour Tên tôi là Tim.” Sau đó, nó đi qua mô tả về những gì Tim làm, đến các nút menu, chạm vào logo ở góc trên cùng bên trái, trước khi nghỉ ngơi trong không gian âm, đã hấp thụ tất cả các chi tiết cần thiết.
Nội dung rõ ràng nhất trở nên dày đặc hơn khi vòng xoáy tiến triển trong bản sắc hình ảnh này cho Saastamoisen säätiö. Kích thước của mỗi chữ cái được giảm cũng như khoảng cách giữa mỗi chữ cái khi mắt đến gần xoắn ốc hơn. Các chữ cái không nhất thiết phải đọc theo thứ tự nhưng có đủ sự lặp lại để nó trở nên quen thuộc.
Hội thảo Helms thiết kế thương hiệu này cho Nhà máy bia Fullsteam và sử dụng Golden Ratio và Golden Spiral cho bố cục và nội dung. Các yếu tố khác nhau của thiết kế phù hợp với các hình vuông riêng biệt và mắt được vẽ qua nhân vật chính, đến tem, ABV và nơi sản xuất. Ý định của Helms Workshop cho Fullsteam là tạo ra một “câu chuyện thương hiệu xung quanh một chủ đồn điền steampunk bán hư cấu từ một cái tên xa xôi…” Golden Spiral giúp kể câu chuyện trên nhãn khi chúng tôi chọn chi tiết về cả anh ấy và thương hiệu.
Một thiết kế cân bằng tốt có thể trình bày thông tin rõ ràng hơn một cách hiệu quả. Hãy thử Tài liệu quảng cáo du lịch Trifold hiện đại màu cam và Brochure y tế ảnh màu xanh nhạt Mẫu.
04. Hình ảnh:Tỷ lệ vàng (hoặc Quy tắc một phần ba)
Bố cục rất quan trọng đối với bất kỳ hình ảnh nào, cho dù đó là để truyền tải thông tin quan trọng hay để tạo ra một bức ảnh thẩm mỹ. Tỷ lệ vàng có thể giúp tạo ra một bố cục sẽ thu hút ánh nhìn vào các yếu tố quan trọng của bức ảnh. Sử dụng Tỷ lệ vàng, bạn chia hình ảnh thành ba phần không bằng nhau sau đó sử dụng các đường và giao điểm để tạo thành hình ảnh.
Tỷ lệ là 1: 0,618: 1 – vì vậy chiều rộng của cột dọc thứ nhất và thứ ba sẽ là 1 và chiều rộng của cột dọc trung tâm sẽ là 0,618. Tương tự như vậy, với các hàng ngang:chiều cao của hàng ngang thứ nhất và thứ ba sẽ là 1 và chiều rộng của hàng trung tâm sẽ là 0,618. Bây giờ hãy sử dụng những đường thẳng và giao điểm đó để thu hút ánh nhìn của người xem và tập trung sự chú ý. Nó cũng tạo ra sự căng thẳng và thêm sự thú vị và năng lượng cho bố cục.
Một cách khác (và được đơn giản hóa một chút) để Cắt hình ảnh thông qua Tỷ lệ vàng là sử dụng Quy tắc một phần ba. Nó không chính xác như Tỷ lệ vàng nhưng nó sẽ giúp bạn đến khá gần. Đối với Quy tắc một phần ba, hãy thiết lập tất cả các đường thẳng đứng và ngang thành 1: 1: 1 sao cho tất cả các khoảng trắng bằng nhau và đồng đều. Căn chỉnh các yếu tố quan trọng của hình ảnh xung quanh hình chữ nhật trung tâm một cách lý tưởng ở bốn góc của nó.
Trang bìa này cho tạp chí Complex, có Solange Knowles, sử dụng Tỷ lệ vàng để xác định tỷ lệ không gian dương và âm. Đỉnh mũi của Solange và (gần như) trán của cô ấy đạt đến đường ngang trên cùng; trong khi mũi và mắt của cô rơi vào hai đường thẳng đứng xung quanh hình chữ nhật trung tâm.
Jason Mildren đã thiết kế trang bìa này cho tạp chí Pilot và nó hoạt động với Quy tắc một phần ba. Có sự quan tâm ở các góc của hình chữ nhật trung tâm, trong khi trung tâm đó, phần lớn là trống rỗng. Ánh mắt của người mẫu rơi chính xác vào một góc và đang đâm vào khán giả.
Trang bìa này của tạp chí Feld sử dụng cắt xén Tỷ lệ vàng để căn giữa mắt của người mẫu trên trang bìa. Nó hoạt động tốt vì anh ta lệch tâm và một bên mặt của anh ta gần như thẳng hàng với hướng dẫn dọc bên trái.
Và nhìn chung, bố cục của bìa theo Tỷ lệ vàng và Vòng xoắn ốc vàng. Nội dung được tập trung trong xoắn ốc và nó trở nên chi tiết hơn về phía trung tâm của xoắn ốc.
Có được cái nhìn với Typographic Quote Đồ họa truyền thông xã hội và Olive Green Diamond Hug Your Cat Day Đồ họa truyền thông xã hội. Mẫu.
05. Hình thức:Vòng tròn vàng
Cũng giống như Tỷ lệ vàng có thể được khai thác để tạo ra các hình vuông và hình chữ nhật có tỷ lệ hài hòa với nhau, nó cũng có thể được áp dụng để tạo ra các hình tròn. Một vòng tròn hoàn hảo trong mỗi ô vuông của sơ đồ sẽ tuân theo tỷ lệ 1: 1.618 với hình tròn trong hình vuông liền kề.
Sử dụng Vòng tròn vàng sẽ tạo ra không chỉ sự hài hòa và cân đối mà còn nhất quán trong suốt hình thức. Hãy quay trở lại Pepsi và X (Twitter) tại đây.
Logo Pepsi dựa trên hai vòng tròn giao nhau theo Tỷ lệ vàng. Trong khi vòng tròn nhỏ hơn không dễ dàng rõ ràng trong lần lặp cuối cùng, nó tạo thành cơ sở của lát trắng thông qua trung tâm của logo.
Logo Twitter sử dụng hình học và chủ yếu dựa trên Vòng tròn hoàn hảo. Có một chút thiếu chính xác khi căn chỉnh nó với Tỷ lệ vàng nhưng phần lớn, logo Twitter dường như sử dụng Vòng tròn vàng để cân bằng, trật tự và hài hòa.
Bạn có thể sử dụng các yếu tố khác nhau của Tỷ lệ vàng để thiết kế tốt hơn. Các tinh chỉnh có thể tinh tế, nhưng đó có thể là tất cả những gì cần thiết để đi từ thiết kế tốt đến thiết kế tuyệt vời, đặc biệt là trong mắt người nhìn.
Như György Dóczi viết trong Sức mạnh của giới hạn, “Sức mạnh của phần vàng để tạo ra sự hài hòa phát sinh từ khả năng độc đáo của nó để hợp nhất các phần khác nhau của một tổng thể để mỗi phần bảo tồn bản sắc riêng của mình và hòa trộn vào mô hình lớn hơn của một tổng thể duy nhất.”
Tham khảo: Canva.com