Tỷ lệ vàng thiết kế website

Tỷ lệ vàng thiết kế website Là designer, thường cân nhắc nhiều bắt đầu dự án Một phân đoạn quan trọng làm việc với layout hệ thống để tạo không gian trống Thông thường, nhà thiết kế web dùng thư viện gridspaced CSS có nhiều cách để tạo layout đầy sáng tạo Hơm nay, tìm hiểu tỷ lệ vàng cách mà bạn áp dụng học đơn giản vào thiết kế Hầu hết kỹ thuật thảo luận viết áp dụng phạm vi rộng lớn nghệ thuật thiết kế, tập trung vào khía cạnh kỹ thuật Ngồi tỷ lệ vàng cơng cụ hữu ích khác hỗ trợ cho layout trang web Divine Proportion (Tỷ lệ thần thánh) Divine Proportion biết với tên Golden Ratio (Tỷ lệ vàng) Đó số tốn học có giá trị 1.618, sử dụng nhằm mơ tả tỷ lệ hai yếu tố Tỷ lệ sử dụng từ giai đoạn đầu thời kỳ Phục hưng, khái niệm nghệ thuật đương đại bắt đầu bùng nổ Các nghệ sĩ thời kỳ cân nhắc sử dụng tỷ lệ nhằm tạo lôi sức mạnh huyền bí kết hợp vào cơng việc thiết kế Hàng trăm năm trước, tỷ lệ thường sử dụng cho kiến trúc, điêu khắc tranh nghệ thuật, ngày sử dụng kỹ thuật tương tự nghệ thuật số đại Tỷ lệ mơ tả cách xác số tốn học Có vẻ khó hiểu thay biến phương trình cách sử dụng số thực tế Chúng ta có biến với tên gọi a b Các yếu tố đạt tỷ lệ vàng a+b/a tương đương với a/b Bạn thử với giá trị biến để xem nhận Cuối cùng, bạn có kết số 1.61803398 (hay 1.618) Khi khơng có giá trị cụ thể, chúng áp dụng cơng thức tỷ lệ vàng để tạo giá trị tương đương Sử dụng công thức tỷ lệ vàng giúp công việc thiết kế trở nên linh hoạt thấy liên hệ kích thước việc chọn lựa hàng tá số Các chức toán học tỷ lệ Một thủ thuật thú vị dùng tỷ lệ để biến đổi toàn hệ thống Ví dụ hệ thống 960 grid chia thành cột Chúng ta cột nên rộng để layout phạm vi tỷ lệ thần thánh, hồn tồn có đủ số liệu để tìm tỷ lệ 960 (đơn vị điểm ảnh) tương đương giá trị a+b Vì có chia 960 cho 1.618 để có chiều dài, đại diện cho biến a Trong trường hợp 960/1.618 593 px Sử dụng thơng tin này, lấy 960 trừ 593 để có chiều rộng cột 367 px Bạn kiểm tra lại câu trả lời cách lấy 593 + 367 (960) chia cho 593 Dựa cách tính tốn tôi, bạn nhận giá trị tương đương 1.618, xác tỷ lệ vàng Việc sử dụng kỹ thuật hoàn toàn cần thiết phát triển hệ thống layout cho website động Tỷ lệ thần thánh giúp thứ xếp theo cách tự nhiên hữu Ngồi bạn bố trí thiết kế thành hay cột layout nến bạn muốn Với lựa chọn này, bạn cần kiểm tra xác bạn làm tổng kích thước layout Nếu bạn gặp khó khăn việc tìm tỷ lệ cố định cho trang web, đừng phí cơng sức với yếu tố nhỏ Tỷ lệ vàng có tác dụng hướng dẫn cho bạn designer Miễn thiết kế bạn đạt mục đích riêng giữ giá trị tương đương cho cho toàn trang Tương tự quy luật ngón phổ biến, bạn sử dụng tỷ lệ 5:3- dù khơng xác tỷ lệ vàng đủ để giúp bạn tránh lỗi khơng đáng có Rule of Thirds (Quy tắc phần ba) thiết kế Tối ưu hóa layout khơng phải lúc hồn hảo Đây cách dùng cho thiết kế web khơng có lý chắn cho hướng dẫn xác Quy tắc phần ba đơn giản “lười biếng” áp dụng tỷ lệ vàng Nó khơng mang lại cho bạn kết tồi tệ hay website khó nhìn, ngược lại đằng khác Nhưng tỷ lệ thiết kế thông dụng mà nhiều người tiếp cận để tìm tính tốn xác Với nguyên tắc này, bạn phân chia hình ảnh nghệ thuật thành ô vuông Điều thực cách đặt đường ngang đường dọc vào tồn hình ảnh Bốn điểm giao đường thẳng “hot spots” cho website bạn Hay nói chung nên đặt nội dung quan trọng khu vực Một cách tiếp cận thú vị để giải vấn đề chia đôi cột lần Việc chia đơi cột giúp bạn có grid phân bố trang web bạn với tỷ lệ thiết lập Bằng cách này, hình vng bên trái chứa hầu hết yếu tố liên quan đến thương hiệu trang web bạn (logo, navigation, khu vực heading…) Ngồi hình vng bên phải chứa số thông tin quan trọng dọc theo trang web Tập trung vào điểm bên thiết kế giúp bạn tìm chỗ đặt heading, button,link … Nói cách khác, khơng phải ngun tắc mà tất designer phải tuân theo để giữ layout tầm kiểm soát Đây vô số nguyên tắc thiết kế chứng minh áp dụng layout website phức tạp Thậm chí dễ hơn việc dùng phần mềm thiết kế Adobe với công cụ sử dụng cho grid bạn Mọi thứ thật dễ dàng The Golden Rectangle (Tỷ lệ hình chữ nhật vàng) Tên tỷ lệ cho thấy tạo hình chữ nhật vàng cách áp dụng tỷ lệ mà chúng tơi thảo luận phương diện hình học Chiều dài hình chữ nhật nên có giá trị lớn dùng giá trị nhỏ cho biến số b Hình chữ nhật áp dụng cho thiết kế layout yếu tố đồ họa khác bao gồm logo icon nhỏ Những phần đặc biệt hình học giúp bạn định hướng layout yếu tố khác Cụ thể bạn phác thảo kho hình ảnh hiển thị với Flash mà không cần nội dung Những hình chữ nhật sử dụng cho footer sidebar cho yếu tố nhân widget Tất nhiên, nên ưu tiên sử dụng cho nội dung động Khi định vị hình ảnh công việc portfolio, bạn nên cân nhắc tỷ lệ hình chữ nhật vàng để phân định Các website thương mại điện tử sử dụng tỷ lệ tốt hơn, không hiển thị sản phẩm theo hàng mà có thơng tin hữu ích cột ngang hình chữ nhật vàng Tôi không gợi ý tất yếu tố sử dụng tỷ lệ hình chữ nhật vàng Trên thực tế cần cân nhắc nhiều yếu tố thực với alignment grid để tránh tạo lỗi khơng nên có Đây cơng cụ thêm vào để hỗ trợ Kết luận Chúng ta tìm hiểu kỹ tỷ lệ vàng để biết cách sử dụng tỷ lệ thiết kế đại Hệ thống grid cầu kỳ việc sử dụng tỷ lệ vàng giúp cố định tạo đàn hồi cho layout Bạn khơng nên phụ thuộc vào số tốn học việc xếp layout Nhưng bạn tạo lợi cách cân nhắc tỷ lệ cho grid layout trang web Hãy thử áp dụng ý tưởng vào thiết theo bạn cách cân nhắc thật cẩn trọng Hệ thống layout cấu trúc kết hợp với tỷ lệ tốn học tự nhiên giúp bạn có thiết kế web cao cấp đáng kinh ngạc  ... 1.618, xác tỷ lệ vàng Việc sử dụng kỹ thuật hoàn toàn cần thiết phát triển hệ thống layout cho website động Tỷ lệ thần thánh giúp thứ xếp theo cách tự nhiên hữu Ngồi bạn bố trí thiết kế thành hay... dụng tỷ lệ 5:3- dù khơng xác tỷ lệ vàng đủ để giúp bạn tránh lỗi khơng đáng có Rule of Thirds (Quy tắc phần ba) thiết kế Tối ưu hóa layout khơng phải lúc hồn hảo Đây cách dùng cho thiết kế web... tắc phần ba đơn giản “lười biếng” áp dụng tỷ lệ vàng Nó khơng mang lại cho bạn kết tồi tệ hay website khó nhìn, ngược lại đằng khác Nhưng tỷ lệ thiết kế thông dụng mà nhiều người tiếp cận để tìm