Kuang Thiện Blog

Icon

version 2.0

Phong cách thiết kế đồ họa Web hiện nay (Phần 2)

http://kuangthien.info

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ụ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.

Diagram showing left-aligned, liquid and center-aligned page orientations

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 kế 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.

Itgatevn Graphics Group (Theo DESIGNFROMSCTRASH)

(đã được dàn lại trang)

Filed under: Technologie

2 Responses

  1. fsafasdgfg nói:

    vo van het suc
    nhung trang cau gioi thieu deu thiet ke kem – khong thu hut dc nguoi xem

  2. I’ve read several good stuff here. Definitely worth bookmarking for revisiting. I wonder how much effort you set to create one of these fantastic informative web site.

Gửi phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s

%d bloggers like this: