Đưa các nét vẽ tay vào thiết kế web, tại sao không?

Thứ sáu - 08/05/2015 08:25

Để các bạn hình dung rõ hơn về các thành phần vẽ phác thảo trong một website, chúng tôi xin giới thiệu một số website vẫn còn sử dụng các nét vẽ mộc và duyên dáng này cho bố cục của mình.

Đưa các nét vẽ tay vào thiết kế web, tại sao không?

Vài năm trước những nét vẽ bằng tay khá phổ biến trên các thiết kế website chuyên nghiệp, chúng đã từng trở thành mọt xu hướng độc đáo trong một khoảng thời gian ngắn.

 Ngày nay rất hiếm để thấy các hình vẽ tay này trong các thiết kế website hiện đại và đó là lý do để hôm nay chúng ta cùng nhìn lại xu hướng này. Để các bạn hình dung rõ hơn về các thành phần vẽ phác thảo trong một website, chúng tôi xin giới thiệu một số website vẫn còn sử dụng các nét vẽ mộc và duyên dáng này cho bố cục của mình. Tuy đây cũng chỉ là những hình ảnh được tạo ra từ máy tính, xong dù sao nó cũng rất tự nhiên như những nét vẽ tay ngày trước. 
 

Served MCR

Served là một trận đấu bóng bàn ở Manchester, Anh. Trang web với kiểu cuộn trang dọc này được thiết kế hàu như toàn bộ là các họa tiết vẽ tay và phác họa animation. 

Served MCR do hoa ve tay thiet ke web

Garland Jack’s

Có rất nhiều các chi tiết vẽ tay xuất hiện trên thiết kế website ấn tượng này cùng với các hình động và thanh cuộn mượt mà. Ngay cả font chữ sử dụng ở đây cũng mang phong cách vẽ tay. 

Garland Jack's do hoa ve tay thiet ke web

A Story About Us

Từ "US" ở tên web này là đại diện cho Matt và Kate và đây là câu chuyện kể từ khi gặp gỡ cho tới khi cầu hôn của họ. Tất cả hình ảnh đều là các nét phác họa hoạt hình bằng bút chì. Câu chuyện được viết bởi Matthew Bush, hoạt họa thì bởi Josh Compton và đồ họa do Gabe Cooper phụ trách, một sự kết hợp hoàn hảo. 

A Story About Us do hoa ve tay thiet ke web

The Might of Mr Miller Book Trailer – Submarine Channel

Trang web với hiệu ứng cuộn trang dọc và các nét vẽ tay trông khá gần gũi. 

The Might of Mr Miller Book Trailer do hoa ve tay thiet ke web

Ichance

Các nét vẽ phác họa được sử dụng trên trang này gợi lên cảm giác nhẹ nhàng như nghiêm túc. Cách dùng hình ảnh như thế này rất hợp với các website từ thiện hoặc nhân văn. 

Ichance do hoa ve tay thiet ke web

De Vriend Book Trailer – Submarine Channel

Đây là một đoạn trailer ebook từ Submarine Channel. Những hình ảnh ở đây giống như những bức tranh màu nước. Một vài hình ảnh động xuất hiện khi bạn di chuyển xuống dưới trang.

De Vriend Book Trailer do hoa ve tay thiet ke web

Send Me To Outer Space

Trang web thuộc sở hữu của một người Anh đang cố tạo quỹ để du hành vào không gian khi  Virgin Galacticc ra mắt tầu của họ. Anh này đã thu được $250,000 và vẫn tiếp tục tăng lên. Trang web sử dụng các hình vẽ và font chữ vẽ tay.

Send Me To Outer Space do hoa ve tay thiet ke web

Housatonic

Đây là một trang web mang tính thông tin về lễ hội được tổ chức tại Ý năm 2013. Các hình vẽ phác họa chỉ xuất hiện ở duy nhất một vị trí là landing page, xong nó vẫn tỏa sáng. 

Housatonic do hoa ve tay thiet ke web

Loucuras do Lar

Trang web đến từ Brazil này sử dụng rất nhiều hình vẽ phác họa bằng tay trên landing page. Thật đáng ngạc nhiên!

Loucuras do Lar do hoa ve tay thiet ke web

Little Big Room

Công ty của Pháp bán các đồ dùng gia đình qua website toàn hình vẽ phác thảo này. 

Little Big Room do hoa ve tay thiet ke web

Mongoldude

Website sử dụng các hình phác thảo mang phong cách comic, một cách tiếp cận khá độc đáo.

Mongoldude do hoa ve tay thiet ke web

Tampere Art Museum – Moomin Valley

Triển lãm Moomin Valley được tổ chức tại Bảo tàng Tampere Art của PHần Lan. Họ sử dụng website quảng bá với cả đồ họa hiện đại và nét vẽ phác thảo cho phần slideshow tại landing page. 

Tampere Art Museum - Moomin Valley do hoa ve tay thiet ke web

Future Bristol

Trang web mô tả quang cảnh thành phố Bristol với một cái nhìn hoàn toàn mới lạ: thông qua nét vẽ phác họa. 

Future Bristol do hoa ve tay thiet ke web

The Curious Case of Children

Trang này thuộc sở hữu của công ty bánh ngọt Mother’s Pride của Anh. Rất nhiều đồ họa vui mắt và các nét vẽ tay ngộ nghĩnh để thu hút đối tượng khách hàng là trẻ em.

The Curious Case of Children do hoa ve tay thiet ke web

Deborah Cavenaugh

Deborah Cavenaugh là nghệ sỹ và giáo viên nghệ thuật. Mặc dù bố cục web của blog đã thay đổi nhưng các hình vẽ sặc sỡ ở nền của trang vẫn được giữ nguyên.  

Deborah Cavanaugh do hoa ve tay thiet ke web

Draw For Joy

Đây là blog của Roxana Soare, một nghệ sỹ Romania với toàn các hình vẽ và icon bằng tay. 

Draw For Joy do hoa ve tay thiet ke web

Natrashka

Portfolio của chuyên gia đồ họa Natrashka phủ toàn các nét vẽ phác họa. 

Natrashka do hoa ve tay thiet ke web

Denise Chandler

Trang portfolio của chuyên gia thiết kế đồ họa Denise Chandler sử dụng hình ảnh mang phong cách comic ở landing page. Có hai hình ảnh chính ở đây và chỉ nhìn thấy rõ khi bạn cuộn chuột xuống. 

Denise Chandler 1 do hoa ve tay thiet ke web
Denise Chandler 2 do hoa ve tay thiet ke web

Art Attack

Không cần phải giới thiệu nhiều để mọi người nhận ra đâu là các hình vẽ phác thảo trên website này.

Art Attack do hoa ve tay thiet ke web

Direnduvar

Thiết kế website minimalist mà độc đáo với những hình vẽ tý hon mà bạn chỉ nhìn rõ nhất khi cuộn chuột để zoom màn hình lại. 

Direnduvar do hoa ve tay thiet ke web

Tác giả bài viết: Phùng Thanh Hằng
Nguồn tin: Ngôi Sao Số Solutions