Bạn đang mong đợi loại xu hướng thiết kế nào vào năm 2023?

Khi chúng ta hướng tới năm 2023, dưới đây là 11 xu hướng thiết kế web sẽ giúp cung cấp thông tin và truyền cảm hứng cho các nhà thiết kế cũng như nhà tiếp thị xây dựng web

Liz Huang

quản lý biên tập viên

Leah Retta

Giám đốc tiếp thị nội dung

Rease Kirchner

Giám đốc tiếp thị nội dung cấp cao

không tìm thấy vật nào

Một xu hướng không chỉ là một phong cách phổ biến hoặc hành vi tập thể được chấp nhận bởi nền văn hóa chính thống trong một khoảng thời gian nhất định

Xu hướng thiết kế có thể nhìn lại quá khứ với sự hoài cổ, tạo ra sự kết nối với các phong cách và xu hướng của thời đại và tìm ra những cách mới để đưa chúng vào tương lai. Xu hướng có thể truyền cảm hứng cho các nhà thiết kế tìm ra những cách thiết kế mới bắt nguồn từ quan điểm và bản sắc độc đáo của họ. Xu hướng có thể xuất hiện cùng với các công nghệ mới như Web3 hoặc sử dụng các kỹ thuật mới để xây dựng trải nghiệm tương tác và thú vị cho người dùng của họ

Các nhà thiết kế có thể sử dụng các xu hướng để tìm cảm hứng và tạo các trang web cũng như dự án cho khách hàng của họ luôn cập nhật và kết nối với khán giả hiện đại. Đối với năm 2023, chủ đề nổi bật là chuyển hướng sang trải nghiệm nhập vai hơn. Cho dù nó đến từ sự tiến bộ của công nghệ xây dựng web hay môi trường ngày càng nhập vai như siêu dữ liệu — chúng tôi rất vui mừng được biết những gì sẽ có trong năm tới

‍Nếu bạn muốn xem những thay đổi trong xu hướng thiết kế web qua các năm, hãy xem bài viết của chúng tôi 2022, 2021, 2020, 2019, 2018, 2017 và 2016

1. Nỗi nhớ và thẩm mỹ Y2K

Năm nay, chúng tôi hy vọng tính thẩm mỹ của Y2K sẽ tiếp tục trở nên phổ biến. Trong những năm gần đây, phong cách đầu những năm 2000 trỗi dậy trong mọi lĩnh vực, từ thời trang đến âm nhạc, thiết kế nội thất và thậm chí cả nghệ thuật. Đương nhiên, xu hướng đó đang chảy vào thiết kế và web.

Xu hướng hoài niệm trong lịch sử diễn ra trong một [tranh luận sôi nổi] [một số người nói 30, những người khác 50]. Với sự phát triển của mạng xã hội, việc tiếp nhận và chia sẻ các xu hướng mới đã trở nên dễ tiếp cận hơn, vì vậy chu kỳ đó đang tăng tốc. Và bây giờ, 23 năm sau Y2K, tính thẩm mỹ của thời điểm chuyển giao thế kỷ đã trở lại mạnh mẽ.  

Một số nhà thiết kế đang sử dụng xu hướng này theo hướng tương lai, sử dụng tính thẩm mỹ của Vaporwave, Glitch và Cybercore. Những người khác chỉ kết hợp các yếu tố cụ thể của thiết kế Y2K, như sử dụng kiểu chữ cổ điển, phông chữ và hình ảnh pixel hoặc con trỏ tùy chỉnh.  

Mẹo thiết kế. chỉ lấy một yếu tố thiết kế và diễn giải nó theo cách hiện đại hơn khiến thiết kế của bạn quay trở lại một thời đại cụ thể mà không cảm thấy quá theo chủ đề

Trang web danh mục đầu tư cá nhân của nhà thiết kế Christopher Nelson tham khảo thiết kế Y2K với hình ảnh sạch, màu phẳng, giống nhãn dán và phông chữ pixel

Có một số tài nguyên tuyệt vời để tìm cảm hứng từ Internet Y2K. Sử dụng Wayback Machine của Internet Archive để nghiên cứu các thiết kế trang web thực từ thời đại hoặc theo dõi sự phát triển của thiết kế một trang web cụ thể trong nhiều thập kỷ. Để có nhiều lựa chọn hơn, Bảo tàng Thiết kế Web [và nguồn cấp dữ liệu Twitter tuyệt vời của nó] trưng bày ảnh chụp màn hình của các thiết kế mang tính biểu tượng từ cuối những năm 90 và đầu những năm 2000

Phông chữ Y2K và thiết kế dựa trên văn bản

Với xu hướng Y2K, chúng tôi dự đoán sẽ có nhiều nhà thiết kế lấy cảm hứng từ phông chữ và bố cục văn bản của thời đại vào năm 2023. Các thiết kế lấy cảm hứng từ Y2K ít tối giản hơn và thường sử dụng văn bản dày đặc hoặc phông chữ hỗn hợp để tạo ra một thiết kế bắt mắt

Phông chữ được sử dụng trong thiết kế web trong thời đại Y2K rất đơn giản, thường là sans serif hoặc đơn cách và đôi khi có pixel rõ ràng, như trong trang web của Christopher Nelson ở trên. Do hình ảnh tải chậm vào đầu những năm 2000, thiết kế web có xu hướng bố cục đơn giản, tập trung vào văn bản với nhiều khoảng trắng.  

Một trang web thời Y2K cổ điển có thể trông giống như FanFiction. net vào khoảng năm 2001 — nhiều khoảng trắng, biểu tượng hình ảnh nhỏ và rất nhiều Arial hoặc Verdana.  

FanFiction. net vào khoảng năm 2001 có thể đáp ứng mọi nhu cầu về fanfic Animorphs của bạn. [Nguồn. Máy quay ngược]

Trang web danh mục đầu tư của nhà thiết kế và nghệ sĩ Adam Ho lấy cảm hứng rõ ràng từ thời đại này với thiết kế chữ trên nền trắng hoàn toàn của anh ấy. Anh ấy thêm sự thú vị về mặt hình ảnh bằng cách trộn các phông chữ theo cách tương phản với bố cục được phân chia và nền rõ ràng.  

Adam cũng sử dụng phông chữ sans-serif đậm để thu hút sự chú ý đến một số yếu tố nhất định trong thiết kế của anh ấy, được cân bằng bởi sự kết hợp của light-serifs để thu hút thị giác. Thiết kế thậm chí còn bao gồm một chút thẩm mỹ mạng bằng cách sử dụng kiểu chữ có số 0 bị gạch chéo [như Terminal hoặc Consolas] cho ngày tháng

Trang portfolio cá nhân của Adam Ho. Adam đã cung cấp danh sách đầy đủ các phông chữ trong thiết kế của mình một cách hữu ích. Verily Serif Mono, Nickel Gothic, Fake Receipt, Carta Nueva, Arial, Neue Haas và Alte Haas

Con trỏ duy nhất

Nếu bạn trực tuyến trong những năm 90 và đầu những năm 2000, bạn có thể nhớ mình đã thay đổi con trỏ của mình thành một con mèo, mặt cười hoặc đầu người ngoài hành tinh màu xanh lá cây. Bạn có thể thích chơi với các hiệu ứng con trỏ giải trí vô tận như đồng hồ, bụi thần tiên hoặc đường mòn ma quái. Y2K là một thời gian thực sự thú vị trong lịch sử đồ họa con trỏ

Vào năm 2023, hy vọng sẽ thấy nhiều con trỏ tùy chỉnh hơn. Con trỏ có thể sử dụng hình ảnh gốc làm biểu tượng hoặc họ có thể sử dụng hiệu ứng động để tạo trải nghiệm tương tác. Tuy nhiên, lần này, bạn có thể sử dụng chúng mà không cần cài đặt gói con trỏ và làm đầy máy tính của bạn bằng phần mềm độc hại

Mac, mẫu trang web cổ điển có thể nhân bản của Mackenzie Child

Một ví dụ tuyệt vời về xu hướng này là các con trỏ tùy chỉnh tương tác của Mackenzie Child trên Mac, mẫu trang web cổ điển có thể sao chép của anh ấy. Hai con trỏ của Mackenzie— một mũi tên cổ điển và một ngón tay trỏ cho các liên kết - có kích thước quá khổ một cách hài hước với khuôn mặt hoạt hình hoàn toàn phù hợp với các yếu tố khác trong thiết kế của anh ấy

Để tiếp tục với chủ đề Y2K, Mackenzie sử dụng bảng màu thang độ xám, bố cục đóng hộp nặng và phông chữ sans-serif chịu ảnh hưởng trực tiếp của phần mềm ban đầu như Apple Lisa và Adobe PageMaker

điểm ảnh

Pixelation, ban đầu là một nhu cầu công nghệ trong những ngày đầu của máy tính, đã trở thành một tính thẩm mỹ khi Y2K hồi sinh. Gần đây, các nhà thiết kế đã sử dụng pixelation trong phông chữ, biểu tượng và hình ảnh để tăng thêm sự thú vị cho thị giác.

Công ty tiếp thị tin nhắn văn bản Trang web dành cho kỳ nghỉ lễ năm 2022 của Attentive đã bày tỏ sự tôn vinh rõ ràng đối với kỷ nguyên Y2K

Lấy ví dụ về trang web tiếp thị kỳ nghỉ lấy cảm hứng từ Y2K của Attentive. Họ đã tạo ra một biểu trưng cầu vồng có pixel, sử dụng các biểu tượng có pixel và các bức ảnh được tạo pixel cho các bài báo của họ. Các hình dạng và pixel đơn giản thống nhất thiết kế và mang lại cảm giác về một thế giới cổ điển khép kín khi bạn sử dụng trang web của họ

2. kiểu chữ tùy chỉnh

Khi các thiết kế trang web đã chiếm ưu thế trong những năm gần đây, chúng tôi dự đoán sự gia tăng của phông chữ tùy chỉnh và chữ viết tay sẽ là bước phát triển tiếp theo của xu hướng này vào năm 2023.   

Chúng tôi đã thấy ngày càng nhiều nhà thiết kế tạo kiểu chữ hoặc chữ tùy chỉnh cho các dự án cá nhân hoặc khách hàng như một cách để nổi bật. Các thiết kế tập trung vào kiểu chữ đã trở thành xu hướng trong vài năm nay, vì vậy phong cách này tiếp tục xu hướng đồng thời đưa nó lên một tầm cao mới về sự độc đáo

Và không có thiết kế hay phong cách cụ thể nào sẽ thống trị toàn cầu. Do tính chất tùy chỉnh của xu hướng này, chúng tôi thấy các nhà thiết kế kết hợp những nét riêng của họ từ mọi thứ và mọi thứ — thiết kế áp phích, tiểu thuyết đồ họa, vật liệu trong thế giới thực và thậm chí cả cuộc sống của chính họ.  

Bạn có thể tiếp cận xu hướng này theo một số cách khác nhau, tùy thuộc vào hiệu ứng mà bạn đang cố gắng tạo ra và mức độ kinh nghiệm của bạn với các kỹ thuật minh họa và chữ. Các công cụ tạo phông chữ như BitFontMaker, FontStruct và Calligraphr cung cấp cho bạn các cách khác nhau để xây dựng, tải xuống và sử dụng phông chữ gốc của bạn.  

Nếu bạn có một số kỹ năng với các công cụ minh họa kỹ thuật số, bạn có thể tạo đồ họa chữ, tùy chỉnh. Bạn cũng có thể số hóa tác phẩm nghệ thuật mà bạn đã tạo ra bằng bút chì, bút mực, sơn hoặc hầu hết các phương tiện khác. Nó đòi hỏi một số kỹ năng kỹ thuật, nhưng cũng có tùy chọn để chụp các hình minh họa và vector hóa chúng để biến chúng thành các kiểu chữ đầy đủ chức năng

Bây giờ, hãy xem xét kỹ hơn một số thiết kế yêu thích của chúng tôi mà chúng tôi đã thấy gần đây.  

Các thiết kế phông chữ in lụa và in lụa từ Tré Seals

Thiết kế web dựa trên văn bản hoạt động tốt khi nó đậm, đồ họa và dễ đọc. Điều này làm cho nó tương tự như các bảng hiệu, áp phích và biểu ngữ cần phải bắt mắt và dễ đọc

Trang web của Tré Seals sử dụng kiểu chữ gốc của riêng anh ấy để tạo ra tác động trực quan nổi bật

Tré Seals là một nhà thiết kế đồ họa, người sáng lập Vocal Type Co và là một nhà sáng tạo Da đen, người lấy cảm hứng trực tiếp cho các kiểu chữ của mình từ các phong trào xã hội và phong trào chính trị có ý nghĩa đối với anh ấy

Chữ trên các biển hiệu và áp phích được sử dụng trong các phong trào này thường được vẽ bằng tay, in lụa hoặc in khuôn. Nó cần truyền tải thông điệp của mình, vì vậy nó phải khác biệt và dễ đọc.  

Với ý nghĩ này, Tré sử dụng phông chữ nặng hơn, các cạnh cứng và các đường thẳng để làm cho mỗi chữ cái trở nên đặc biệt. Kết quả là các kiểu chữ có thể được sử dụng để tạo ra các thiết kế web thu hút sự chú ý

Chữ vẽ tay đầy màu sắc từ Leandro Assis

Các hình minh họa trừu tượng đã có xu hướng kể từ đó và các phong cách thiết kế minh họa như Corporate Memphis vẫn tiếp tục phổ biến. Vì điều này, chúng tôi đã thấy nhiều nhà thiết kế dựa vào chữ vẽ tay minh họa như một sự kết hợp bổ sung cho các phong cách minh họa đó.  

Trang web của Leandro Assis cũng thú vị như các phông chữ tùy chỉnh của anh ấy

Một trong những ví dụ yêu thích của chúng tôi về điều này là tác phẩm của Leandro Assis, một nghệ sĩ viết chữ người Brazil, người đã tạo ra các phông chữ tươi sáng và vui tươi chịu ảnh hưởng từ hoạt hình và minh họa. Phong cách đồ họa vui nhộn trong tác phẩm của anh ấy đã trở nên phổ biến với các khách hàng như Nike, Amazon Music và thậm chí cả RuPaul’s Drag Race.  

Leandro sử dụng các khối màu phẳng, đường cong và đường viền màu đen để làm cho chữ của anh ấy nổi bật. Anh ấy thậm chí còn tạo ra các hiệu ứng hoạt hình với chữ của mình, khiến nó thu hút sự chú ý.  

Trompe-l'oeil của Aurelie Maron

Gần đây đã có một số ví dụ tuyệt vời về chữ trông giống như hình vẽ bằng phấn, biển báo bằng kim loại và đèn neon, và thậm chí cả các hiệu ứng dệt như chữ thêu trong thiết kế web. Phong cách này được gọi là trompe l'oeil, nghĩa là "đánh lừa thị giác" trong tiếng Pháp. Nó tạo ảo giác về kết cấu 3D và vật liệu thực, gần như bật ra khỏi màn hình.  

Trang web của Aurelie Maron bao gồm các kiểu chữ tùy chỉnh, cách viết chữ và thậm chí là một bộ đầy đủ các khóa học về kiểu chữ.  

Đặc biệt, chúng tôi yêu thích tác phẩm của Aurelie Maron với kiểu chữ trompe l'oeil. Chữ tùy chỉnh của cô ấy bắt chước các phương tiện vật lý, nghệ thuật. Hiệu ứng này không dễ đạt được, nhưng cô ấy đã tạo ra một loạt các lớp học và hướng dẫn thiết kế chữ cái để giúp các nhà thiết kế tạo ra chữ cái gốc của riêng họ

3. khung có thể chia sẻ

Vì những người sáng tạo đang chia sẻ tài nguyên và kỹ thuật như một cách để xây dựng cộng đồng, phát triển danh tiếng của họ và làm cho trang web trở thành một nơi tốt hơn về tổng thể — kỳ vọng sẽ chứng kiến ​​sự bùng nổ của các khuôn khổ có thể chia sẻ vào năm 2023

Đáng chú ý, Flowbase đã nhận thấy rằng việc cung cấp tài nguyên miễn phí là một kênh tăng trưởng chính cho hoạt động kinh doanh của mình. Đại lý webflow Finsweet đã xây dựng danh tiếng mạnh mẽ của họ bằng cách cởi mở với các kỹ thuật của họ và chia sẻ kiến ​​thức của họ trong không gian thiết kế

Nhiều người tạo web cũng thực sự muốn xây dựng trải nghiệm web tốt hơn cho mọi người. Alexa Heinrich đã nói về Sách hướng dẫn xã hội có thể truy cập của cô ấy trong một cuộc phỏng vấn gần đây với Webflow. Cô ấy quan tâm đến việc làm cho mạng xã hội trở thành một nơi dễ tiếp cận hơn. Thay vì chỉ bảo mọi người xây dựng khả năng tiếp cận, cô ấy đã chọn chia sẻ một hướng dẫn thiết thực để giúp họ làm điều đó

Các nhà thiết kế đang chia sẻ trang web của họ dưới dạng các mẫu có thể sao chép trên Made in Webflow. Chúng tôi cũng nhận thấy số người chia sẻ các mẫu Notion, như mẫu này của Trist Adlington, và tạo các hệ thống kiểu như Client-First của Finsweet, ngày càng tăng. Ngoài ra, nhiều người sáng tạo đóng góp cho các thư viện tài nguyên như The Noun Project

Khung Knockout của Edgar Allan

Một trong những mục yêu thích của chúng tôi là Knockout của Edgar Allan  —  một khung phát triển toàn diện được thiết kế để giúp các nhà thiết kế và nhà phát triển làm việc cùng nhau trong Webflow. Nó bao gồm một mẫu Figma đầy đủ cung cấp cho người dùng một lưới đáp ứng, hệ thống đặt tên lớp và thiết kế đáp ứng tích hợp. Nó giải quyết rất nhiều phần tổ chức của việc xây dựng web, vì vậy người dùng có thể tập trung vào việc tạo ra các thiết kế tuyệt vời

4. Minh họa với chiều

Với sự trỗi dậy của metaverse, các hình minh họa bắt chước thế giới ảo đang trở thành mốt — với hình minh họa 3D và Claymorphism dẫn đầu.  

Mặc dù minh họa 3D đã là một xu hướng trong năm 2010, nhưng nó chỉ là một phong cách minh họa. Các trang web hiện tại đang bắt đầu thêm chiều kích theo cách nhập vai hơn, kéo người dùng vào không gian mạng bằng cách thêm hoạt ảnh, hiệu ứng toàn trang và hình minh họa nhiều lớp

minh họa 3D

Vào năm 2023, chúng ta sẽ chứng kiến ​​sự hồi sinh về mức độ phổ biến của hình minh họa 3D trong thiết kế web. Với phong cách minh họa phẳng thống trị xu hướng trong những năm gần đây, thiết kế 3D đã trở thành một cách để các dự án và trang web nổi bật giữa đám đông.  

Điều thậm chí còn hiện đại và bắt kịp xu hướng hơn là xây dựng trải nghiệm hình ảnh 3D đầy đủ trên trang web của bạn, giống như Redis Agency đã làm với trang web của họ. Thay vì sử dụng hình ảnh động làm tiêu đề hoặc hình minh họa độc lập, họ đặt nó ở phía trước nội dung trang web. Trang web thậm chí còn hấp dẫn hơn với việc bổ sung hiệu ứng cuộn thị sai

Trang web của Redis Agency bao gồm một hình minh họa 3D hấp dẫn di chuyển linh hoạt khi người dùng cuộn

Công nghệ tiếp tục được cải thiện và hình ảnh 3D dễ tạo hơn bao giờ hết, nhưng bạn không cần phải là một họa sĩ minh họa 3D để tận dụng xu hướng này. Chúng tôi dự đoán sẽ thấy nhiều nhà thiết kế tạo thư viện 3D dựng sẵn mà những người khác có thể sử dụng để thêm sự quan tâm trực quan vào trang web của họ trong năm tới.  

siêu dữ liệu

Metaverse là một ý tưởng, một không gian kỹ thuật số tương tác và một thế giới trực tuyến mới. Nó có thể được tranh luận sôi nổi, nhưng điều đó chỉ có nghĩa là nó ngày càng được quan tâm nhiều hơn. Khi người dùng web đã quen với không gian trực tuyến và thực tế ảo, phong cách thiết kế của metaverse sẽ ngày càng trở thành một phần quan trọng trong ngôn ngữ hình ảnh của thiết kế web vào năm 2023

Metaverse là một dạng thực tế ảo. Trực quan, điều đó có nghĩa là mọi yếu tố được xây dựng để tạo thành một thế giới gắn kết. Thay vì một yếu tố hoặc hình minh họa 3D duy nhất trên trang web, chúng tôi đã thấy các trang web lấy cảm hứng từ siêu dữ liệu xây dựng kiểu 3D toàn diện cho trang của họ.  

Điều này bao gồm mọi thứ từ hình minh họa, hình nền, văn bản và thậm chí cả con trỏ. Các trang web cũng đã bao gồm các Tương tác và hiệu ứng động để giúp thu hút người dùng và làm cho trang web có tính tương tác cao hơn

Totem là một hệ điều hành hỗ trợ blockchain giúp người dùng xây dựng Web 3. 0 bản sắc cho “ecofuture. ”

Một ví dụ đáng chú ý là trang web của Totem sử dụng các hiệu ứng hoạt hình để xây dựng trải nghiệm trang web sống động. Offbrand, người thiết kế trang web, đã sử dụng hiệu ứng nhiễu hạt và các lớp sương mù phát sáng để thống nhất nội dung, nền và các yếu tố minh họa của trang web

Ở phía bên kia của xu hướng metaverse, trang Music Mania sử dụng hoạt ảnh 3D của nó làm thành phần nền tách biệt với phần còn lại của trang web với các khung, văn bản và các thành phần minh họa phẳng được phủ lên. Sự tách biệt giúp hình ảnh động cảm thấy ít áp đảo hơn

đất sét

Claymorphism tạo ra trải nghiệm năng động theo một cách khác, mang đến cho người xem những hình ảnh minh họa cảm giác xúc giác và chân thực. Rất nhiều người dùng web có thể có tình cảm gắn bó mạnh mẽ với các hiệu ứng đất sét sau khi lớn lên cùng những bộ phim như “Wallace & Gromit” hoặc “Coraline. ”

Chúng tôi hy vọng các thiết kế lấy cảm hứng từ đất sét sẽ trở nên phổ biến vào năm 2023, khi chúng kết hợp hiệu ứng 3D với hình người hoạt hình đã phổ biến trong thiết kế web trong vài năm qua

LS Graphics đã tạo Guuulp. , một bộ sưu tập hình minh họa 3D về các nhân vật và đồ vật lấy cảm hứng từ Claymorphism

Claymorphism là một cách tiếp cận tuyệt vời để tạo hình người 3D vui tươi mà không cần tiếp cận lãnh thổ thung lũng kỳ lạ. Một số ví dụ tuyệt vời là Guuulp. thư viện hoạt hình của Webflow có rất nhiều người theo phong cách đất sét hóa và trang Tài trợ cộng đồng của Webflow kết hợp các nhân vật Claymorphic để mang lại sức sống cho trang

5. Tương tác “chỉ để cho vui”

Năm nay, chúng tôi hy vọng sẽ thấy nhiều tương tác “chỉ để giải trí” và không phục vụ bất kỳ mục đích cụ thể nào ngoài việc bổ sung trải nghiệm cho trang web.  

Xây dựng dựa trên xu hướng trang web giống như ứng dụng của năm ngoái — chỉ dành cho các tương tác thú vị, cho phép người dùng chơi với một trang web và mang trải nghiệm kỳ diệu đó đến các phần của một trang web lớn hơn.  

Cầu chì. hiệu ứng hoạt hình Hố bóng của kiwi

Khi nói đến hoạt ảnh chỉ để giải trí, nó không nhất thiết phải là một phần của điều hướng chính trên trang web của bạn để có hiệu quả. Trên thực tế, đôi khi, tốt nhất là không nên. Các hoạt ảnh tương tác như Hố bóng hoặc Nút tình yêu hấp dẫn và cực kỳ thú vị để chơi mà không ảnh hưởng đến khả năng truy cập của trang web

Nhân vật Batumba của Cơ quan Lazarev ở phía trước và trung tâm trên trang web của nó

Hoạt ảnh “chỉ để cho vui” cũng có thể thêm ý nghĩa cho trang web của bạn nếu được sử dụng một cách sáng tạo. Lazarev Agency đã thiết kế Batumba như một linh vật và tạo hiệu ứng hoạt hình tương tác của anh ấy như một bài tập xây dựng đội ngũ. Nhân vật này làm cho đại lý trở nên đáng nhớ và thể hiện kỹ năng mã hóa của nhóm với các khách hàng tiềm năng một cách vui vẻ

