Tỷ lệ vàng hay còn được biết đến là giá trị vàng, tỷ lệ thần thánh hoặc chữ cái Hy Lạp Phi, từ lâu đã được nhắc đến ở khắp mọi nơi, mọi lĩnh vực như thiên nhiên, kiến trúc, hội họa và âm nhạc…Vậy tỷ lệ vàng là gì, nó được áp dụng nó như thế nào vào thiết kế như thế nào? Cùng LADYBUG khám phá những bí ẩn ngay sau đây.
Tỷ lệ vàng là gì?
Tỷ lệ vàng là một số đặc biệt xấp xỉ bằng 1,618. Bản thân tỷ lệ này bắt nguồn từ dãy Fibonacci, một dãy số xuất hiện tự nhiên có thể tìm thấy ở mọi nơi, từ số lượng lá trên cây cho đến hình dạng vỏ sò.
Dãy Fibonacci là dãy các chữ số, trong đó số phía sau bằng tổng của hai số đứng trước nó. Nó bắt đầu từ: 0, 1,1, 2, 3, 5, 8, 13, 21, v.v., cho đến vô cùng. Từ dãy số này, người Hy Lạp đã phát triển Tỷ lệ vàng để thể hiện rõ hơn điểm chung giữa hai số bất kỳ trong dãy số.
Vậy làm thế nào để ứng dụng tỷ lệ vàng trong thiết kế?
Câu trả lời là bạn có thể tìm thấy tỷ lệ vàng khi bạn chia một đoạn thẳng 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), cả hai bằng 1,618. Công thức này có thể giúp bạn khi tạo hình dạng, logo, bố cục, v.v.
Tỷ lệ vàng cũng có thể áp dụng để tạo ra bố cục hình chữ nhật.
Lấy một hình vuông và nhân một cạnh với số 1.618 để ra hình chữ nhật với tỷ lệ vàng.
Nếu bạn xếp chồng hình vuông trên hình chữ nhật, sẽ tạo ra 2 vùng thiết kế quan hệ với nhau theo 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 ở hình trên, bạn sẽ chia ra được những hình vuông nhỏ hơn.
Nếu bạn vẽ một hình xoắn ốc trên mỗi hình vuông, bắt đầu từ một góc và kết thúc ở góc đối diện, thì bạn sẽ tạo ra đường cong đầu tiên của dãy Fibonacci (còn được gọi là Xoắn ốc vàng).
Cách sử dụng tỷ lệ vàng trong thiết kế
1. Typography và xác định thứ bậc
Tỷ lệ vàng có thể giúp bạn tìm ra kích thước phông chữ nên sử dụng cho tiêu đề và nội dung trên trang web, trang đích, bài đăng trên blog hoặc thậm chí là các sản phẩm in ấn.
Giả sử bản sao nội dung của bạn là 12px. Nếu bạn nhân 12 với 1,618, bạn sẽ nhận được 19,416, nghĩa là kích thước văn bản tiêu đề là 19px hoặc 20px sẽ tuân theo Tỷ lệ vàng và cân bằng với kích thước phông chữ.
2. Cắt và thay đổi kích thước hình ảnh
Khi cắt ảnh, bạn dễ dàng xác định khoảng trắng để cắt bỏ nhờ việc áp dụng tỷ lệ vàng. Tuy nhiên, làm cách nào để đảm bảo hình ảnh vẫn cân bằng sau khi bạn thay đổi kích thước?
Bạn có thể sử dụng Xoắn ốc Vàng làm kim chỉ nam cho bố cục của hình ảnh.
Ví dụ: nếu bạn phủ tỷ lệ vàng vàng lên một hình ảnh, bạn có thể đảm bảo rằng tiêu điểm nằm ở giữa hình xoắn ốc.
3. Bố cục của thiết kế
Tận dụng Tỷ lệ vàng có thể giúp bạn thiết kế giao diện người dùng trực quan hấp dẫn, thu hút sự chú ý của người dùng đến điểm nổi bật của bố cục thiết kế.
Ví dụ: một trang làm nổi bật khối nội dung rộng ở bên trái với cột hẹp hơn ở bên phải có thể tuân theo tỷ lệ của Tỷ lệ vàng và giúp bạn quyết định nơi đặt nội dung quan trọng
4. Phát triển logo
Nếu bạn đang thiết kế một logo mới và cảm thấy bế tắc, hãy chuyển sang Tỷ lệ vàng để giúp bạn phác thảo tỷ lệ và hình dạng. Nhiều logo phổ biến tuân theo Tỷ lệ vàng, như Twitter, Apple và Pepsi.
Nhà thiết kế Kazi Mohammed Erfan thậm chí còn thử thách bản thân tạo ra 25 logo mới hoàn toàn dựa trên Tỷ lệ vàng. Kết quả là toàn bộ logo mới tạo ra đều là các biểu tượng đơn giản, cân đối và đẹp mắt.
Các công cụ giúp bạn sử dụng tỷ lệ vàng
Dưới đây là năm công cụ giúp bạn sử dụng Tỷ lệ vàng trong thiết kế của mình:
- Golden Ratio Calculator: Tính toán cạnh ngắn hơn, cạnh dài hơn và chiều dài kết hợp của hai cạnh để tìm ra Tỷ lệ vàng.
- GoldenRATIO : Được tạo cho các nhà thiết kế và nhà phát triển, ứng dụng này cung cấp cho bạn một cách dễ dàng để thiết kế trang web, giao diện, bố cục, v.v. theo Tỷ lệ vàng. Nó bao gồm một máy tính tích hợp với phản hồi trực quan và các tính năng lưu trữ vị trí và cài đặt màn hình, vì vậy bạn không cần phải sắp xếp lại Tỷ lệ vàng cho mọi tác vụ.
- Golden Ratio Typography Calculator : Khám phá kiểu chữ hoàn hảo cho trang web của bạn bằng cách nhập kích thước và chiều rộng phông chữ của bạn. Bạn có thể tối ưu hóa dựa trên kích thước phông chữ, chiều cao dòng, chiều rộng và ký tự trên mỗi dòng.
- PhiMatrix : Phần mềm phân tích và thiết kế Tỷ lệ vàng này có các lưới và mẫu có thể tùy chỉnh mà bạn có thể phủ lên bất kỳ hình ảnh nào. Nó có thể được sử dụng để thiết kế và sáng tác, thiết kế sản phẩm, phát triển logo, v.v.
- Golden Ratio Sketch resource : Tải xuống tệp Phác thảo miễn phí của Xoắn ốc Vàng để trợ giúp về bố cục hình ảnh và bố cục.
Lời kết
Tỷ lệ vàng chắc chắn là một khái niệm đặc biệt với các tính chất độc đáo của nó. Giống như nhiều bí ẩn khác trong cuộc sống, nó cung cấp cho chúng ta cái nhìn sâu sắc và thấu hiểu hơn về bản chất vạn vật. Để ứng dụng tỷ lệ vàng để đạt hiệu quả cao trong công việc thì vẫn còn là một câu hỏi khó. Nếu bạn đang loay hoay trong việc thiết kế logo cho chính doanh nghiệp của mình, xây dựng typography phù hợp… hãy liên hệ ngay với LADYBUG để được tư vấn giải pháp phù hợp nhất nhé.