5 mẹo đơn giản giúp trang web của bạn trông đẹp mắt

Viết bởi

trong

5-Simple-Ways-To-Make-Your-Website-Look-GoodIn general, one thing that most people tend to overlook is today’s demand for functional design and aesthetics. While not all of us may be aware of the extent of just how much it matters, the fact remains that design is a very crucial factor towards success—any kind of success– including your website’s. Yes, your content is an important key towards reeling your audience in, but how your site looks will definitely be a determining factor as well.

Dưới đây là một số mẹo cơ bản về những điều bạn có thể làm để cải thiện thiết kế trang web của mình.

Add high-quality images

You want to add the best quality images on your website that reflect your brand style, but if you don’t have a high-resolution camera or the money to pay a photographer, you can get free stock photos from sources like Pexels and Pixabay. Images should pertain directly to the content of your site. Including images is always better than no images at all.

Chọn màu sắc phù hợp

booneselections
Lawrence Boone Selections uses black to add a sense of luxury and value to their website
juicebox
Juicebox used this zesty combination for people to get that organic and fresh that the brand represents

Bảng màu của trang web đóng một vai trò lớn trong việc tạo ra tông màu và cảm xúc phù hợp cho thương hiệu của bạn. Chọn một màu sắc đẹp không nhất thiết có nghĩa đó là màu đúng. Mỗi màu sắc đều truyền tải một thông điệp và phản hồi khác nhau. Màu sắc là một trong những điều đầu tiên mà khách truy cập trang web chú ý và nó thực sự có thể tác động đến thành công của trang web của bạn.

Chọn tối đa hai đến ba màu cơ bản cho thiết kế của bạn. Nếu bạn cảm thấy cần thêm nhiều màu sắc hơn, bạn có thể tận dụng các sắc độ sáng (tint) và sắc độ tối (shade) của các màu cơ bản. Trong lý thuyết màu sắc, tint là sự pha trộn của một màu với màu trắng, giúp tăng độ sáng, trong khi shade là sự pha trộn của một màu với màu đen (nguyên bản ghi nhầm là white), giúp giảm độ sáng.

Additional Tip: There are great tools such as Adobe Colour CC and Coolors to make picking colors easier.

Sử dụng các kiểu chữ tương phản

Font Pairing There are more fonts other than Arial, Georgia and Times New Roman. Google Web Fonts offer a variety of typefaces you can use for free on your site. Just like with choosing colors you can easily over do fonts, so I suggest you do not use more than two typefaces on your website. Most well-designed websites use two typefaces only, one for the headlines and one for the body text.

Kết hợp hai kiểu chữ có thể khó khăn ngay cả đối với các nhà thiết kế. Bạn có thể giữ cho mọi thứ đơn giản bằng cách thử nghiệm với hai phông chữ khác nhau từ cùng một kiểu chữ. Nếu cần một kiểu chữ thứ hai, hãy chọn kiểu chữ có độ tương phản tốt với kiểu chữ đầu tiên của bạn. Thông thường, việc kết hợp giữa phông chữ có chân (serif) và phông chữ không chân (sans-serif) sẽ hoạt động rất hiệu quả. Một mẹo quan trọng khác là chọn các kiểu chữ phù hợp với phong cách của công ty bạn. Bạn có thể có phông chữ đẹp nhất thế giới, nhưng khi sử dụng sai ngữ cảnh, nó vẫn có thể trông rất tồi tệ.

Giữ trang web gọn gàng bằng cách sử dụng khoảng trắng

Whitespace is one of the easiest and most effective ways to create a visually effective website. Your website should look well organized and clutter free, directing users exactly where they need to go. Make sure elements stand out and are grouped together by using whitespace properly.

Tối ưu hóa cho thiết bị di động

People are probably going to visit your site at different times using different devices and screen sizes. While content is important, consistency across devices provides a better user-experience for anyone who visits your site. It makes it easier for users to share and link contents on your website to social media platforms on mobile. On top of that, Google prioritizes responsive websites on search results.

Mẹo bổ sung: Sử dụng Page Builder Sandwich trên trang web của bạn sẽ tự động kích hoạt chế độ xem trên thiết bị di động và điều chỉnh cho phù hợp với kích thước màn hình di động.

Kết luận

Hãy nhớ rằng: Đánh giá thấp sức mạnh của thiết kế là một trong những sai lầm tồi tệ nhất bạn có thể mắc phải khi xây dựng trang web của mình. Dĩ nhiên, bạn không nhất thiết phải bỏ ra quá nhiều công sức khi thiết kế trang web, nhưng trong thời gian này, chỉ cần làm theo những mẹo này là có thể đảm bảo trang web của bạn không gây ra bất kỳ cảm giác khó chịu nào cho người xem.