20 kỹ thuật cho thiết kế web đẹp - Phần 1

Tạo ra một website độc nhất không giống với bất kỳ website nào trong thời buổi hiện nay là một thử thách không dễ để vượt qua. Hôm nay, Ngôi Sao Số xin giới thiệu với các bạn 20 kỹ thuật tuyệt vời trong thiết kế web giúp bạn có được những thiết kế không trùng lặp, dẫn khách hàng của bạn đi từ sự ngạc nhiên này đến sự ngạc nhiên khác.

Mục lục bài viết

1. Màu sắc sống động
2. Ánh sáng và độ bóng
4. Grunge
5. Vẽ tay
6. Màu chìm
7. Hiệu ứng màu nước
8. Sử dụng yếu tố thiên nhiên
9. Ảnh ghép
10. Chữ ngoại cỡ

1. Màu sắc sống động

Sử dụng màu sắc tươi sáng trong thiết kế trang web có thể làm cho web trở nên sinh động và thú vị. Kỹ thuật khá hiệu quả trong việc thu hút những người dùng trẻ tuổi viếng thăm trang web của bạn. Cho kỹ thuật này, bạn có thể sử dụng những màu tương tự nhau hay những màu trung tính để tạo nên một sự liên kết chặt chẽ và giữ cho mọi thứ trở nên dễ tìm kiếm trong mớ tưởng chừng như rất hỗn độn. Và hãy chắc chắn rằng khi sử dụng các màu sắc sống động, bạn có vừa đủ độ tương phản giữa các yếu tố mà không sử dụng quá nhiều. Điều này cực kỳ quan trọng với các văn bản vì nếu độ tương phản không đúng sẽ gây khó khăn trong việc đọc nội dung.

Sử dụng màu sắc tương tự tạo sự gắn kết cho web

Joshua Goodwin

Noe Design

Design Slurp

Thêm hiệu ứng ánh sáng để màu sắc sống động va nổi bật hơn.

Tracy Apps Design

Pha trộn nhiều màu sắc sống động làm cho web thực sự nổi bật

2. Ánh sáng và độ bóng

Hiệu ứng ánh sáng và độ bóng thường được sử dụng trong phụ đề phim, tuy nhiên nó cũng được ứng dụng rất hiệu quả trong thiết kế web. Sự pha trộn giữa hiệu ứng ánh sáng với độ bóng có thể tạo ra một hình ảnh tiêu đề tuyệt vời. Tuy nhiên, bạn hãy cẩn thận khi pha trộn hai hiệu ứng này với nhau vì nó có thể làm thiết kế trở nên rối mắt. Khi sử dụng kỹ thuật này, bạn nên hạn chế số lượng màu sắc sử dụng, canh cường độ của hiệu ứng ánh sáng và tổng số lượng các hiệu ứng để đạt được kết quả tốt nhất.

C-harlie Gentle

Fred Maya

Nhiều hiệu ứng kết hợp: hiệu ứng ánh sáng, các vệt ánh sáng...

Leihu.com

The Open Video Alliance

Squarespace

3. Khối

Các hộp khối tỏ ra khá hiệu quả trong việc làm cho web trở nên rõ ràng và gọn gàng hơn. Dù là một bức ảnh, một bản phác thảo hay các yếu tố hình học và độ họa, các lớp hộp khối trong suốt cũng có thể trở thành một phần quan trọng trong nền background của web.

Chris Arbini

Design Attik

Envato

Lilly’s Table

Quinta da Bela Vista

4. Grunge

Trong thiết kế web, Grunge là kỹ thuật tạo các vết lem trên trang web, có phạm vi khá rộng. Kết hợp Grunge với các yếu tố khác "gọn" và "sạch" có thể tạo nên những hiệu ứng gây bất ngờ khi nhìn vào tổng thể thiết kế. Một số điểm nổi bật trong thiết kế Grunge là vấy bẩn background bằng các vệt màu, chất lỏng, làm các đường biên lộn xộn (thường trông giống như nét cọ sơn hay những nét bị rã), giấy bị rách...

Glocal Ventures

Đường biên lộn xộn

squareFACTOR

Vấy bẩn

Rob Goodlatte

Paravel Design

Von Dutch

5. Vẽ tay

Vẽ tay làm cho website của bạn có vẻ ngộ nghĩnh và vui nhộn hơn. Dù bạn sử dụng các bức phác thảo hoàn chỉnh hay các nét vẽ nguệch ngoạc, sử dụng các nét vẽ tay sẽ làm cho web của bạn trông nghệ thuật hơn. Kỹ thuật này còn dễ khiến người dùng liên tưởng đến trẻ em và phim hoạt hình.

Ric-hard Stelmach

Happy Dangy Diggy

Luova

Idiotic Adventures

Sawyer Hollenshead

6. Màu chìm

Màu chìm là cách tuyệt vời để tạo ra sự tinh tế cho website của bạn. Bằng cách pha trộn màu chìm với một hoặc hai màu sáng hay tối hơn có thể hiệu quả trong việc làm nổi bật web của bạn. Màu chìm không giới hạn ở màu xám và nâu. Bạn có thể sử dụng bất cứ màu nào trong thanh màu, chỉ cần giảm sắc của màu đó xuống hoặc pha thêm một ít màu xám.

CSS Addict

Cuisine Saine

Màu chìm không có nghĩa là chỉ có nâu và xám. Bạn có thể sử dụng màu khác như xanh và đỏ

I-Avion

Thậm chí màu sáng (màu lục nhạt như trong thiết kế) cũng có thể tạo nên một sắc thái mới khi nó kết hợp với các màu cùng tông

Ian James Cox

Joe Nyaggah

7. Hiệu ứng màu nước

Thiết kế web với hiệu ứng màu nước trở nên dễ dàng hơn khi Photoshop hỗ trợ công cụ "Brushes và textures". Sử dụng hiệu ứng màu nước trên đầu background là một xu hướng thiết kế quan trọng. Tùy thuộc vào màu sắc mà bạn sử dụng, hiệu ứng màu nước có thể làm nổi bật background hay bất kỳ yếu tố nào mà bạn muốn.

Ali Felski

Boompa

Matt Dempsey

One Starry Night

Sunrise Design

8. Sử dụng yếu tố thiên nhiên

Sử dụng các yếu tố thiên nhiên phổ biến trên các website về môi trường, bảo vệ môi trường, động vật, thực vật hay các sản phẩm liên quan đến thiên nhiên. Các yếu tố thiên nhiên được ứng dụng bằng vô số cách. Bạn có thể sử dụng nó như background, kết hợp với tiêu đề và biểu tượng, sử dụng chũng ở bất cứ nơi nào phù hợp.

Story Pixel

Theater Website Services

Weberica

84 Colors

Juan Diego Velasco

9. Ảnh ghép

Ảnh ghép giúp bạn bổ sung các yếu tố còn thiếu cho background hay cho bất cứ một yếu tố nào khác trên web. Một trong những xu hướng phổ biến khi sử dụng kỹ thuật ảnh ghép gần đây là thiết kế màn hình máy tính hay phần trên của background. Bạn có thể dùng kỹ thuật này bằng cách đặt một vài yếu tố như mảnh giấy, cốc cà phê... lên trên một hình lớn như một bức tranh phong cảnh, bề mặt gỗ...