Các xu hướng thiết kế trang web 2016 cần xem xét trước khi tạo trang web của bạn

dk new media trang web 1

Chúng tôi đã thấy rất nhiều công ty đang hướng tới trải nghiệm đơn giản hơn cho người dùng trang web. Cho dù bạn là nhà thiết kế, nhà phát triển hay bạn chỉ yêu thích các trang web, bạn có thể học được điều gì đó bằng cách xem cách họ làm việc đó. Hãy sẵn sàng để được truyền cảm hứng!

  1. Hoạt hình

Bỏ lại những ngày sơ khai, lòe loẹt của web, nơi chứa đầy ảnh gif nhấp nháy, thanh hoạt hình, nút, biểu tượng và chuột hamster nhảy múa, hoạt hình ngày nay có nghĩa là tạo ra các hành động tương tác, phản hồi nhằm nâng cao khả năng kể chuyện và cung cấp trải nghiệm người dùng phong phú.

Ví dụ về hoạt ảnh phong phú bao gồm tải hoạt ảnh, điều hướng và menu, hoạt ảnh di chuột, thư viện và trình chiếu, hoạt ảnh chuyển động, cuộn, hoạt ảnh nền và video. Kiểm tra trang web này từ Beagle, một nền tảng quản lý đề xuất:

Trang web hoạt hình Beagle

Nhấp qua để xem hoạt ảnh JavaScript và CSS tuyệt vời của Beagle khi bạn cuộn xuống trang web của họ.

Hoạt ảnh phong phú cũng có thể được nhìn thấy trong tương tác vi mô. Ví dụ: trên LinkedIn, người dùng có thể di chuột qua một thẻ để có menu tùy chọn bật lên tinh tế, sau đó chọn bỏ qua câu chuyện hoặc thực hiện các hành động khác.

Hình ảnh động GIF đã hồi sinh (vui chứ?) Và có thể được sử dụng cho nhiều mục đích khác nhau, bao gồm hài kịch, biểu tình và thậm chí chỉ để trang trí.

  1. Thiết kế tài liệu

Thiết kế tài liệu, một ngôn ngữ thiết kế do Google phát triển, dựa trên các yếu tố của thiết kế dựa trên bản in — kiểu chữ, lưới, không gian, tỷ lệ, màu sắc và cách sử dụng hình ảnh — cùng với các hoạt ảnh và hiệu ứng chuyển tiếp, đệm và chiều sâu như ánh sáng và bóng đổ cung cấp trải nghiệm người dùng thực tế, hấp dẫn và tương tác hơn.

Material Design sử dụng bóng, chuyển động và chiều sâu để mang lại vẻ thẩm mỹ hiện đại, gọn gàng với trọng tâm là tối ưu hóa trải nghiệm người dùng mà không có quá nhiều tiếng chuông và tiếng còi.

Các ví dụ khác về material design bao gồm hình ảnh sắc nét, kiểu chữ tỷ lệ lớn và khoảng trắng có chủ đích.

Khái niệm thiết kế lại thiết kế vật liệu Android trên Youtube

  1. Thiết kế phẳng

Trong khi Material Design cung cấp một cách tiếp cận khái niệm tối giản, thiết kế phẳng vẫn là sự lựa chọn cổ điển cho những người yêu thích đường nét sạch sẽ. Đó là, thiết kế phẳng thường được coi là giao diện kỹ thuật số thực tế, chân thực và thoải mái hơn.

Space Needle

Dựa trên các nguyên tắc của khoảng trắng, các cạnh xác định, màu sắc rực rỡ và 2D — hoặc “phẳng” — thiết kế phẳng mang đến một phong cách linh hoạt thường xuyên sử dụng các kỹ thuật như biểu tượng đường nét và bóng dài.

thiết bị hạ cánh

  1. Chia màn hình

Được sử dụng tốt nhất khi bạn có hai lĩnh vực quan trọng như nhau để quảng cáo hoặc bạn muốn cung cấp nội dung cùng với ảnh hoặc phương tiện, chia đôi màn hình là một cách mới tuyệt vời để cung cấp trải nghiệm người dùng thú vị và táo bạo.

màn hình chia nhỏ

Bằng cách cho phép người dùng chọn nội dung và trải nghiệm của họ, bạn có thể tạo trải nghiệm kiểu cổng thu hút khách truy cập.

đại dương chia đôi

  1. Bỏ Chrome

Đề cập đến phần cản và tô điểm bằng chrome trên những chiếc xe cổ, “chrome” dùng để chỉ vùng chứa của trang web — menu, đầu trang, chân trang và đường viền — chứa đựng nội dung cốt lõi.

thời gian chrome

Điều này có thể gây mất tập trung và nhiều công ty đang lựa chọn loại bỏ các vùng chứa và tạo bố cục rõ ràng, sắc cạnh, không có đường viền, đầu trang hoặc chân trang.

chrome-forward

 

  1. Quên Fold

“Trong màn hình đầu tiên” là biệt ngữ báo chí cho nửa trên của trang nhất của một tờ báo. Vì các tờ báo thường được gấp lại và đặt trong hộp và trưng bày, nên nội dung hấp dẫn nhất sẽ nằm trong màn hình đầu tiên để giúp họ có cơ hội tốt nhất thu hút người đọc tiềm năng (và ví tiền của họ).

Thiết kế trang web từ lâu đã sử dụng ý tưởng về một nếp gấp trên nguyên tắc rằng việc cuộn trang là nặng nề. Nhưng gần đây, hình ảnh và nội dung toàn màn hình chào đón người dùng và khuyến khích việc cuộn để tiết lộ nội dung bổ sung, chuyên sâu hơn.

hạt giống

  1. Video toàn màn hình

Video có thể là một cách tuyệt vời để thu hút sự chú ý của khách truy cập và nó thường thậm chí còn hiệu quả hơn cả hình ảnh hoặc văn bản. Các video lặp lại, chẳng hạn như những video được Apple sử dụng cho Apple Watch là một cách độc đáo để thiết lập giai điệu và thu hút khách truy cập.

DK New Media

Nhấp qua để xem DK New MediaVideo của trên trang chủ của họ

Khi nói đến thiết kế web, rất nhiều thành phần cụ thể sẽ được quy định bởi ngành, thị trường ngách, thị trường mục tiêu và nội dung của bạn. Bố cục của bạn sẽ phụ thuộc vào những gì khách truy cập phản hồi và những gì có ý nghĩa nhất cho thông điệp của bạn. Nhưng với những xu hướng này trong tay, bạn sẽ có tất cả những gì cần thiết để tạo một trang web hấp dẫn thực hiện những gì bạn cần và điều đó cho thấy rằng bạn biết cách bắt kịp thời đại.

Bạn nghĩ gì?

Trang web này sử dụng Akismet để giảm spam. Tìm hiểu cách xử lý dữ liệu nhận xét của bạn.