Nói đến thiết kế là nói đến cái đẹp nhưng nói đến trải nghiệm người dùng thì phải nói đến khái niệm "tốt" - tức là phù hợp. Trong thiết kế website để đáp ứng được trải nghiệm người dùng thì một thiết kế tốt sẽ cần thiết hơn là một thiết kế đẹp.
Grey Ants sẽ cùng bạn nghiền ngẫm những quy luật ngầm của một thiết kế website tốt.
Sử dụng sans serif cho chữ trong thiết kế website là một ý hay nhưng cần nhất là chữ phải dễ đọc. Hãy tránh những kiểu chữ thường sử dụng cho văn chương, tiểu thuyết, tác phẩm nghệ thuật trừ trường hợp muốn thể hiện chất nghệ thuật cho website
Việc tạo khoảng trống giữa các dòng cho từng hạng mục khác nhau sẽ giúp người xem dễ dàng theo dõi hết trang website vì tạo cảm giác thư thái, đặc biệt là thiết kế web chạy trên di động. Không có quy luật chung nào cho các khoảng trống nhưng một số hình thức phổ biến: khoảng trống giữa các dòng bằng 125% so với cỡ chữ cho giao diện chung, còn riêng với thiết bị di động khoảng trống giữa các dòng bằng 150% so với cỡ chữ
Các font chữ tròn và có không gian bên trong chữ rộng rãi, thông thoáng mà chúng tôi hay gọi đùa là font chữ "mập" sẽ tạo cảm giác quen thuộc cho người dùng. Ngay từ lúc bắt đầu học đọc và viết, trẻ em luôn được tiếp xúc với những chữ "tròn & mập" để giúp chúng nhận diện được các chữ khác nhau một cách dễ dàng. Do đó việc ứng dụng tâm lý trong miền ký ức của mỗi người sẽ giúp tăng khả năng trải nghiệm người dùng cho website tốt nhất
Mỗi nhà thiết kế có những lựa chọn khác nhau cho độ lớn của tiêu đề so với các chữ trong phần nội dung. Tuy nhiên đa số mọi người đều đồng tình về số lượng ký tự cho 1 dòng từ 45 -60 để đảm bảo không gian thư thái cho việc đọc
So với các dòng chữ in thì kiểu chữ với chữ cái đầu được viết hoa sẽ tạo cảm giác dễ đọc cho phần nội dung hơn. Nhưng vấn đề đặt ra là chiều cao của các chữ viết thường sẽ là bao nhiêu so với chữ cái viết hoa đầu tiên? 2/3 hoặc 3/4 là chiều cao lý tưởng được nhiều người bầu chọn.
Nên lưu ý về khoảng cách giữa các con chữ hoặc ký tự để mang lại sự đồng bộ dù bạn đang kết hợp nhiều font, nhiều kích cỡ trong cùng một không gian
Thiết kế phải kết hợp với toán học để có một giao diện website hài hoà trong tổng thể. Sau khi xác định điểm nhấn trong thiết kế giao diện là heading, title hay body text; kết hợp với phần khoảng cách giữa các dòng ta sẽ có được bài toán tỷ lệ cho việc xác định kích cỡ chữ ban đầu cho phù hợp.
Rất rõ ràng trên các thiết kế giao diện website phần nền luôn đóng vai trò chủ đạo trong việc thu hút người dùng. Do đó đừng giới hạn các lựa chọn cho phần nền chỉ vì kỹ năng xử lý font chữ chưa tốt. Một trong những yếu tố lựa chọn font chữ là nét chữ: nét quá mảnh sẽ khó đọc do việc nhận diện từng ký tự trở nên khó khăn, nét quá dày sẽ tạo cảm giác thô
Tuỳ vào mục tiêu của từng dự án nhưng luôn lưu ý việc sử dụng quá nhiều font chữ sẽ làm phiền mắt, gây rối loạn tâm trí người xem. "Dù gái hay trai, chỉ hai là đủ"
Nền thường trắng và màu xám thì chữ sẽ được ưu tiên với màu đen, xám (hoặc ngược lại) để tạo độ tương phản cao giữa chữ trên nền giúp dễ đọc dễ tiếp nhận
Nhiều khi bạn thấy thiết kế website cho doanh nghiệp mình có gì đó "sai sai' hoặc chưa ổn nhưng không biết vì đâu. Có thể do những quy luật ngầm này đấy nhé mà chẳng ai chia sẽ với bạn. Hãy thường xuyênt trao đổi với Grey Ants để người người nhà nhà đều được làm đẹp một cách chỉnh chu nhất.
Biên tập: Grey Ants Design
Grey Ants sẽ cùng bạn nghiền ngẫm những quy luật ngầm của một thiết kế website tốt.
Luật "đọc được"
Sử dụng sans serif cho chữ trong thiết kế website là một ý hay nhưng cần nhất là chữ phải dễ đọc. Hãy tránh những kiểu chữ thường sử dụng cho văn chương, tiểu thuyết, tác phẩm nghệ thuật trừ trường hợp muốn thể hiện chất nghệ thuật cho website
Luật "tạo khoảng trống"
Việc tạo khoảng trống giữa các dòng cho từng hạng mục khác nhau sẽ giúp người xem dễ dàng theo dõi hết trang website vì tạo cảm giác thư thái, đặc biệt là thiết kế web chạy trên di động. Không có quy luật chung nào cho các khoảng trống nhưng một số hình thức phổ biến: khoảng trống giữa các dòng bằng 125% so với cỡ chữ cho giao diện chung, còn riêng với thiết bị di động khoảng trống giữa các dòng bằng 150% so với cỡ chữ
Luật "tròn và mập"
Các font chữ tròn và có không gian bên trong chữ rộng rãi, thông thoáng mà chúng tôi hay gọi đùa là font chữ "mập" sẽ tạo cảm giác quen thuộc cho người dùng. Ngay từ lúc bắt đầu học đọc và viết, trẻ em luôn được tiếp xúc với những chữ "tròn & mập" để giúp chúng nhận diện được các chữ khác nhau một cách dễ dàng. Do đó việc ứng dụng tâm lý trong miền ký ức của mỗi người sẽ giúp tăng khả năng trải nghiệm người dùng cho website tốt nhất
Luật "kích cỡ"
Mỗi nhà thiết kế có những lựa chọn khác nhau cho độ lớn của tiêu đề so với các chữ trong phần nội dung. Tuy nhiên đa số mọi người đều đồng tình về số lượng ký tự cho 1 dòng từ 45 -60 để đảm bảo không gian thư thái cho việc đọc
Luật "chiều cao"
So với các dòng chữ in thì kiểu chữ với chữ cái đầu được viết hoa sẽ tạo cảm giác dễ đọc cho phần nội dung hơn. Nhưng vấn đề đặt ra là chiều cao của các chữ viết thường sẽ là bao nhiêu so với chữ cái viết hoa đầu tiên? 2/3 hoặc 3/4 là chiều cao lý tưởng được nhiều người bầu chọn.
Luật "khoảng cách"
Nên lưu ý về khoảng cách giữa các con chữ hoặc ký tự để mang lại sự đồng bộ dù bạn đang kết hợp nhiều font, nhiều kích cỡ trong cùng một không gian
Luật "tỷ lệ"
Thiết kế phải kết hợp với toán học để có một giao diện website hài hoà trong tổng thể. Sau khi xác định điểm nhấn trong thiết kế giao diện là heading, title hay body text; kết hợp với phần khoảng cách giữa các dòng ta sẽ có được bài toán tỷ lệ cho việc xác định kích cỡ chữ ban đầu cho phù hợp.
Luật "nét chữ"
Rất rõ ràng trên các thiết kế giao diện website phần nền luôn đóng vai trò chủ đạo trong việc thu hút người dùng. Do đó đừng giới hạn các lựa chọn cho phần nền chỉ vì kỹ năng xử lý font chữ chưa tốt. Một trong những yếu tố lựa chọn font chữ là nét chữ: nét quá mảnh sẽ khó đọc do việc nhận diện từng ký tự trở nên khó khăn, nét quá dày sẽ tạo cảm giác thô
Luật "số lượng"
Tuỳ vào mục tiêu của từng dự án nhưng luôn lưu ý việc sử dụng quá nhiều font chữ sẽ làm phiền mắt, gây rối loạn tâm trí người xem. "Dù gái hay trai, chỉ hai là đủ"
Luật "tương phản"
Nền thường trắng và màu xám thì chữ sẽ được ưu tiên với màu đen, xám (hoặc ngược lại) để tạo độ tương phản cao giữa chữ trên nền giúp dễ đọc dễ tiếp nhận
Nhiều khi bạn thấy thiết kế website cho doanh nghiệp mình có gì đó "sai sai' hoặc chưa ổn nhưng không biết vì đâu. Có thể do những quy luật ngầm này đấy nhé mà chẳng ai chia sẽ với bạn. Hãy thường xuyênt trao đổi với Grey Ants để người người nhà nhà đều được làm đẹp một cách chỉnh chu nhất.
Biên tập: Grey Ants Design
Liên hệ để báo giá thiết kế website:
GREY ANTS DESIGN - Nhóm thiết kế đồ hoạ freelance
77A Đường 3/2, Quận 10, TPHCM
Tel: +(848) 6274 5875 - Mobile: 0124 619 3909
Skype: greyants.design - Email: greyants.design@gmail.com
VỀ CHÚNG TÔI
Nhận xét
Đăng nhận xét