Giải phóng sự sáng tạo của bạn trên web

Xây dựng các trang web hoàn toàn tùy chỉnh, sẵn sàng sản xuất — hoặc các nguyên mẫu có độ trung thực cực cao — mà không cần viết một dòng mã nào. Chỉ với Webflow

Bắt đầu miễn phí

Đăng ký để trở thành Người dùng nội bộ Webflow

Cảm ơn. Bạn hiện đã đăng ký

Ối. Đã xảy ra lỗi khi đăng ký

Hoạt hình tải trang web của Antonio Segurado chào mừng bạn vào

Một trong những mục yêu thích của chúng tôi mà chúng tôi đã thấy là trang web của Antonio Segurado sử dụng hoạt ảnh tải để giới thiệu Antonio với khách truy cập — tạo hiệu ứng đơn giản nhưng dễ chịu. Tương tự, Cory Runnells tạo tường thuật đầy đủ cho trang web của mình. Nó bắt đầu với một hoạt hình thu nhỏ qua một thành phố đang tải, sau đó anh ấy tự giới thiệu mình là một nhân vật giống như siêu anh hùng và giải thích chuyên môn của mình thông qua một mẩu truyện tranh

Hoạt hình tải trang web của Rachel Bavaresco

Chúng tôi cũng yêu thích hoạt ảnh tải của Rachel Bavaresco tập trung vào bộ sưu tập hoạt hình gồm các nhân vật vẽ tay của cô ấy —  một cách hoàn hảo để thể hiện kỹ năng của cô ấy và giới thiệu với khách truy cập tác phẩm của cô ấy.  

7. Sự hợp tác

Môi trường làm việc tại nhà và làm việc kết hợp đã trở thành tiêu chuẩn kể từ khi bắt đầu đại dịch COVID-19. Do đó, các công cụ kỹ thuật số cho phép cộng tác từ xa hoặc các tính năng kết hợp hỗ trợ cộng tác rõ ràng, như vai trò và quyền của Webflow, không chỉ phổ biến mà còn trở nên thiết yếu. Chúng tôi sẽ tiếp tục thấy xu hướng thêm các tính năng cộng tác tích hợp vào các công cụ kỹ thuật số tiếp tục phát triển

Các công cụ như Trello đang giúp các nhóm cộng tác và làm việc cùng nhau một cách sáng tạo, thậm chí ở khoảng cách xa

Adobe đã công bố vào tháng 9 rằng họ sẽ mua lại công cụ cộng tác thiết kế nổi tiếng Figma. Công ty được biết đến rộng rãi với các tính năng hợp tác như hệ thống thiết kế và chia sẻ nguyên mẫu giúp giữ tài sản được chia sẻ ở một nơi.  

Việc mua lại này báo hiệu rằng nơi làm việc đang nhìn thấy giá trị của phần mềm hỗ trợ cộng tác kỹ thuật số theo cách có ý nghĩa hơn. Chúng tôi hy vọng sẽ thấy ngày càng nhiều công cụ kỹ thuật số tung ra các tính năng hợp tác trong tương lai gần

8. Trải nghiệm nội dung cao cấp

Sang năm 2023, chúng tôi kỳ vọng sẽ có thêm nhiều người sáng tạo và doanh nghiệp khám phá giá trị của tính năng hội viên, nội dung được kiểm soát và trải nghiệm cao cấp. Toàn bộ khái niệm về Web3 — đã đạt được sức hút to lớn trong năm qua —  là tính phi tập trung của web. Xây dựng nội dung được kiểm soát vào một trang web mang lại cho bạn nhiều quyền kiểm soát hơn đối với cộng đồng của mình và giúp bạn được trả tiền để tạo nội dung có giá trị

Người sáng tạo sẽ ngày càng nắm lấy sự độc lập đi kèm với việc sở hữu cổng thông tin nội dung của riêng họ. Trong khi các doanh nghiệp - những người đang tìm cách để họ có thể chống chọi với suy thoái kinh tế hơn - sẽ hướng tới nội dung cao cấp và tư cách thành viên được kiểm soát để cho phép họ tạo thêm nguồn thu nhập trực tiếp từ trang web của riêng họ.  

NoCode Kids sử dụng tính năng thành viên trả phí để thiết lập nền tảng học tập trực tuyến

Một ví dụ tuyệt vời về trang web tạo trải nghiệm nội dung cao cấp là NoCode Kids sử dụng tư cách thành viên Webflow để xây dựng toàn bộ nền tảng học tập trực tuyến nhằm dạy những người trẻ tuổi cách sử dụng các công cụ không cần mã.  

Một trang web khác, Ladies Get Paid, có một cổng trả phí cho phép người dùng truy cập vào toàn bộ cộng đồng phụ nữ trong kinh doanh, cùng với các tài nguyên giáo dục.  

Sequoia Ampersand cũng sử dụng tính năng thành viên của Webflow để cung cấp quyền truy cập vào kho lưu trữ tài nguyên kinh doanh phong phú của nó. Điều này không chỉ giúp Sequoia Ampersand trong nỗ lực mang lại lợi ích cho cộng đồng của họ, mà còn giúp họ tương tác trực tiếp hơn với người dùng của mình

