Phong cách thiết kế đồ họa Web hiện nay (Phần 2) - Bản có dấu.
Phong cach thiet ke do hoa Web hien nay (Phan 2) - Bản không dấu.

Trong phần này tiếp tục chúng ta tìm hiểu kĩ hơn các đặc điểm của các website  phong cách  hiện nay.

Bố cụ đơn giản

Có lẽ chúng ta thấy cách thiết kế  đơn giản 1 và 2 cột hơn nhiều năm về trước.

Cảm giác chung nhất bạn có thể thấy là các nhà thiết kế thấy răng các trang đơn giản làm việc  tốt hơn.

Các trang này đơn giản chỉ đọc theo cách từ trên xuống dưới, và bạn không cần đưa mắt xung quanh, và bạn chỉ quan sát vùng bạn đang có. Nó làm dịu đi và mềm hơn cho các trình duyệt  khi phải đọc nội dung  của một trang web, dĩ nhiên sẽ đỡ mất thời gian  hiển thị hơn.

Thiết kế hướng tâm

Điều khác mà bạn phải chú ý về tất cả các trang hot  ở trên là chúng là chúng đều được bố trí ở trục giữa.

Vào thời điểm 2 năm trước đây, bạn sẽ tìm thấy rất nhiều bố cục lỏng lẻo và được căn chỉnh trái hoặc cố định độ rộng, ngày nay nội dung  đã được đưa vào giữa trang.

Các bố cục hướng trái ít được dùng hơn. Cũng thế, bố cục mềm dẻo (full-width) đầy độ rộng cũng ít được phổ biến.

Suy sét đúng thì chúng ta luôn cố gắng  có được nhiều thông tin  để "vượt qua rào cản trên" (ví dụ: ẩn đi màn hình  không cần thanh trượt scroll). Bố cục mềm dẻo tự giãn phù hợp với tiêu chí này. Tuy vậy, ngày nay chúng ta vẫn có nhiều khả năng phù hợp với việc cuộn và kéo tăng khoảng trống và độ cao của các dòng văn bản.  Thiết kế nội dung, không có trang

Phong các thiết kế  web  hiện đại tốt là đặt ít thành phần vào nền của trang web  - nền trang web  nên để một cách trong sáng. Và nên tập chung vào việc thiết kế  nội dung  trên trang web.

Chúng ta cùng xem xét các hiệu ứng như:

• Tối giảm, loại bỏ bớt các hộp bên trong một bố cục trang web 
• Làm mềm, đơn giản và tạo khả năng dùng lại cho trang web 
• Sử dụng các màu sắc mạnh mẽ và hiệu ứng 3D là tập chung vào các phần cần nổi bận bên trên, bao gồm là các nhánh chính
• Tiêu điểm là được đánh dấu các chủ đề chính, sao cho chúng dễ nhìn thấy nhất và thiết kế  thật tốt.

Tại sao lại là căn giữa?

Tôi thích gióng hàng, căn giữa và sử dụng hầu hết cho các thiết kế.

Khi nội dung  được căn giữa màn hình, nó sẽ được chú ý trước tiên và rõ ràng.

Và nó cũng thỏa mãn được tiêu chí cho việc đơn giản và cân bằng, việc quan sát nó được thực hiện một cách dễ dàng dọc từ trên xuống đến dưới.

Hầu hết các thiết kế  hướng tâm được cố định độ rộng (có thể theo pixel hoặc phần trăm) hay đôi khi là tự giãn rộng (ví dụ như trang. Forecast Advisor). Lợi ích chủa nó là bảo toàn được độ rộng của nối dung (thực thế với cách thức tự giãn rộng, kích thước  phông chữ có thể thay đổi) đó là chiều cao dòng có thể lớn hơn màn hình.

Sử dụng hiệu ứng 3D một cách tiết kiệm 

Tất cả các trang hot nhất  sử ở phần I đã nêu đều sử dụng hiệu ứng màu chuyển sắc gradient, chúng đưa đến các thanh, hộp bo tròn êể tạo cảm giác mềm cho không gian nền, hoặc tạo một biểu tượng chuẩn với hiệu ứng nổi khối và bóng mờ

Hiệu ứng phản chiếu & lan tỏa cũng được tận dụng. Bóng đổ cũng vẫn được dùng thêm.

Thương hiệu được làm tròn bất kì chỗ nào

Sử dụng các dòng chữ lớn đẹp

Tôi không nói rằng tất cả các dòng chữ text trên trang web  của bạn phải là cỡ chữ quá cỡ. Mà thực tế trong một số phần chữ nhỏ lại là đẹp (chúng ta chú ý rằng chỉ dùng một ít chữ nhỏ trong trang web  thôi)

Cái gì là ý tưởng tốt ở đây:

Hãy tạo các văn bản  quan trọng  trong trang web  có cỡ chữ lớn hơn kích thước  bình thường

Giống như các công nghệ  thiết êế khác, nó làm việc  khi sử dụng trong website  hiện đại. Nếu tất cả văn bản  của bạn to, thì sẽ không có chữ nào là to lớn cả.

Sử dụng chữ lớn để giúp khách thăm website  nhanh chóng biết site bạn là gì, cái gì là quan trọng  và đặc điểm của các vùng họ muốn xem tiếp theo.

 

Hiện tại chưa có bình luận nào về bài viết Phong cách thiết kế đồ họa Web hiện nay (Phần 2)!

Bạn có ý kiến gì về bài viết Phong cách thiết kế đồ họa Web hiện nay (Phần 2) này? Hãy gởi suy nghĩ, bình luận, đánh giá, lời khuyên ... của bạn về bài viết Phong cách thiết kế đồ họa Web hiện nay (Phần 2) bạn tại đây.