Chìa khóa đ�?làm cho xu hướng thiết k�?này hoạt động là ngay c�?khi phá v�?các quy tắc loại – khoảng cách l�? kích thước hoặc khoảng cách dòng hoặc ngắt – người dùng vẫn cần hiểu những gì bạn muốn nói. Thông thường nhất, typography trong phong cách này là một yếu t�?ngh�?thuật và ít hơn một thông tin.

J Powers S�?kiện phá v�?các quy tắc loại theo cách không ảnh hưởng đến kh�?năng đọc với tiêu đ�?chính xuyên qua không gian của nền và hình ảnh nền trước. Điều đặc biệt thú v�?�?đây là kiểu thay đổi màu sắc với v�?trí, tạo hiệu ứng lớp. Thiết k�?cũng s�?dụng một yếu t�?văn bản tròn giữa các yếu t�?nền đ�?kết nối các không gian.

Makers & Dreamers lật, turs và xoắn kiểu ch�?theo những cách mà bạn s�?không nghĩ đến việc th�? Nh�?các lựa chọn công việc đơn giản và thiết k�?tổng th�?sạch s�? các t�?vẫn có th�?đọc được và thiết k�?đi kèm với nhau.

Xu hướng minh họa ngh�?thuật

Minh họa ngh�?thuật – đặc biệt là các yếu t�?với hình v�?theo phong cách và gợi ý v�?hoạt hình – đang tiếp tục phát triển ph�?biến. Xu hướng thiết k�?trang web này dường như đã đạt được các giao dịch bởi vì nó trông và cảm thấy xác thực, không b�?ràng buộc và một chút hay thay đổi.

Thiết k�?vô lý th�?hiện điều này với một b�?sưu tập các yếu t�?ngh�?thuật giàu trí tưởng tượng, sáng tạo và một chút ma quái. Mỗi hình minh họa được thực hiện đ�?trông giống như nó đã được phác thảo trên màn hình.

Heschung s�?dụng các hình minh họa đơn giản, theo phong cách đ�?k�?một câu chuyện bằng hoạt hình. Các hình minh họa cũng hay thay đổi, và s�?đơn giản của thiết k�?giúp gi�?s�?tập trung vào câu chuyện trong tầm tay.

Trộn Minh họa và Hiện thực

Trang web của Constance Burke có th�?giới thiệu nó rõ ràng nhất với hình ảnh mặc các mảnh quần áo minh họa. Thật sôi nổi và tuyệt vời. Thiết k�?của Bubka thật tuyệt vời với hình minh họa, hình dạng địa lý táo bạo, hình động và hình ảnh tất c�?di chuyển và chảy cùng nhau trong thiết k�? (Lưu ý cách mọi th�?liền mạch di chuyển cùng nhau khi bạn cuộn.)

Hoạt hình sáng tạo

Hầu như mọi trang web bạn truy cập dường như bao gồm một s�?hình thức hoạt hình. Điều thực s�?thịnh hành là hoạt hình theo phong cách lỏng với chuyển động trông giống như nước.

Hoạt hình lỏng có th�?hoạt động cho toàn b�?cảnh như một cách đ�?chuyển các yếu t�?video, dưới dạng trạng thái di chuột đ�?lôi kéo nhấp chuột hoặc như một hoạt hình chung giúp thu hút người dùng vào thiết k�? Bí quyết đ�?làm cho xu hướng này hoạt động là trong tốc đ�?di chuyển. Nó phải mượt mà, trôi chảy và đúng lúc cho cảm giác chân thực nhất.

Xu hướng thiết k�?3D

Thêm chiều sâu tạo ra cảm giác chân thực hơn cho một thiết k�? Hình ảnh ba chiều là một phần m�?rộng của ý tưởng đó. Đó là một xu hướng chúng ta bắt đầu thấy rất nhiều vào gần cuối thập k�?này, và hy vọng s�?thấy nhiều hơn nữa vào năm 2020.

Các thiết k�?3D tốt nhất mang đến cho người dùng một điều gì đó hơi bất ng�? chẳng hạn như mặt n�?b�?v�?trên trang Metaconf Meetup hoặc cuộn sang một bên cho đôi giày nh�?trên trang Toke.

Xu hướng thiết k�?trải nghiệm người dùng âm thanh

Mặc dù bạn có th�?mong đợi đọc nhiều hơn v�?thiết k�?giọng nói trong năm tới, một phần của xu hướng đó đã có �?đây – thiết k�?với âm thanh.

Tôi chưa bao gi�?là một fan hâm m�?của âm thanh t�?động phát trên một trang web. (Tôi thấy nó khá khó chịu và chói tai hầu hết thời gian.) Nhưng không th�?ph�?nhận rằng trải nghiệm người dùng âm thanh đang là xu hướng. (Ch�?cần nh�?hỏi người dùng trước khi làm n�?nhạc ch�?đ�?)