Cổng nội dung cao cấp hoặc tính năng thành viên cũng cho phép bạn làm cho trang web của mình có giá trị hơn và hấp dẫn hơn chứ không chỉ là một nguồn thông tin tĩnh. Bạn có thể tạo tư cách thành viên của riêng mình cho khách hàng hoặc thêm đăng ký để kiếm tiền từ các mẫu và thiết kế của mình. Bạn cũng có thể giới thiệu cổng nội dung cao cấp cho khách hàng, tăng thêm giá trị cho công việc bạn làm cho người khác

9. Các trang web nhẹ, hiệu quả hơn

Cả về mặt trực quan và mặt sau, các trang web nhẹ, nhanh và được tối ưu hóa cho trải nghiệm người dùng sẽ trở nên phổ biến hơn vào năm 2023. Người dùng ghét phải chờ đợi. Không chỉ vậy, ngày càng có nhiều người dùng hoặc mạng có thể bị chậm. Xu hướng website nhẹ đảm bảo người dùng có được thứ họ cần và thích thú khi truy cập website của bạn

Trong suốt lịch sử internet, các nhà thiết kế thường hạn chế hình ảnh và đồ họa để tăng tốc độ tải trang web. Mặc dù điều này không còn thực sự cần thiết nữa, nhưng bạn vẫn cần biết mức độ nặng của các tệp phương tiện trên trang web của mình.  

Công nghệ như hình ảnh WebP và các kỹ thuật như thiết kế video nền tải chậm cho phép bạn thêm tất cả phương tiện bạn muốn mà không làm hỏng trải nghiệm người dùng

10. Sử dụng thông báo có chủ ý hơn

Trong lịch sử, các công ty đã sử dụng thông báo di động như một công cụ bán hàng. Thông báo có khả năng nhắc người tiêu dùng mua hàng, cho dù đó là thông báo cho họ về doanh số bán hàng, thứ gì đó cần mua hay tính năng mới

Nhiều ứng dụng và trang web sẽ kết hợp thông báo để kết nối với người dùng của họ trong năm nay. Khán giả muốn tương tác của họ với các ứng dụng họ đang sử dụng trở nên chân thực hơn và hữu ích hơn đối với họ

Thông báo có khả năng làm cho các trang web và ứng dụng trở nên hữu ích hơn, mang tính cá nhân hơn và hòa nhập hơn vào cuộc sống của người dùng. Năm nay đã chứng kiến ​​một xu hướng tổng thể về trải nghiệm hấp dẫn hơn trên web. Đặc biệt, chúng tôi hy vọng sẽ thấy các thông báo được sử dụng theo những cách sáng tạo hơn để tương tác với người dùng và cung cấp thông tin hữu ích.  

Twitter đã giới thiệu thông báo nhắc nhở bằng văn bản thay thế để tăng khả năng truy cập nền tảng của nó

Twitter gần đây đã thêm thông báo vào ứng dụng của mình để nhắc người dùng bao gồm văn bản thay thế khi họ thêm hình ảnh. Văn bản thay thế cực kỳ quan trọng đối với khả năng truy cập, cho phép người dùng dựa vào trình đọc màn hình, chẳng hạn như những người mù và có thị lực kém, hiểu được nội dung của hình ảnh. Sự bổ sung đơn giản này có khả năng tăng khả năng truy cập của toàn bộ nền tảng Twitter một cách có ý nghĩa

Một số ví dụ khác gần đây mà chúng tôi thấy là Apple iOS mới bao gồm tính năng “Chia sẻ trạng thái Tiêu điểm” và thông báo cho ai đó đang cố gắng liên hệ với họ nếu họ được đặt ở chế độ Tiêu điểm khi đang lái xe hoặc bật Không làm phiền sau khi đi ngủ. Lyft cũng đã kết hợp các thông báo cực kỳ hữu ích như “đi xe mất nhiều thời gian hơn dự kiến” và hỗ trợ 911 im lặng khi cần.  

Những ví dụ này là tín hiệu về nhận thức ngày càng tăng về sức mạnh của thông báo. Hai nền tảng nổi bật này đang thử nghiệm sử dụng thông báo theo cách tích hợp hơn. Nó tạo ra một tín hiệu sớm mạnh mẽ rằng chúng ta có thể sẽ thấy nhiều tính năng như thế này sẽ ra mắt trong suốt năm tới

11. Trải nghiệm xem có thể tùy chỉnh

Với sự gia tăng cá nhân hóa trên web, nhiều trang web sẽ cho phép trải nghiệm xem có thể tùy chỉnh. Bước sang năm 2023, trải nghiệm web ngày càng đáp ứng nhu cầu và sở thích của người dùng.  

Các nền tảng xây dựng trang web hiện cung cấp cho các nhà thiết kế các công cụ để dễ dàng cho phép người dùng của họ tùy chỉnh các tính năng trong trải nghiệm trang web của họ. Có nhiều nhận thức hơn về khả năng truy cập — trong xã hội và trên web. Các tính năng như chế độ tối và âm thanh có thể giúp trang web thân thiện hơn với những người có nhu cầu khác nhau.  

