Trong những năm gần đây, xu hướng thiết kế UI/UX hướng tới sử dụng các yếu tố vẽ tay ngày càng tăng. Các yếu tố vẽ tay có thể mang lại nét độc đáo và cá nhân hóa cho sản phẩm kỹ thuật số, khiến sản phẩm đó nổi bật so với thiết kế của đối thủ cạnh tranh. Xu hướng này một phần là phản ứng trước sự thịnh hành của thiết kế phẳng và chủ nghĩa tối giản, đôi khi có thể mang lại cảm giác khô khan hoặc thiếu cá tính.
Các yếu tố vẽ tay có thể bao gồm các biểu tượng vẽ tay, hình minh họa và kiểu chữ tùy chỉnh, chỉ kể tên một số. Những yếu tố này truyền tải cảm giác hữu cơ và tự nhiên hơn, mang lại cho thiết kế một cái nhìn ấm áp và dễ tiếp cận. Nó cũng có thể giúp tạo ra trải nghiệm dường như xúc giác, đặc biệt là khi sử dụng máy tính bảng hoặc thiết bị màn hình cảm ứng, vì nó tạo cảm giác tự nhiên hơn cho giao diện giữa người dùng và thiết bị. Thiết kế bao gồm “dấu vân tay con người” rõ ràng, có thể giúp tạo cảm giác kết nối cảm xúc giữa người dùng và sản phẩm, điều này có thể đặc biệt quan trọng đối với các thương hiệu đang cố gắng tạo dựng niềm tin với khán giả của mình
Tuy nhiên, điều quan trọng là sử dụng các yếu tố vẽ tay sao cho phù hợp với thiết kế tổng thể của sản phẩm. Mặc dù các yếu tố vẽ tay có thể tăng thêm cá tính cho thiết kế nhưng chúng cũng có thể khiến thiết kế trở nên kém “chuyên nghiệp” hơn nếu chúng không được sử dụng một cách chiến lược. Do đó, điều quan trọng là phải sử dụng chúng một cách tiết kiệm và theo cách phù hợp với ngôn ngữ thiết kế tổng thể của sản phẩm
Tóm lại, các yếu tố vẽ tay có thể là một nguồn tài nguyên mạnh mẽ để tạo ra các thiết kế UI/UX độc đáo và được cá nhân hóa 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ị trong việc xây dựng trang web
Liz Huang
Quản lý biên tập viên
Leah Retta
Giám đốc tiếp thị nội dung
Rease Rios
Giám đốc tiếp thị nội dung cấp cao
không tìm thấy vật nào
Xu hướng không chỉ là một phong cách phổ biến hay hành vi tập thể được nền văn hóa chính thống chấp nhận 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 niệm, tạo ra sự kết nối với 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ọ
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 mình 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à sự chuyển hướng sang những trải nghiệm phong phú hơn. Cho dù điều đó đế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 hấp dẫn như metaverse — chúng tôi rất vui mừng được biết điều gì sẽ xảy ra trong năm tới
Nếu bạn muốn thấy sự 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 năm 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 sẽ thấy phong cách thẩm mỹ Y2K tiếp tục phát triển phổ biến. Trong những năm gần đây, phong cách đầu những năm 2000 đang hồi sinh 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 lan sang thiết kế và web.
Xu hướng hoài cổ trong lịch sử diễn ra trong một [tranh luận sôi nổi] [một số cho là 30, số khác cho rằng 50]. Với sự phát triển của phương tiện truyền thông xã hội, việc áp dụng và chia sẻ các xu hướng mới đã trở nên dễ tiếp cận hơn, do đó 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 kỳ chuyển giao thế kỷ đã trở lại đầy đủ.
Một số nhà thiết kế đang theo xu hướng này theo hướng tân trang lại, 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 sẽ khiến thiết kế của bạn quay trở lại một thời đại cụ thể mà không mang lại cảm giác quá theo chủ đề
Có một số tài nguyên tuyệt vời để tìm kiếm nguồn cảm hứng trên 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ế từ thời đại đó hoặc theo dõi sự phát triển của thiết kế trang web cụ thể qua nhiều thập kỷ. Để có lựa chọn được tuyển chọn kỹ 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 kỷ nguyên Y2K rất đơn giản, thường là sans serif hoặc monospaced, và đôi khi có các pixel rõ ràng, giống như trong trang web của Christopher Nelson ở trên. Do hình ảnh được tải chậm vào đầu những năm 2000 nên thiết kế web có xu hướng hướng tới 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 cổ điển thời Y2K có thể trông giống như FanFiction. net vào khoảng năm 2001 - rất nhiều khoảng trắng, biểu tượng hình ảnh nhỏ và rất nhiều Arial hoặc Verdana.
Trang web portfolio 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ế văn bản trên nền trắng rõ ràng của ông. Anh ấy tăng thêm sự thú vị về mặt hình ảnh bằng cách kết hợp các phông chữ theo cách tương phản với bố cục được phân chia và nền sạch sẽ.
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ằng cách kết hợp các phông chữ có chân nhẹ để thu hút thị giác. Thiết kế thậm chí còn mang đến nét thẩm mỹ không gian mạng bằng cách sử dụng kiểu chữ có số 0 gạch chéo [như Terminal hoặc Consolas] cho ngày tháng.
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ớ việc 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 dấu vết ma quái. Y2K là khoảng 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 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à cài đặt phần mềm độc hại vào máy tính của mình.
Một ví dụ tuyệt vời về xu hướng này là 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ể nhân bản của anh ấy. Hai con trỏ của Mackenzie—một mũi tên cổ điển và một ngón trỏ để 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 đậm và phông chữ sans-serif chịu ảnh hưởng trực tiếp từ các phần mềm đời đầu như Apple Lisa và Adobe PageMaker
Pixel hóa
Pixelation, vốn là một nhu cầu công nghệ cần thiết 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 pixel trong phông chữ, biểu tượng và hình ảnh để tăng thêm sự thú vị về mặt hình ảnh.
Lấy ví dụ như trang web tiếp thị kỳ nghỉ lấy cảm hứng từ Y2K của Atttentive. Họ đã tạo ra một biểu tượng cầu vồng có pixel, sử dụng các biểu tượng có pixel và tạo pixel cho các bức ảnh được sử dụng cho bài viết của mình. 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 thiết kế trang web đã phổ biến 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 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 ra các kiểu chữ hoặc kiểu chữ tùy chỉnh cho các dự án cá nhân hoặc khách hàng như một cách để trở nên nổi bật. Các thiết kế xoay quanh 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 cấp độ độc đáo hoàn toàn mới
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ứ — thiết kế áp phích, tiểu thuyết đồ họa, tài 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 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à viết 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 tạo, tải xuống và sử dụng phông chữ gốc khác nhau.
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 có 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 bằng bút chì, bút mực, sơn hoặc hầu hết mọi phương tiện khác. Việc này đòi hỏi một số kỹ năng kỹ thuật nhưng cũng có tùy chọn chụp hình minh họa và vector hóa chúng để biến chúng thành các kiểu chữ có đầy đủ chức năng
Bây giờ, chúng ta hãy xem xét kỹ hơn một số thiết kế yêu thích mà chúng tôi đã thấy gần đây.
Các thiết kế phông chữ được in 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ó in đậm, đồ họa và dễ đọc. Điều này làm cho nó giống với các bảng hiệu, áp phích và biểu ngữ cần phải bắt mắt và dễ đọc.
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 bảng 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 nó để nó khác biệt và dễ đọc.
Với suy nghĩ này, Tré sử dụng độ dày 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 khác biệt. Kết quả là những 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
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 được ưa chuộng. Vì điều này, chúng tôi đã thấy nhiều nhà thiết kế dựa vào các 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 đó.
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 những 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 đã 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 nổi bật chữ của mình. Anh ấy thậm chí còn tạo ra các hiệu ứng hoạt hình cho dòng chữ của mình, khiến nó trở nên thu hút sự chú ý.
Trompe-l'oeil từ 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, bảng hiệu kim loại và đèn neon, và thậm chí cả các hiệu ứng dệt may như chữ thêu trong thiết kế web. Phong cách này được gọi là trompe l’oeil, có nghĩa là “đánh lừa con mắt” 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.
Đặ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ô bắt chước các phương tiện vật chất, nghệ thuật. Hiệu ứng này không dễ đạt được nhưng cô ấy đã tạo ra một loạt lớp học thiết kế chữ và hướng dẫn để giúp các nhà thiết kế tạo ra kiểu chữ gốc của riêng họ
3. Khung có thể chia sẻ
Khi 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, nâng cao danh tiếng của họ và biến web trở thành một nơi tốt hơn về tổng thể — dự kiến sẽ thấy sự bùng nổ về các khung có thể chia sẻ sẽ chuyển sang 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. Cơ quan Webflow Finsweet đã xây dựng danh tiếng mạnh mẽ của mình 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ế
Rất nhiều người sáng 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ỉ yêu cầu mọi người xây dựng khả năng tiếp cận, cô chọn chia sẻ hướng dẫn thực tế để 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ể nhân bản 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 tăng lên, 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. Ngoài ra, nhiều người sáng tạo còn đóng góp vào thư viện tài nguyên như The Noun Project
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 có chiều
Với sự phát triển của metaverse, các hình minh họa mô phỏng thế giới ảo đang trở thành mốt — với hình minh họa 3D và Thuyết hình đất sét dẫn đầu.
Mặc dù minh họa 3D đang là xu hướng 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 bổ sung thêm tính đa chiều theo cách sống động 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ự trở lại 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 đang 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 trở nên nổi bật giữa đám đông.
Điều thậm chí còn hiện đại hơn và hợp xu hướng hơn là xây dựng trải nghiệm hình ảnh 3D toàn diện trên toàn bộ 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 nhờ việc bổ sung hiệu ứng cuộn thị sai
Công nghệ tiếp tục được cải tiế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à họa sĩ minh họa 3D để tận dụng xu hướng này. Chúng tôi dự đoán sẽ có thêm 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 để tăng thêm sự thú vị về mặt hình ảnh cho trang web của họ trong năm tới.
Metaverse
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. Về mặt trực quan, điều đó có nghĩa là mọi yếu tố đều được xây dựng để tạo thành một thế giới gắn kết. Thay vì một phần tử hoặc hình minh họa 3D duy nhất trên một trang web, chúng tôi đã thấy các trang web lấy cảm hứng từ metaverse xây dựng phong cách 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 Tương tác và hiệu ứng hoạt hình để giúp thu hút người dùng và làm cho trang web có cảm giác tương tác hơn
Một ví dụ đáng chú ý là trang web của Totem sử dụng hiệu ứng hoạt hình để xây dựng trải nghiệm trang web sống động. Offbrand, nhà thiết kế trang web, đã sử dụng hiệu ứng 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 đồng xu metaverse, trang Music Mania sử dụng hoạt ảnh 3D của nó làm thành phần nền được tách biệt khỏi phần còn lại của trang web bằng 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 hoạt ảnh bớt choáng ngợp hơn
tính chất đất sét
Kỹ thuật tạo hình đất sét tạo ra trải nghiệm sống động theo một cách khác, mang đến cho người xem những hình ảnh minh họa chân thực và xúc giá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 với 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 vì chúng kết hợp hiệu ứng 3D với hình người hoạt hình vốn phổ biến trong thiết kế web trong vài năm qua
Claymorphism là một cách tiếp cận tuyệt vời để tạo ra các 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 nó có rất nhiều con người theo phong cách đất sét 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 tăng thêm trải nghiệm cho trang web.
Dựa trên xu hướng trang web giống ứng dụng của năm ngoái — chỉ để tương tác thú vị, hãy cho phép người dùng chơi với trang web và mang trải nghiệm kỳ diệu đó đến các phần của trang web lớn hơn.
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 mới có hiệu quả. Trên thực tế, đôi khi, tốt nhất là không. Các hoạt ảnh tương tác như Hố bóng hoặc Nút tình yêu rất hấp dẫn và cực kỳ thú vị khi chơi mà không ảnh hưởng đến khả năng truy cập của trang web
Hoạt ảnh “chỉ để giải trí” 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. Cơ quan Lazarev đã thiết kế Batumba làm linh vật và tạo ra 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 nhóm. Nhân vật này khiến công ty trở nên đáng nhớ và thể hiện kỹ năng viết mã của nhóm với khách hàng tiềm năng một cách thú vị
Giải phóng khả năng 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ã. 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ây giờ bạn đã đăng ký
Ối. Đã xảy ra lỗi khi đăng ký
Bắt đầu miễn phí
6. Đang tải hình ảnh động
Hoạt ảnh tải rất phổ biến trong những ngày đầu của web nhưng đã lỗi thời trong một thời gian dài. Gần đây, chúng tôi đã thấy rất nhiều nhà thiết kế bắt đầu kết hợp lại màn hình tải vào thiết kế của họ và xu hướng này sẽ tiếp tục sang năm 2023.
Sự phục hồi của màn hình tải này xuất phát từ sự phổ biến ngày càng tăng của các thiết kế trang web tương tác, hoạt hình và sống động. Màn hình tải là một cơ hội khác để tương tác với người xem và truyền tải danh tính của bạn vào trang web của bạn. Người dùng web ghét việc phải chờ tải trang và ảnh động khiến việc chờ đợi không giống như một công việc vặt
Một trong những trang yêu thích 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 ra hiệu ứng đơn giản nhưng thân thiện. Tương tự, Cory Runnells tạo ra một bài tường thuật đầy đủ cho trang web của mình. Nó bắt đầu bằng cảnh phóng to hoạt hì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 siêu anh hùng và giải thích chuyên môn của mình thông qua một bộ truyện tranh.
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ô — một cách hoàn hảo để thể hiện kỹ năng của cô và giới thiệu với khách truy cập về tác phẩm của cô.
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 đại dịch COVID-19 bắt đầu. Vì điều này, 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 ta sẽ tiếp tục thấy xu hướng bổ sung 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
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ế phổ biến Figma. Công ty được biết đến rộng rãi nhờ 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 lưu giữ tài sản chung ở 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ố ra mắt các tính năng cộng tác trong tương lai gần
8. Trải nghiệm nội dung cao cấp
Bước 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á được giá trị của gói thành 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 — đã thu hút được rất nhiều sự chú ý trong năm qua — là sự phân quyền của web. Việc xây dựng nội dung được kiểm soát vào trang web giúp bạn có 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 bắt được sự độc lập khi sở hữu cổng nội dung của riêng mình. Trong khi các doanh nghiệp - những người đang tìm cách 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ọ.
Một ví dụ điển hình 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 giới trẻ 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 tiếp cận 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 mình. Đ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 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 thay vì 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 bạn. Bạn cũng có thể giới thiệu các 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. Trang web nhẹ, hiệu quả hơn
Cả về mặt trực quan lẫn 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 trang web nhẹ đảm bảo người dùng có được thứ họ cần và thích thú khi truy cập trang web 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 lưu ý 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 ảnh hưởng đến 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 trên thiết bị di động làm công cụ bán hàng. Thông báo có khả năng nhắc nhở 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 một 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 trong năm nay. Khán giả muốn tương tác của họ với ứng dụng họ đang sử dụng có cảm giác chân thực hơn và hữu ích hơn với họ
Thông báo có khả năng làm cho các trang web và ứng dụng hữu ích hơn, cá nhân hơn và tích hợp hơn vào cuộc sống của người dùng. Năm nay đã chứng kiến xu hướng chung hướng tới nhiều trải nghiệm hấp dẫn hơn trên web. Đặc biệt, chúng tôi mong đợi thấy 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 gần đây đã thêm thông báo vào ứng dụng của mình để nhắc nhở người dùng thê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ụ gần đây khác 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 tập trung” và thông báo cho ai đó đang cố gắng liên hệ với họ nếu họ được đặt ở chế độ Tập trung khi 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 cho thấy 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ó đưa ra một tín hiệu ban đầu 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 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, sẽ có nhiều trang web hơn 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 được phục vụ nhiều hơn cho nhu cầu và sở thích của người dùng.
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ụ để người dùng dễ dàng tùy chỉnh các tính năng trải nghiệm trang web của họ. Có nhiều nhận thức hơn về khả năng tiếp cận - 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 trở nên thân thiện hơn với người dùng với những người có nhu cầu khác nhau.
Mọi người phản hồi tích cực với các trang web phù hợp với sở thích, tương tác và thiết kế của họ mà họ có thể tùy chỉnh theo sở thích của mình. Xu hướng xây dựng trải nghiệm xem có thể tùy chỉnh nhiều hơn này là sự phát triển tự nhiên từ sự phổ biến của các trang web giống như 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ác 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 cụ chuyển đổi 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ể sao chép trong 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 với 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].
Trải nghiệm xem có thể tùy chỉnh cũng có thể được sử dụng để thể hiện sự 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 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 chuyển đến các trang cụ thể. Bất cứ ai đã từng đọc truyện trước giờ đ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 gắn kết của người dùng
Web là một nơi tương tác và nó đã như vậy kể từ khi ra đời. Các nhà thiết kế luôn yêu thích việc tạo ra những trải nghiệm phong phú 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 về sự tương tác của người dùng đã được tích hợp dễ dàng như thế nào
Giờ đây, chúng tôi có công nghệ cho phép người dùng web tham gia vào việc định hình trải nghiệm web của riêng họ;
Bạn có thể xây dựng sự tương tác với trang web của mình bằng 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 câu chuyện trước khi đi ngủ, tài nguyên học tập, khung phát triển web được chia sẻ hoặc chỉ là một nơi vui chơi thú vị.
Điều rõ ràng là các trang web hiện đại đang ngày càng trở thành 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à tương tác. Chúng tôi cho rằng đó có vẻ là một cách thú vị để trải nghiệm web