Sự tương tác, năng động và animation: dấu ấn của thiết kế web động (P.2)

Thứ hai - 09/07/2018 22:15

Phần 2 trong bài giới thiệu các thiết kế website tương tác hấp dẫn sẽ tiếp tục đến với các bạn.

Sự tương tác, năng động và animation: dấu ấn của thiết kế web  động (P.2)

Abby Putinski giới thiệu cho chúng ta một mẫu online portfolio tuyệt vời với đầy những illustration đáng chú ý. Mỗi khu vực chính bao gồm một cảnh tượng được thắp sáng bởi nhưng animation nhỏ. 

abby putinski

The Dangers of Drug Driving là website mang bạn đến với một hành trình tương tác mà qua đó giải thích cho bạn những mối nguy hiểm của lái xe không an toàn.

the dangers of drug driving

Alkopediag nói lên thông điệp thông qua những illustration hoạt hình và các nhân vật chuyển động theo hiệu ứng animation nhỏ. Cách tiếp cận này mang lại không khí tích cực và dành sự chú ý cho lịch sử của chất cồn. 

alkopedia

Adcade là một thiết kế website portfolio giới thiệu về công ty. Các trang phụ được đưa vào những animation giúp thể hiện tốt hơn nội dung. Cả website về tổng thể trong rất chính xác và gọn gàng đến từng chi tiết.  

adcade

Abrams Books là một thiết kế website illustration với không khí đô thị rõ nét và được nhất mạnh bởi những chi tiết animation. Các chuyển động nhanh nhẹn trên đường phố được nhấn mạnh vui mắt.  

abrams books

Audi One Million Reasons có ý định giúp bạn khám phá một chiếc xe hơi theo mô hình 3D. Bạn có thể nhìn kỹ thiết kế cả bên trong lẫn ben ngoài của chiếc xe này. Cách tiếp cận vấn đề đơn giản và thật đáng ngưỡng mộ.

audi one million reasons

Call Him Echo là một thiết kế website tương tác làm bạn say đắm với sự kết hợp khéo léo của các  thành phần tương tác và vô số video hỗ trợ rất tốt cho nội dung. 

call him echo

17 grad sử dụng animation kích hoạt bởi động tác cuộn trang. Khi bạn cuộn chuột xuống, website sẽ  bộ lộ những nội dung chính của online portfolio này.

17 grad

Google Adwords thuộc Google sở hữu một thiết kế website sáng tạo với giải pháp thiết kế thông minh, bạn sẽ thấy điều này khi nhìn vào những thành phần tương tác trên website. 

google adwords

Vitra đã rất sáng tạo khi kết hợp những hình phác họa cao cấp để thu hút sự chú ý và được hỗ trợ bởi animation thú vị. 

vitra

Daniel Moon là một online portfolio đẹp mắt chào đón người xem bởi menu có hiệu ứng animation nhẹ nhàng. Website chứa những hiệu ứng nhỏ và animation làm tăng thêm trải nghiệm hình ảnh. 

daniel moon

Cuối cùng, không còn nghi ngờ gì, việc đưa thêm sự tương tác và animation vào website là một cách giúp cho trang web của bạn tiên tiến và tinh xảo hơn. Một website năng động luôn hấp dẫn so với website tĩnh, tuy nhiên bạn cũng cần cân nhắc đến hàm lượng các yếu tố động trên website, thứu nhất là vì một số trình duyệt người dùng không hỗ trợ những hiệu ứng đó, thứ hai là quá nhiều hiệu ứng sẽ gây nặng website và làm nhiễu mắt người xem. 

Tác giả bài viết: Phùng Thanh Hằng