Mọi người phản hồi tốt với các trang web phù hợp với sở thích, tương tác và thiết kế mà họ có thể tùy chỉnh theo sở thích của mình. Xu hướng xây dựng nhiều trải nghiệm xem có thể tùy chỉnh hơn này là một tiến trình tự nhiên từ sự phổ biến của các trang web dưới dạng trò chơi và các tính năng tương tác mà chúng tôi đã thấy trong những năm trước

Công tắc chế độ tối liên tục của Timothy Ricks cho phép người dùng bật và tắt chế độ tối. Sao chép thiết kế này để thử nghiệm tính năng

Cài đặt có thể tùy chỉnh có thể được sử dụng theo mọi cách hữu ích và sáng tạo. Timothy Ricks đã tạo Công tắc chế độ tối liên tục mà khách truy cập có thể sử dụng để thay đổi trải nghiệm xem của họ [thử tính năng có thể nhân bản trong một dự án]. Một tính năng hữu ích khác là chuyển đổi tab thay đổi, cung cấp thông tin người dùng phản hồi các cài đặt họ chọn, chẳng hạn như đăng ký gói hàng tháng hoặc hàng năm [dùng thử tại đây].  

The Big Bed bởi Nhà thiết kế sản phẩm giao diện người dùng UX Anfernee Grant

Trải nghiệm xem có thể tùy chỉnh cũng có thể được sử dụng để thể hiện sáng tạo. Happy Medium cho phép người dùng thay đổi màu văn bản trên trang web của họ để phù hợp với ý thích bất chợt của họ, đây là một bổ sung thú vị cho trải nghiệm trang web.  

Anfernee Grant thậm chí còn biến một trang web thành một câu chuyện hấp dẫn trước khi đi ngủ với The Big Bed. Anh ấy cho phép người dùng chọn đọc to các phần cho họ nghe hoặc bỏ qua các trang cụ thể. Bất kỳ ai đã từng đọc truyện kể trước khi đi ngủ cho trẻ em sẽ nhận ra việc quay lại trang yêu thích của chúng nhiều lần [và nhiều lần] sẽ hữu ích như thế nào

2023 là năm tương tác của người dùng

Web là một nơi tương tác, và nó đã như vậy kể từ khi thành lập. Các nhà thiết kế luôn yêu thích việc tạo ra trải nghiệm chân thực và trò chơi sáng tạo, đồng thời khiến khách truy cập trở thành một phần tích cực trong trải nghiệm trang web của họ. Điều làm nên sự khác biệt của năm nay là ý tưởng tích hợp dễ dàng về mức độ tương tác của người dùng đã trở nên như thế nào

Giờ đây, chúng tôi có công nghệ để trao quyền cho người dùng web tham gia vào việc định hình trải nghiệm web của chính họ;

Bạn có thể xây dựng sự tương tác vào trang web của mình với khả năng phản hồi, hoạt ảnh và sự thú vị. Bạn có thể thêm chức năng để biến trang web của mình thành một câu chuyện trước khi đi ngủ, một tài nguyên học tập, một khung phát triển web được chia sẻ hoặc chỉ là một nơi thú vị để chơi.  

Điều rõ ràng là các trang web hiện đại đang ngày càng trở thành những nơi sống động, nơi các nhà thiết kế và người dùng tìm ra những cách mới để tương tác và tham gia. Chúng tôi nghĩ rằng đó có vẻ là một cách thú vị để trải nghiệm web

Xu hướng thiết kế tương lai năm 2023 là gì?

Vào năm 2023, hy vọng các nhà thiết kế sẽ sử dụng các yếu tố hình ba chiều để tạo ra các thiết kế bắt mắt, hấp dẫn và mang tính tương lai. Cho dù đó là thông qua việc sử dụng các yếu tố ba chiều trong thiết kế bao bì, thiết kế kỹ thuật số hay xây dựng thương hiệu, rung cảm ba chiều chắc chắn sẽ là một xu hướng lớn vào năm 2023.

Xu hướng thiết kế trong marketing 2023 là gì?

Xu hướng thiết kế đồ họa năm 2023 dự kiến ​​sẽ gây chấn động trong năm tới bao gồm phông chữ loe, metaverse và thương hiệu nhiếp ảnh . Tâm trạng chung của tương lai tạo nên âm thanh cho năm 2023, với các trang web chế độ tối, chuyển màu lỏng và logo khoa học viễn tưởng khai thác chủ đề tư duy tiến bộ.

Dự báo xu hướng thiết kế đồ họa 2023 là gì?

Chúng tôi dự đoán xu hướng thiết kế đồ họa năm 2023 sẽ thể hiện sự sáng tạo, chủ nghĩa tương lai và sự dũng cảm . Sẽ có sự tập trung nhiều hơn vào thiết kế đơn giản, rút ​​gọn, làm nổi bật chủ nghĩa nhân văn, tính xác thực và cá tính.

Chủ Đề