La Ofrenda Mas Grande de Mexico và Tạp chí IFly đều tôn trọng quy tắc đó và s�?dụng âm thanh đ�?nâng cao chất lượng của hành trình người dùng trong các thiết k�?của h�? Việc s�?dụng tốt nhất trải nghiệm người dùng âm thanh có th�?là trong các thiết k�?có rào cản ngôn ng�? bởi vì âm nhạc có th�?là một công c�?tuyệt vời khi nói v�?cách k�?chuyện dựa trên web.

Các lớp và các phần t�?chồng chéo

Lớp, lớp, và nhiều lớp hơn. Các lớp và các phần t�?chồng chéo không hoàn toàn tạo ra hiệu ứng 3D, nhưng chúng làm tăng thêm cảm giác v�?chiều sâu và kích thước cho các d�?án.

Mặc dù các lớp chồng lấp có th�?�?dạng một phần t�? xu hướng này thường bao gồm nhiều phần t�?chồng chéo. Phần tốt nhất là nó hoạt động với hầu hết mọi loại sơ đ�?thiết k�?

Bạn có th�?chồng chéo các hộp và hình nền, hình ảnh hoặc video, văn bản hoặc các thành phần giao diện người dùng và biểu tượng. Phần khó nhất có th�?là đảm bảo rằng giao diện chồng chéo chảy qua cuộn của thiết k�?

Craft Kitchen s�?dụng nhiều yếu t�?chồng chéo – ảnh trong điều hướng, văn bản trong ảnh và khung ảnh trong khung ảnh. Các yếu t�?tiếp tục xếp chồng và chồng lên nhau trên cuộn đ�?duy trì ch�?đ�?hình ảnh.

Trang web của Curt Thompson MD làm điều đó với các th�?hình ch�?nhật với các góc tròn. Bạn gần như có th�?mong đợi bất k�?yếu t�?thiết k�?nào với các cạnh tròn s�?chồng lên một th�?khác đ�?tạo đ�?sâu của trường. Đó là một cách hay đ�?t�?chức nhiều loại yếu t�?và nội dung khác nhau theo cách thống nhất.

Xu hướng tốt nghiệp

Có một khoảng thời gian ngắn trong chiều cao của thiết k�?phẳng mà các nhà thiết k�?tránh xa đ�?dốc. Nhưng h�?đã quay tr�?lại và s�?còn lớn hơn vào năm 2020.

T�?nền đậm với đ�?dốc nhiều màu cho đến đ�?dốc tinh t�?cho kết cấu, xu hướng này có �?khắp mọi nơi. Những gì chúng ta đang thấy bây gi�? là đ�?dốc kết hợp nhiều màu sắc với khá nhiều đ�?tương phản, thay vì đ�?dốc đơn sắc tinh t�?hơn ph�?biến vào cuối.

Điều hướng hợp lý

Mặc dù điều này có v�?như là một ý tưởng mạo hiểm lúc đầu, nhưng nó thực s�?có nhiều ý nghĩa. Hầu hết người dùng truy cập trang web của bạn thông qua công c�?tìm kiếm và có th�?không bắt đầu trên trang ch�? Điều hướng ít hơn tạo ra một đường dẫn trực tiếp hơn đến nơi bạn muốn người dùng tham gia nhiều nhất vào thiết k�? Sắp xếp hợp lý các kiểu điều hướng cung cấp nhiều ch�?hơn trên khu vực vải chính đ�?nhắn tin và nội dung.

Phần kết luận

Hãy lưu ý ví d�?trên của Sony Music. Nó s�?dụng một gradient đầy màu sắc, phác thảo tối thiểu, hoạt hình lỏng và phá v�?các quy tắc chính t�?khi hoạt hình lấn vào không gian của văn bản. (Và mặc dù nghe có v�?nhiều, nhưng thiết k�?hoàn toàn không áp đảo.)

Nhiều yếu t�?thiết k�?hiện đại làm việc với nhau, vì vậy bạn có th�?kết hợp và kết hợp các xu hướng và phong cách đ�?tạo ra th�?gì đó hợp thời trang và tinh t�? Thường thì bạn học cách ch�?s�?dụng một thiết k�?lừa Th�?thuật, nhưng với các sơ đ�?thiết k�?phức tạp hơn, quy tắc này dường như b�?b�?lại phía sau.

Miễn là xu hướng thiết k�?đóng góp vào kh�?năng s�?dụng và không lấy đi t�?đó, hãy thoải mái chơi và kết hợp các xu hướng đ�?tận dụng tối đa các d�?án.

The post 11 xu hướng thiết k�?web và giao diện người dùng hàng đầu năm 2020 first appeared on Công Ty TNHH Truyền Thông Nh�� C��i Fun88 .