Cách làm giao diện website đẹp hơn dù không có năng khiếu thiết kế

Bạn không có năng khiếu thiết kế, không có khả năng hội họa, nhận thức như thế nào là một thiết kế web đẹp và phù hợp? Bài viết này sẽ chỉ cho các bạn các yếu tố để định nghĩa một trang web đẹp, cũng là Hướng dẫn những cách làm giao diện trang web đẹp hơn . Đừng lo, nó không quá khó đâu

# Hãy xác định nhu cầu thực tế

Một trang web đẹp là một định nghĩa không rõ ràng, vì sự đẹp - xấu thường được đánh giá theo mắt người nhìn và thường không giống nhau. Nhưng về cơ bản, 60% nhu cầu cho một trang web đa số người dùng sử dụng, không phải là một trang web cầu kì về hiệu ứng và siêu phẩm như Apple, các bộ phim bom tấn,v.v... thì 90% các bạn đều có khả năng làm được, tức là để giải quyết các vấn đề chính, nhu cầu thực của đại đa số mọi người. Các yếu tố thiết kế một trang web đẹp chỉ gói gọn, theo các yếu tố sau

cach lam giao dien web dep

# Đừng cố gắng sử dụng quá nhiều màu sắc

Một trang web quá nhiều màu sắc, đồng thời phối màu không đồng đều khiến trang web nhìn rất rẻ tiền và thiếu chuyên nghiệp. Hãy nắm cách phối màu sau:

## Sử dụng các tông màu đi hợp với nhau, đặc biệt là nên đi theo logo nếu đã có

Nếu bạn đang cố gắng chèn nhiều mắc sắc vào web của mình, cùng với hàng tá các màu gradient (màu phối) không ăn nhập sẽ là một thảm họa. Về việc phối màu này đơn giản nên kết hợp khoảng 2 tới 3 màu. 1 màu là quá ít, 2 tương đối, 3 là khá ổn (cũng là nhiều với một số trường hợp) Để dễ dàng trong việc phối màu, bạn có thể phối màu theo logo của web nếu web của bạn đã có logo, thiết kế theo tông màu của logo là rất đơn giản và dễ dàng. Trong trường hợp không có logo, hãy tham khảo trên website flatuicolor đây là trang web đưa ra các gợi ý về phối màu rất đẹp, bạn hãy tham khảo nhé!

## Hạn chế sử dụng quá 3 màu trên một giao diện trang web

Tôi biết là có nhiều logo và trang web sử dụng hơn 3 màu mà vẫn đẹp rồi, nhưng đây là hướng dẫn cho các bạn không có năng khiếu thiết kế và đây là cách dễ dàng cho bạn

# Bố cục trang web cần phải gọn gàng

Đây là một yếu tố mà rất nhiều trang web mắc phải, có quá nhiều khoảng trống khiến trang web nhìn rất ngô nghê và trống trải ở một số điểm. Chỗ thì đầy kín, chỗ thì quá thưa... thật sự với bố cục này nhìn rất thiếu chuyên nghiệp, bạn hãy cố gắng tránh các khoảng trống quá nhiều ở bố cục, đặc biệt ở các mục nội dung và widget

cach lam giao dien web dep

Đối với bố cục, bạn hãy phân chia ra các phân vùng nội dung rõ ràng: mục nội dung chính, menu, widget,... theo một phân vùng dễ nhận thấy bằng mắt để tránh bị rối mắt

cach lam giao dien web dep

Điều này tương tự với việc trình bày bố cục nội dung, hãy phân ra rõ ràng các vùng nội dung trên trang web. Đặc biệt đối với trang chủ của bạn, ví dụ: Slider hình ảnh, danh sách các sản phẩm nổi bật, sản phẩm mới,v.v.. cần phải tách biệt theo section để mắt người dễ nhận biết

# Hình ảnh và chữ cần được sắp xếp phù hợp, không bị lệch

Đây cũng là một vấn đề xảy ra rất nhiều, có thể bạn cũng gặp rồi. Đó là sự không cân bằng của chữ và hình ảnh gây ra tình trạng bố cục không đều

cach lam giao dien web dep

# Đừng cố gắng chèn quá nhiều hiệu ứng

Sử dụng hiệu ứng một cách khéo léo thì nó rất đẹp, nhưng nếu bạn không biết cách sử dụng nó đúng chỗ và để nó chạy một cách vô tội vạ. Việc lợi dụng hiệu ứng quá nhiều khiến trang web của bạn có trải nghiệm vô cùng tệ

# Sử dụng font chữ đúng cách

Việc sử dụng font trên web là một việc khá nhạy cảm. Vì khi sử dụng font bạn cần đảm bảo rằng font đó có thể load được trên mọi trình duyệt và hệ điều hành, cách đây 1 năm tôi đã từng gặp rắc rối với font Geomanist khi convert nó để chay trên Windows và các trình duyệt hiện hành đều ổn, nhưng khi thử trên máy Mac với trình duyệt Safari thì nó không chạy trên máy tính, nhưng Safari trên điện thoại lại chạy được.

Gợi ý ở đây là bạn hãy sử dụng các font an toàn và phổ biến, ví dụ như:

  1. Arial
  2. Times New Roman
  3. Helvetica
  4. Times
  5. Courier New
  6. Verdana
  7. Courier
  8. v.v...

Hoặc nếu sử dụng font khác, để an toàn, hãy sử dụng Google Font cho an toàn và dễ dàng nhé. Link Google Font ở đây: https://fonts.google.com/

# Tránh sử dụng table (bảng biểu) trên web

Bảng biểu (table) là kẻ thù của responsive, nếu web của bạn sử dụng một cái bảng với quá nhiều cột sẽ là một thảm họa khi xem dưới chế độ mobile. Nếu việc sử dụng bảng là bắt buộc, bạn hãy cố gắng không dùng quá 3 cột. Hoặc một cách đơn giản khác là sử dụng hình ảnh, ấn vào và mở chế độ xem ảnh phóng to lên để đọc nội dung bảng biểu trong ảnh.

# Tham khảo giao diện web khác

Rất đơn giản trong trường hợp bạn không có năng khiếu thiết kế, hãy tham khảo những cái hay nhất của họ, mình thường ghé các website của các bloger nổi tiếng và học hỏi họ ở cách trình bày trang web. Hoặc tham khảo trên themeforest, các mẫu web đẹp,v.v.. Vì mình rành code giao diện rồi, nhưng mắt thẩm mỹ mình đôi khi chưa tốt, nên việc học từ người khác là một con đường ngắn cho mình

# Kết luận

Để làm ra một trang web đẹp theo phong cách và đúng ý của mình là một điều khá là khó và bạn cần một thời gian cải tiến giao diện trang web của mình lên. Mình cũng khá là khó khăn trong chuyện này, nhưng mình lại đặc biệt thích các trang web dễ đọc nội dung và bố cục gọn gàng, chắc các bạn ghé thăm web mình cũng thấy rồi, nó khá là đơn giản. Ngoài các cách trên nếu bạn có ý kiến gì hay hãy đóng góp cho mình cùng học ở bình luận phía dưới bài viêt nhé. Cám ơn bạn.

MTHE


Ý kiến (0)

Tất cả các bình luận của bạn đều được ghi nhận, thông tin số điện thoại, email cá nhân sẽ được ẩn tự động. Chúng tôi sẽ kiểm duyệt trước khi đưa lên website


Chưa có ý kiến nào, hãy là người đầu tiên.

Thiết Kế Website MThe
034 244 0080