Chào các bạn!
Hôm nay, chúng ta lại ngồi với nhau không phải vì câu chuyện về SEO hay Blog gì gì nữa, mà câu chuyện hôm nay của chúng ta đó là về một xu hướng thiết kế web mới trong năm 2014.
Có điều khá hay đó là mình lập trình không giỏi, nhưng mình lại khá thích nghiên cứu về web design. Thế mới buồn cười. Hy vọng là trong tương lai gần sẽ có các bạn cao thủ tham gia vào Blog này và chia sẻ với các bạn nhiều hơn những kiến thức thú vị về thiết kế website.
Thôi, không lan man nữa, chúng ta đi vào nội dung chính thôi!

Xu hướng thiết kế web: Ghost Buttons

Ghost Buttons? Hiểu đơn giản là 1 button có khả năng click được và ở dạng transparent. Còn theo định nghĩa chuẩn tiếng anh thì nó là thế này:

A ghost button is created as a basic, flat shape – square, rectangle, circle, diamond – with no fill and a simple outline.

Có nghĩa là:

Các nút được tạo ra bởi các hình khối dạng phẳng cơ bản như hình vuông, hình chữ nhật, hình tròn, hình kim cương - ngoài ra không thêm thắt gì cả và hoàn toàn là đường viền đơn giản. 

 Phong cách thiết kế quá ư là đơn giản phải không nào? Ngoài ra, Ghost Buttons chỉ thêm các đoạn văn bản vào trong đó và kèm theo một đường dẫn cơ bản đến nơi cần thiết. Đặc biệt hơn đó là vị trí đặt của nó thường là ở một vị trí dễ nhìn thấy nhất và thường là...ở trung tâm luôn!
Xu hướng thiết kế web này không phải là quá mới mẻ gì nhưng nó đang tạo ra nhiều sự mới lạ cho phong cách thiết kế website trên thế giới. Nếu bạn là một người đam mê với iOS thì bạn cũng dễ dàng nhận ra phong cách này xuất hiện trong iOS 7 đó.

Ghost Buttons áp dụng như nào?

Trước tiên các bạn nên nắm được một số lưu ý khi sử dụng Ghost Buttons đã:

• Nút thường là rỗng.
• Sẽ có outline khá đơn giản
• Chứa các text đơn giản
• Màu sắc chủ yếu là trắng và đen
• Kích cỡ thường lớn hơn kích cỡ truyền thống
• Vị trí thì được đặt ở những vị trí nổi bật trên trang.
• Thường thì là một nút còn không thì là một nhóm nút nhỏ.
• Đa phần là thiết kế phẳng (flat)
• Có thể kèm theo các icon nhỏ nhưng tốt nhất là không nên.

Ok, giờ thì còn một vài điều bạn cần chú ý khi muốn áp dụng Ghost Buttons cho trang web của bạn nữa. Đó là bạn sẽ cần một ảnh nền kích cỡ to full-screen. Bởi vì một ảnh to sẽ giúp cho nút của bản được nổi bật hơn mà lại không che đi qua nhiều hình ảnh (transparent mà). Và tất nhiên, một con mắt thẩm mỹ để kết hợp giữa màu sắc và hỉnh ảnh sẽ tạo ra một trang web đẹp...điên người luôn.
Không tin à? Vậy cùng xem một vài ví dụ cho kích thích nhé...