Xu hướng thiết kế web. Phòng thí nghiệm bố trí thử nghiệm Jen Simmons. Lợi ích của điều hướng tùy chỉnh
Ryan McCready, biên tập nội dung của dịch vụ thiết kế đồ họa thông tin Venngage, nói về những gì phổ biến trong thiết kế đồ họa hiện nay và những kỹ thuật nào đã bị loại bỏ trong năm nay.
Màu sắc đậm và rực rỡ
Trong vài năm qua, nhiều nhà lãnh đạo công nghệ đã sử dụng những màu sắc nhẹ nhàng và dễ đọc. Vì vậy, họ đã cố gắng tạo ra một sơ đồ thiết kế rất rõ ràng và cho thấy rằng tương lai trang nhã và tiện dụng, thường thấy trong các bộ phim khoa học viễn tưởng, đã đến.
Phương pháp này đã giúp công ty chuyển sang một giai đoạn phát triển mới và thống nhất tất cả các ứng dụng của mình dưới một màu. Giống như Spotify, việc sử dụng màu sắc tươi sáng táo bạo này đã khiến thương hiệu trở nên nổi bật.
Xu hướng sử dụng màu sắc táo bạo và tươi sáng trong thiết kế bắt nguồn từ nguyên tắc Material Design của Google. Công ty đã chọn một thiết kế phẳng, hợp lý và trực quan với việc bổ sung "màu sắc bất ngờ và tràn đầy năng lượng, cũng như các phông chữ và hình ảnh tiện dụng và đẹp mắt".
Nhìn chung, nhiều xu hướng hiện nay trong năm 2017 đã nảy sinh dưới ảnh hưởng của các nguyên tắc Material Design của Google.
Chúng tôi cũng sử dụng chúng để tạo hình ảnh quảng cáo sách điện tử này. Kết quả là hình ảnh trở nên vô cùng nổi tiếng.
Nếu bạn gặp khó khăn trong việc chọn màu tốt nhất cho thiết kế của mình, hãy đọc tiếp để biết một số ví dụ tuyệt vời về bảng màu. Và đừng ngại sử dụng những màu sắc tương phản với nhau.
Kiểu chữ in đậm
Phông chữ in đậm thu hút sự chú ý của người đọc. Bạn vô tình chú ý đến những dòng chữ lớn và bắt mắt.
Ví dụ yêu thích của tôi là Wired. Nó sử dụng các phông chữ khác nhau để làm nổi bật các tiêu đề cụ thể và duy trì thứ tự thông tin có thứ bậc trên trang.
Hãy thử nhìn mà xem:
Một ví dụ điển hình khác về việc sử dụng phông chữ hấp dẫn là HubSpot. Văn bản ở phía trước và được hỗ trợ bởi đồ họa:
HubSpot hiểu rằng mỗi năm lượng thời gian cần thiết để tiếp thu thông tin từ một tweet có xu hướng bằng không. Vì vậy, để thu hút sự chú ý của người đọc, họ sử dụng những dòng chữ ngắn gọn, súc tích bằng chữ in đậm.
Ngoài ra, hiện nay ngày càng có nhiều người lướt Internet từ điện thoại di động. Do màn hình có độ phân giải cao nên nhu cầu sử dụng phông chữ đậm ngày càng tăng. Vì vậy, để giữ chân độc giả, bạn cần cung cấp nội dung của mình đúng cách.
Bộ đệm làm nổi bật các tiêu đề xuyên suốt toàn bộ bài viết chứ không chỉ ở phần đầu - giúp bài viết dễ đọc hơn trên tất cả các thiết bị. Tôi khuyên bạn nên sử dụng phương pháp này cho các bài viết dài - bằng cách này bạn sẽ giúp người đọc điều hướng chúng.
Chúng tôi đã áp dụng phương pháp này khi tạo đồ họa thông tin này. Sự kết hợp giữa phông chữ đậm và màu sắc thú vị thu hút sự chú ý:
Phông chữ từ Google Fonts
Tôi đã sử dụng Google Fonts từ lâu vì chúng rất linh hoạt. Nếu tôi cần đưa ra một thiết kế cho một ấn phẩm trực tuyến và sau đó thêm nó vào bản trình bày, tôi chắc chắn rằng tất cả các phông chữ sẽ hoạt động tốt với nhau. Tất cả đều trông tuyệt vời trên bất kỳ nền tảng blog hoặc trang web nào.
Nhân tiện, tất cả 810 phông chữ đều hoàn toàn miễn phí! Ồ vâng, mọi người thích những thứ miễn phí. Họ cũng thích những thứ rất dễ sử dụng. Đây là một ví dụ về việc kết hợp nhiều phông chữ phổ biến từ Google:
Trên trang web của chúng tôi, chúng tôi sử dụng phông chữ Roboto và Open Sans.
Những tấm hình gốc
Mỗi năm số lượng nội dung tăng lên và nhu cầu về hình ảnh chất lượng cao cũng tăng theo. Để đảm bảo rằng những bức ảnh có thể tồn tại lâu dài, các tác giả cố gắng làm cho chúng trở nên linh hoạt nhất có thể.
Chỉ có một vấn đề: những hình ảnh chung chung nhất có xu hướng trở nên cũ kỹ theo thời gian. Nếu bạn hay theo dõi tin tức trong lĩnh vực công nghệ và marketing thì chắc hẳn bạn đã quen thuộc với bức ảnh này:
Nó được sử dụng trong các trang đích, blog và thậm chí trong các bài đăng trên Instagram. Thành thật mà nói, tôi đã tự mình lấy nó cho một trang web mà tôi đã làm việc cách đây vài năm. Do sự phổ biến của những hình ảnh stock như vậy, tính độc đáo của nội dung đồ họa đã giảm mạnh.
Và nhu cầu sử dụng những bức ảnh rõ nét và hoàn hảo chỉ khiến tình hình trở nên tồi tệ hơn.
Khi người đọc nhìn thấy cùng một bức tranh lần thứ một trăm, anh ta sẽ nghĩ rằng tác giả của bài báo đã không cố gắng tỏ ra độc đáo ít nhất một chút. Vậy tại sao lại đọc một bài báo như vậy?
Đây là lý do tại sao bạn nên sử dụng hình ảnh gốc. Hãy ngừng chụp những bức ảnh phổ biến, hãy bắt đầu tạo ra những bức ảnh của riêng bạn.
Tôi chắc chắn rằng mọi người trong nhóm của bạn đều có điện thoại chụp ảnh. Tại sao bạn không sử dụng chúng? Chụp ảnh văn phòng hoặc logo của bạn và sử dụng những bức ảnh đó.
Tìm hiểu xem có một nhiếp ảnh gia đầy tham vọng nào trong số các đồng nghiệp của bạn không. Hãy cho anh ấy vài ngày để thuê một văn phòng - và bạn sẽ có đủ ảnh cho cả năm!
Khi tạo trang web mới, chúng tôi đã chụp ảnh nhân viên của mình và rất hài lòng với kết quả đạt được.
Hình ảnh và biểu tượng vẽ tay
Không chỉ các bức ảnh phải là bản gốc mà còn cả các biểu tượng và hình vẽ. Một số thương hiệu đã nhận ra điều này và đang cố gắng nổi bật giữa đám đông theo cách này. Cách tiếp cận này bổ sung thêm yếu tố cá nhân và thú vị cho thiết kế.
Một số người cho rằng xu hướng này có vẻ thiếu chuyên nghiệp và trẻ con nhưng chắc chắn vẫn rất bắt mắt. Giống như hầu hết các xu hướng của năm 2017, nó hoạt động như một sự thay thế cho thiết kế sạch sẽ vô trùng của những năm gần đây.
Dropbox sử dụng hình minh họa vẽ tay xuyên suốt. Họ đã trở thành một phần thương hiệu của công ty và khiến nó trở nên dễ nhận biết.
Những hình ảnh minh họa như vậy tạo ra tâm trạng thoải mái và làm hài lòng đứa trẻ sống trong tâm hồn mỗi chúng ta. Chúng làm cho sản phẩm trông có giá cả phải chăng hơn. Chúng đặc biệt hiệu quả tại các công ty công nghệ lớn như Dropbox.
Một ví dụ thành công khác của phương pháp này là công ty nệm Casper. Hầu như toàn bộ trang web của cô bao gồm các bản vẽ vẽ tay. Đây là một trong số chúng:
Xu hướng này cũng được dịch vụ MailChimp đón đầu. Trong báo cáo năm 2016, ông cũng đưa ra những bức vẽ tương tự.
Moz, một công ty phát triển phần mềm tiếp thị, chèn hình ảnh minh họa vào tiêu đề bài viết:
Đôi khi tình yêu của chúng tôi dành cho bản vẽ thể hiện trong các dự án khác:
Trở về cội nguồn của chủ nghĩa tối giản
Nếu bạn được yêu cầu giải thích cho một người lạ chủ nghĩa tối giản là gì, bạn có thể sẽ trả lời rằng đó là lúc bạn phải từ bỏ tính trang trí để chuyển sang tính chức năng. Rất có thể bạn sẽ nghĩ ngay đến bảng màu trung tính bao gồm các sắc thái đen, xám và trắng.
Có vẻ như tinh thần thực sự của chủ nghĩa tối giản đã bị thay thế bởi việc sử dụng những gam màu đen trắng nhàm chán. Đối với tôi, có vẻ như điều này được thực hiện nhằm mục đích bù đắp cho kích thước màn hình nhỏ và công suất thấp của thiết bị di động.
Nhưng vào năm 2017 mọi thứ sẽ thay đổi. Chủ nghĩa tối giản sẽ trở lại đúng hình dạng của nó. Điều đó có nghĩa là sẽ có nhiều màu sắc hơn. Ngày nay, thiết bị di động cũng mạnh mẽ như máy tính và một số thậm chí còn có màn hình tốt hơn.
Ví dụ yêu thích của tôi về thiết kế tối giản là logo nền tảng Medium. Những người sáng tạo ra nó đã có thể kết hợp nhiều màu sắc khác nhau mà vẫn duy trì phong cách tối giản.
Google đã thực hiện một thiết kế lại logo khác theo hướng tối giản và kết hợp các màu sắc tươi sáng. Đáng chú ý là chính công ty này đã đóng vai trò là chất xúc tác cho sự xuất hiện của nhiều xu hướng mới. Các nhà thiết kế đã cắt bớt phông chữ một chút và giới thiệu logo hình chữ G mới mà tôi thực sự thích.
Tinh thần tối giản được cảm nhận trong tất cả những điều này, nhưng báo chí đã không viết về nó. Mọi người đã quên chủ nghĩa tối giản thực sự là gì. Logo không phải không màu và được làm dưới dạng duy nhất nên không ai nghĩ rằng nó được làm theo phong cách tối giản.
Logo mới sáng sủa và bắt mắt - đồng thời vẫn duy trì vẻ ngoài tối giản. Sau khi thiết kế lại, những người xung quanh bắt đầu bắt chước Google, như họ đã làm trước đây ở các khía cạnh khác.
Bản thân chúng tôi bắt đầu sử dụng phong cách tối giản hơn cho thiết kế blog của mình.
Thiết kế hình ảnh đơn giản dễ dàng truyền tải những thông tin cần thiết.
Sử dụng ảnh GIF
Mọi người (à, hầu hết mọi người) đều yêu thích ảnh GIF. Chúng giúp ích cho chúng ta trong cuộc trò chuyện vì đôi khi chúng có thể truyền tải cảm xúc tốt hơn văn bản.
Ngoài ra, không cần chương trình đặc biệt nào để chơi chúng. GIF thường có kích thước nhỏ và có thể được nhúng ở hầu hết mọi nơi.
Chúng tốt hơn video và hình ảnh, đặc biệt khi bạn muốn giảm thời gian tải trang và lưu lượng truy cập. Tôi tin rằng tính linh hoạt của chúng khiến GIF trở thành một yếu tố thiết kế hữu ích hơn nữa.
Tôi thực sự thích đặt ảnh gif vào tiêu đề của một bài viết. Thay vì đặt một hình ảnh nhàm chán ở đó, hãy dành vài phút và tạo một ảnh GIF như thế này.
Bạn không cần phải thực hiện bất kỳ nỗ lực sáng tạo đặc biệt nào để làm điều này, nhưng nó chắc chắn sẽ thu hút sự chú ý đến bài đăng của bạn trên mạng xã hội. Đây là một ví dụ điển hình khác về việc sử dụng GIF trong tiêu đề của bài viết.
Hình ảnh hai màu
Đây là sự kết hợp của hai màu, thường rất sáng hoặc tương phản trong một hình ảnh. Để tạo ra những hình ảnh như vậy, bạn sẽ phải phát huy kỹ năng thiết kế của mình, nhưng điều đó rất đáng giá.
Chỉ có một nhà thiết kế rất lành nghề mới có thể tạo ra những bức tranh hai màu đẹp như vậy. Tôi chắc chắn rằng tôi không thể tạo ra thứ gì đó như thế này, nhưng điều đó không có nghĩa là bạn nên loại bỏ kỹ thuật này khỏi kế hoạch thiết kế của mình.
Trong thời đại công nghệ thông tin phát triển, bạn không thể đứng ngoài và xem chuyện gì đang xảy ra. Bạn cần phải xảy ra điều này. Để không trở thành người ngoài cuộc, bạn cần rút ra kiến thức từ mọi nguồn có thể và không thể và theo dõi mọi sự kiện. Năm 2016 sắp kết thúc, có nghĩa là năm 2017 đã đến gần và sẽ mang đến những điều mới mẻ cho lĩnh vực phát triển web. Và chính xác những gì, bạn sẽ đọc trong bài viết này!
Đừng là người ngoài cuộc, hãy theo kịp thời đại.
Bot
Các trang web đơn giản không còn quá phổ biến nữa, chúng ngày càng có tính tương tác cao hơn, hơn nữa, sau một thời gian, cuộc sống trực tuyến của chúng ta sẽ trở nên đơn giản hóa bởi nhiều lời nhắc tương tác khác nhau đến mức chúng ta sẽ không phải căng não nữa. Bot hiện đang được sử dụng rộng rãi và đây mới chỉ là bước khởi đầu. Mọi người đều biết ứng dụng Slack để liên lạc trong công ty và ở đó bạn cũng có thể tìm thấy một bot chào đón bạn, hỏi tên bạn và ngay lập tức chèn nó vào hồ sơ của bạn. Bot đang xuất hiện trong nhiều công cụ và ứng dụng khác, mở ra kỷ nguyên của trợ lý trực tuyến.
Giao diện người dùng chuyển động
Ảnh động, video, GIF từ lâu đã trở thành cuộc sống hàng ngày của chúng ta, mọi thứ đều thật sống động và hấp dẫn, người dùng còn cần gì nữa? Chúng được sử dụng rộng rãi để nhanh chóng tạo các chuyển tiếp và hoạt ảnh CSS để đảm bảo dễ sử dụng. Phiên bản mới nhất của Motion UI được trang bị hệ thống hàng loạt hoạt ảnh, các mẫu CSS linh hoạt với các khả năng nâng cao để chuyển đổi hoàn toàn và có thể hoạt động với tất cả các loại thư viện hoạt ảnh JavaScript. Chúng tôi tự tin hơn rằng tính di động sẽ thay thế hoàn toàn việc sử dụng hình ảnh tĩnh.
Khả năng thích ứng
Di động là khẩu hiệu của thời đại chúng ta, mỗi ngày mỗi người, ít nhất một lần (chưa kể những người nghiện thực sự sống trong tay với một chiếc điện thoại) tìm kiếm thông tin trên Internet, gửi tin nhắn hoặc gọi điện, vì vậy việc sử dụng chúng nên được thuận tiện nhất có thể. Nếu bạn là chủ sở hữu trang web và vẫn chưa nghe nói về khả năng phản hồi, đã đến lúc bắt tay vào thực hiện nó , nhằm mang đến cho khách hàng tiềm năng sự thoải mái khi sử dụng trang web của bạn. Như bạn có thể đã nhận thấy, đây thực sự là một điều cần phải có trong thế giới thiết kế và phát triển web; ngoài ra, nó sẽ giúp bạn tiết kiệm chi phí phát triển ứng dụng di động.
Trang web một trang
Bạn có bối rối trước những trang web có nhiều trang, nơi có quá nhiều thứ và mọi thứ đều quá khó hiểu? Đừng lo lắng, thời đại của các trang web một trang sắp đến gần. Loại trang web này rất phổ biến trong các công ty lớn, chúng thuận tiện hơn khi sử dụng và người dùng đã truy cập trang web cho một mục đích cụ thể sẽ dễ dàng tìm thấy thông tin cần thiết hơn.
Javascript hiện đang gia tăng
Javascript là tương lai, bất chấp những tin đồn rằng nó có những thiếu sót và điểm yếu. Không ai tranh cãi rằng họ thực sự hiện diện, nhưng lý tưởng trên thế giới này là gì? Ngay cả Mac OS cũng sử dụng JS trong phần cứng của nó. Hơn nữa, các thư viện front-end của nó như Angular, Node, React cũng như các thư viện nhỏ hơn khác đang nhanh chóng trở nên phổ biến.
Không có gì ngạc nhiên khi Javascript đã trở thành một phần không thể thiếu trong quy trình phát triển web tiêu chuẩn, cùng với HTML và CSS. Và thực tế này đã nói lên điều đó.
Hiệu ứng paralax
Hiệu ứng này được sử dụng thường xuyên nhất nhưng không nhiều người biết chính xác nó được gọi là gì. Làm rõ: đây là cách tốt nhất để thêm lớp 3D vào trang web của bạn , nó cũng có thể được sử dụng để thêm hiệu ứng 3D tuyệt đẹp.
Những xu hướng sẽ thay đổi thế giới
Trong bài viết này, chúng tôi đã tổng hợp tất cả các xu hướng phát triển web đầy hứa hẹn sẽ ngay lập tức thay đổi thế giới. Nhưng chúng tôi vẫn chưa biết những xu hướng nào đang chờ đợi chúng ta trong năm 2017. Luôn cập nhật các công nghệ hiện đại và có thể một ngày nào đó bạn sẽ được truyền cảm hứng từ những gì đang xảy ra đến mức bạn sẽ tự mình nghĩ ra điều gì đó mang tính cách mạng?
Mỗi năm chúng ta đều học được điều gì đó mới mẻ về thiết kế và năm 2016 cũng không ngoại lệ. Bài báo chúng tôi viết năm ngoái thành công đến mức chúng tôi quyết định đưa ra một số dự đoán cho năm 2017, vì vậy hãy bắt đầu!
Bài viết mới được xuất bản →← Đọc và lấy cảm hứng!Xu hướng thiết kế bị ảnh hưởng bởi phương tiện truyền thông, công nghệ, ngành thời trang và gần đây hơn là khả năng sử dụng. Xu hướng xuất hiện chậm rãi, dần dần, thâm nhập vào mọi lĩnh vực thiết kế, rồi biến mất theo cách tương tự. Hầu hết các xu hướng thiết kế đều kéo dài không quá một hoặc hai năm. Thiết kế năm 2017 sẽ tiếp tục xu hướng bắt đầu từ năm 2016 với một số thay đổi mới được thêm vào, cảm giác này rất quen thuộc và bạn có thể đã nhận thấy nó trong vài năm qua. Ảnh hưởng chính vẫn là Thiết kế Vật liệu của Google, với những thay đổi nhỏ.
Xu hướng thiết kế web nào đang chờ đợi chúng ta trong năm 2017
01. Thiết kế bán phẳng
Trong vài năm qua, thiết kế phẳng là xu hướng phổ biến nhất trên thị trường thiết kế web, nhưng giờ đây, dưới ảnh hưởng của Material Design, nó ngày càng trở nên một chiều. Quá trình chuyển đổi này bắt đầu với một số bóng sáng, khiến nó trở thành một thiết kế bán phẳng. Sự phát triển của thiết kế phẳng từ phong cách tối giản đang chuyển sang các công nghệ mới đang phát triển. Thiết kế phẳng vẫn còn đó nhưng nó đã trải qua một số cải tiến.
Bóng mịn tăng thêm chiều sâu và độ phức tạp mà không làm hỏng cảm giác của thiết kế phẳng. Đây là một tính năng mới được thêm vào xu hướng phẳng và sẽ tiếp tục phát triển trong năm 2017.
Dự án: Tài nguyên | Công cụ UI/UX cho dịch vụ web
Tác giả: Ruslan Latypov; Đồ họa LS; Anton Mishin; Valery Gurkov
Dự án: Danh sách phát của người nghe
02. Ảnh động (Cinemagraphs)
Đoạn phim không phải là những ảnh động GIF mà chúng ta thấy ở mọi nơi trên Internet. Đoạn phim là những hình ảnh tĩnh với các yếu tố chuyển động nhỏ. Kỹ thuật này làm cho một bức ảnh đơn giản trở nên chân thực hơn.
03. Thêm 3D
3D chắc chắn đang đi theo hướng của chúng tôi và chúng tôi sẽ thấy ảnh hưởng này trong mọi lĩnh vực thiết kế. Với tốc độ phát triển nhanh chóng của công nghệ VR/AR, lĩnh vực này đang phát triển khá nhanh. 
Dự án: LUV.IT
Dự án: Giải thưởng mở thường niên
Dự án: Air Max '17
Dự án: NIKE F.C. | Quả bóng vàng 3D trong thế giới thực
Dự án: Thương hiệu Better You
04. Hoạt hình
Hoạt ảnh ngày càng hiện diện nhiều hơn trong thiết kế web, định dạng có thể là bất kỳ - WebGL CSS, GIF, SVG hoặc video. Hoạt hình là một trong những xu hướng thiết kế web quan trọng nhất trong năm qua, đừng ngại sử dụng nó.
Dự án: Nickelodeon Kids Chọn Tổng thống
Dự án: Ứng dụng huấn luyện viên thể hình ảo AR
Dự án: ZH OURO- Rio 2016
05. Trang web một trang/trang đích
Vào năm 2017, chúng ta sẽ chứng kiến sự tăng trưởng của các trang web một trang do tiềm năng của chúng cho mục đích tiếp thị và khả năng nhắm mục tiêu khách truy cập tốt hơn.
Nếu bạn cần một trang đích, bạn có thể đặt hàng từ tôi →
06. Hình dạng hình học, hoa văn, đường thẳng và hình tròn
Xu hướng này bắt đầu vào năm 2016 và chắc chắn sẽ tiếp tục vào năm 2017. Bạn có thể cá nhân hóa trang web của mình bằng cách thêm một số hình dạng hiện đại, phẳng hoặc có bóng mềm.
Dự án:
Dự án: Xây dựng thương hiệu DRAP.agency
Dự án: Pfizer - Hoạt động tích cực và trên 50 cho The New York Times
07. Màu sắc dũng cảm
Sử dụng màu sắc tươi sáng để nổi bật. Chất liệu và thiết kế phẳng phù hợp với màu sắc tươi sáng. Bạn có thể sử dụng bảng màu do Google cung cấp để chọn và kết hợp các màu mà bạn muốn.
Dự án: Edris — Logo được thiết kế bởi MiLo
Dự án: Kết xuất - Trang web demo đáp ứng cho Adobe
Dự án: b2mach
08. Cuộn và thị sai sáng tạo
Đây là một ý tưởng trực quan tuyệt vời sẽ tăng thêm tính độc đáo cho bất kỳ trang web nào. Từ thị sai nhiều lớp đến thị sai video, mọi thứ đều có thể thực hiện được với plugin D.ex Multilayer Parallax. Sản phẩm này được phát triển hoàn toàn bởi studio Milothemes dưới sự chỉ đạo của Loredana Papp và Mihai Baldean. Nó có sẵn để mua trên Envato Market / codecanyon.net
Đây là một plugin WordPress cho phép bạn tạo các khối Parallax đẹp mắt với nhiều lớp. Hãy sáng tạo và kết hợp các lớp theo bất kỳ phong cách nào bạn muốn. Chúng tôi đã tạo 12 ví dụ khác nhau trong hướng dẫn plugin để giúp bạn lần đầu tiên làm quen với thế giới thị sai tuyệt vời dễ dàng hơn. Chơi với các lớp!
09. Chuyển tiếp màu sắc
Chuyển màu là một trong những xu hướng lớn nhất hiện nay. Xu hướng này bắt đầu trở nên phổ biến vào năm 2016 và tiếp tục phát triển nhanh chóng sau khi các thương hiệu lớn như Instagram quyết định thay đổi logo và hình ảnh của họ từ một màu sang chuyển tiếp nhiều màu (gradient). Từ logo đến nút hoặc lớp phủ hình ảnh, xu hướng này có ở khắp mọi nơi.
10. Duyệt web trên thiết bị di động (Thiết kế đáp ứng)
Năm 2015 và 2016 chứng kiến sự gia tăng đáng kể về lượt xem từ thiết bị di động. Máy tính bảng và điện thoại thông minh hiện là lựa chọn ưa thích để duyệt web, vượt qua máy tính để bàn và máy tính xách tay - và xu hướng này vẫn tiếp tục. Bất kỳ trang web nào không có thiết kế web đáp ứng đều cần được cập nhật càng sớm càng tốt!
Dự án: Hoạt ảnh trang web đáp ứng
11. Đồ họa và hình minh họa tùy chỉnh
Chụp ảnh stock vẫn còn khá phổ biến, nhưng một xu hướng mới đã xuất hiện trong năm 2016 và sẽ tiếp tục phát triển trong năm 2017: sử dụng đồ họa và hình minh họa tùy chỉnh. Nếu bạn muốn có một trang web đẹp, độc đáo mà bất kỳ khách truy cập nào cũng sẽ nhớ đến bạn, hãy cộng tác với các nhà thiết kế kỹ thuật số. Điều này có nghĩa là có ít ảnh stock hơn và có nhiều hình ảnh nguyên bản, độc đáo hơn.
12. Sử dụng sáng tạo không gian trung tính và lưới
Trong những năm gần đây, thiết kế web có xu hướng thiên về các cột và lưới có trật tự, có tổ chức, nhưng vào năm 2016, chúng ta có thể thấy sự thay đổi đáng kể đối với các lớp không đều và thiết kế cực kỳ hiện đại.
13. Kể chuyện (Storytelling)
Các trang web hiện đang bắt đầu kể những câu chuyện để thu phục khách hàng. Mọi người có xu hướng nhớ những câu chuyện hơn là đọc những thông tin đơn giản (khô khan).
Xem thêm video kể chuyện từ Business of Youth:
14. Tải nội dung dần dần (Lazy Loading)
Lazy Load trì hoãn việc tải hình ảnh trên các trang web dài, điều này cho phép thông tin xuất hiện tại một điểm cụ thể khi cuộn xuống, giúp giảm thời gian tải trang.
15. Chia nội dung
Chia nhỏ nội dung hiện đang phổ biến trong thiết kế web đáp ứng; đó là chia màn hình thành 2 phần trở lên. Màn hình chia nhỏ trang web như vậy sẽ hiển thị cho người xem một số thông báo quan trọng như nhau trong một khối trang web. Xu hướng này xuất hiện vào năm 2015, nhưng trong năm 2017 nó sẽ tiếp tục phát triển và rất có thể bạn sẽ thấy nó trên nhiều trang web.
16. Biểu mẫu toàn màn hình
Không cần phải điều hướng đến một trang khác để điền vào biểu mẫu vì các trang web mới sử dụng biểu mẫu có chiều rộng đầy đủ thích ứng với thiết kế đáp ứng.
17. Video ở mọi nơi
Nội dung video đã tăng lên trong năm qua và mọi người ngày càng đòi hỏi nhiều hơn về video chất lượng cao. Một video trên trang web có thể ngắn và tự động lặp lại, chiếu một sản phẩm hoặc một dự án điện ảnh quy mô lớn sẽ khiến người xem bị cuốn vào câu chuyện.
Dự án: bài hát đồi núi
18. SEO rất quan trọng! (SEO là quan trọng)
SEO rất quan trọng đối với một website, vì vậy một website đẹp mà không SEO tốt sẽ vẫn là kẻ ngoài cuộc.
19. Điều hướng ẩn
Thực đơn bánh hamburger tạo ra rất nhiều tranh luận về mức độ khó tìm thấy thực đơn đối với người dùng, nhưng có một điều chắc chắn - xu hướng này vẫn tiếp tục tồn tại và mọi người cuối cùng sẽ quen với những thực đơn như vậy.
20. Chi tiết thiết kế nhỏ
Tập trung vào chi tiết là rất quan trọng trong năm nay. Các chi tiết nhỏ như điểm điều hướng, v.v. Tập trung vào những chi tiết nhỏ sẽ làm cho công việc trở nên hoàn thiện.
Dự án: Barometa - Nền tảng việc làm thế hệ tiếp theo
21. Xu hướng thiết kế logo
21.1. chủ nghĩa tối giản
Tất cả các thương hiệu lớn đang hướng tới những thiết kế đơn giản hơn, tối giản hơn và xu hướng này vẫn tiếp tục tồn tại.
21.2. Vẽ tay
Xu hướng này đã được chú ý trong vài năm qua và phong cách này rất phù hợp với các doanh nghiệp theo phong cách hipster. Nó được sử dụng cho các tiệm làm tóc (thợ cắt tóc), quán cà phê, nhà hàng, đồ thủ công và nghệ thuật.
21.3. Không gian âm
Đây là một xu hướng cũ nhưng chúng tôi đã thấy nó phát triển mạnh mẽ trong vài năm qua và sẽ tiếp tục phát triển vào năm 2017, vì vậy chắc chắn bạn nên xem xét kỹ hơn.
21.4. Cắt xén
Nó không trở nên tối giản hơn xu hướng này. Nó chỉ hiển thị những gì đủ để biểu thị trong logo để nhận biết công ty và không có gì hơn thế.
21,5. Hình học
Xu hướng này đã cũ nhưng là một trong những phong cách sẽ không bao giờ lỗi thời.
21.6. Nghệ thuật vẽ đường
Xu hướng này phổ biến ở các doanh nghiệp thế hệ mới
tác giả: Sam Healy; Andrea Schlaffer; Jacek Janiczak
21.7. mẫu
Các mẫu là xu hướng mới và sự lặp lại này là một cách khác thường để làm cho doanh nghiệp trở nên đáng nhớ và khác biệt với các đối thủ cạnh tranh. Hướng ban đầu này cũng có thể được sử dụng trong việc trình bày logo.
Tác giả: Nick Edlin; Stanislav Aleynikov; Lucas Gil-Turner
21.8. Logo hoạt hình
Thiết kế chuyển động là xu hướng phổ biến hiện nay và chúng ta có thể thấy nó ở mọi lĩnh vực thiết kế.
Tác giả: Javier Miranda Nieto; Công ty Woork
21.9. Cổ điển
Phong cách cổ điển vẫn còn trong trò chơi. Dù xu hướng này đã phổ biến từ lâu nhưng nó vẫn có điều gì đó để nói.
Tác giả: Roman Dodonov; Ý tưởng Mingo lên; Sẽ cố gắng thêm
21.10. Chuyển tiếp màu
Màu chuyển màu có ở khắp mọi nơi trong năm nay—và logo cũng không ngoại lệ.
21.11. Hình minh họa trong logo
Hình minh họa là một cách hay để tạo ra một biểu tượng độc đáo và được cá nhân hóa cho doanh nghiệp của bạn. Chúng đang ngày càng trở nên phổ biến trong năm nay.
Tác giả: Bodea Daniel; Jacek Janiczak
21.12. Nhiếp ảnh trong logo
Sự kết hợp giữa hình ảnh và kiểu chữ hiện nay rất phổ biến. Họ làm việc rất ăn ý với nhau và điều đó tạo ra sự tương phản giữa họ.
22. Xu hướng kiểu chữ
22.1. Kiểu chữ lớn, đậm và đẹp
Kiểu chữ có thể là yếu tố quan trọng nhất trong việc tạo ra thiết kế tuyệt đẹp. Năm nay kiểu chữ sẽ đậm (in đậm) và lớn với các tiêu đề nổi bật.
Tác giả: Alexander Laguta
Tác giả: Quim Marin
Dự án: Dòng Baugasm - Gói 4
22.2. Chuyển màu/chuyển màu trong kiểu chữ
Chuyển màu chắc chắn là một xu hướng ngày nay và bạn cũng sẽ tìm thấy chúng trong kiểu chữ.
22.3. Phân cấp trực quan
Hệ thống phân cấp trong kiểu chữ rất quan trọng trong bất kỳ hướng thiết kế nào. Kích thước và chiều rộng phông chữ có thể dễ dàng chỉ ra những từ hoặc tiêu đề nào được ưu tiên, vì vậy hãy sử dụng yếu tố này khi tạo văn bản của bạn. Bạn cũng nên nhớ rằng bạn có thể đạt được hệ thống phân cấp trực quan rõ ràng thông qua vị trí và màu sắc của văn bản.
22.4. Kiểu chữ tí hon
Văn bản rất nhỏ thường được bao quanh bởi không gian màu đối lập nhưng bạn có thể tạo sự khác biệt về mặt hình ảnh giữa màu sắc hoặc hình ảnh để làm nổi bật văn bản. Bạn cũng có thể sử dụng hoạt ảnh để giúp văn bản của bạn nổi bật.
Tác giả: Slava Oleinik; Bahaa Samir; kỹ thuật số dí dỏm
Dự án: Dòng Baugasm - Gói 4
22,5. Kiểu chữ hoạt hình
Hoạt hình hiện được sử dụng ở mọi nơi và kiểu chữ cũng không ngoại lệ. Nếu bạn sử dụng phần mềm chuyển động, bạn sẽ không thể mắc sai lầm trong năm nay.
Dự án: Kiểu chữ hoạt hình Gotham Pro miễn phí
22.6. Kiểu chữ kết hợp với nhiếp ảnh
Sự kết hợp giữa văn bản và nhiếp ảnh có thể tạo ra kết quả tuyệt vời. Hãy xem những ví dụ tuyệt vời này.
22.7. Hình dạng hình học và kiểu chữ
Hình dạng hình học có thể kết hợp tốt với kiểu chữ để tạo ra một thiết kế đẹp.
22.8. Ghép nối phông chữ
Sử dụng hai hoặc nhiều phông chữ cùng nhau. Đây vẫn là xu hướng trong năm 2017.
———————————
Không có gì ngạc nhiên khi ngành CNTT đang phát triển nhảy vọt. Công nghệ mới, phần cứng mới, dự án mới. Tất cả điều này cũng không ảnh hưởng đến việc phát triển web. Giờ đây, các trang web này đã không còn giống như cách đây ít nhất vài năm nữa. Khá nhiều thứ đã thay đổi, và bây giờ chi tiết hơn một chút.
Sử dụng nền video
Có vẻ như nền đã được sử dụng từ lâu. Nhưng nó đã trở thành một phần thực sự quan trọng của nội thất trang web chỉ trong năm nay. Đối với nhiều người dùng, nó tạo ra hiệu ứng “wow” thực sự.
Một ví dụ về cách triển khai tốt nền video - http://globalmonitoring.ru/
Hiệu ứng paralax
Một khái niệm tưởng chừng như thịnh vượng khác nhưng gần đây nó mới bắt đầu được áp dụng ở khắp mọi nơi. Nếu ai chưa biết thì đây là một cách để thêm các lớp thể tích vào trang web và khiến chúng di chuyển theo ý muốn. Nói cách khác, thêm nhiều tương tác hơn.
Ví dụ - https://www.grabandgo.pt/
JavaScript và thư viện
Nói về tính tương tác. Bạn đã thấy ít nhất một trang web không có js trong năm 2017 chưa? tôi không. Và nó thậm chí không phải về bản thân js mà là về các thư viện của nó. Đúng, jQuery là một điều thú vị, nhưng tất cả các nhà phát triển front-end hàng đầu đã chuyển sang Reac.js, Angular.js, vue.js và các thư viện khác. Tôi sẽ tự mình học một trong số chúng trong tương lai (có thể là vue.js).
Bạn muốn đi đâu mà không có js? Tất cả các yếu tố nhảy, làm tối, chuyển tiếp mượt mà, v.v. - tất cả điều này được thực hiện thuận tiện thông qua các tập lệnh.
Khả năng thích ứng
Có điều gì đó đáng nói riêng và chúng ta chắc chắn sẽ nói về nó. Thiết kế trang web thích ứng thậm chí không phải là xu hướng của năm 2017. Đây là xu hướng chung trong những năm gần đây. Với tư cách là người dùng của một trong những sàn giao dịch tự do Runet, tôi nhận thấy các yêu cầu hàng ngày như: “Tạo một trang web thích ứng” hoặc “Chúng tôi đã có một trang web, chúng tôi cần một trang web thích ứng”, v.v. Mọi người hiểu rằng hiện nay nhân loại dành nhiều thời gian cho điện thoại thông minh hơn là trên máy tính, vì vậy, việc tạo một trang web thích ứng (với nguyên tắc Mobile First) là một thành phần rất quan trọng trong việc tạo ra một trang web về nguyên tắc.
Bot
Có lẽ điểm thú vị nhất trong bài viết này là bot. Ngày nay, ít người cần những trang đơn giản. Cung cấp cho mọi người tính tương tác và sự sống động cho trang web. Bot là một loại trợ lý đã được sử dụng tích cực. Các ví dụ đơn giản nhất là các bot VKontakte và Telegram, chúng sẽ gửi cho bạn bất kỳ thông tin nào theo yêu cầu hoặc không có thông tin đó. Điều này rất thuận tiện cho quản trị viên của cộng đồng nơi bot hoạt động. Mọi thứ đều nhanh chóng, đẹp mắt và tự động.
Mỗi năm nhịp sống tăng lên, kéo theo đó là lượng thông tin ngày càng tăng. Người dùng ngày càng dành ít thời gian hơn cho việc nghiên cứu các trang web, trong khi số lượng yêu cầu đặt ra cho chúng ngày càng tăng. Các công cụ thu hút sự chú ý từng đứng đầu cách đây một năm đang mất dần hiệu quả. Để bắt kịp xu hướng và tạo ra các trang web chìa khóa trao tay thu hút khách hàng, các nhà thiết kế web nên tính đến các xu hướng chính của năm 2017 khi làm việc. Họ sẽ như thế nào? Hãy nhìn vào nó trong bài viết này.
Xu hướng thiết kế website 2017:
- Trang web đơn
Xu hướng này đang trở nên phổ biến hơn nhờ các thiết bị di động. Tất cả thông tin được đặt trên một trang, thuận tiện để cuộn qua trên điện thoại hoặc máy tính bảng của bạn mà không cần nhấp chuột.
- Cuộn
Vẫn là một giải pháp tuyệt vời cho các trang web có cùng loại nội dung. Nhưng đừng quên rằng nó làm tăng thêm sức nặng cho trang và làm phức tạp việc tìm kiếm giữa các tài liệu đã được đề cập, vì vậy không nên tạo các cửa hàng trực tuyến. Để tối ưu hóa công việc, bạn có thể sử dụng kết hợp điều hướng và cuộn cổ điển.
- thiết kế tối giản
- Màu sáng
Sự phổ biến của màu sắc tươi sáng ngày càng tăng. Sử dụng nhiều bảng màu và sắc thái hơn nếu bạn muốn theo kịp thời trang. Để tạo sự tự do về không gian và cảm giác thoáng đãng, bạn có thể sử dụng các sắc thái tương phản. Các sắc thái và độ chuyển màu khác nhau sẽ giúp bạn phân biệt rõ hơn nội dung mà chúng làm nổi bật.
- Kiểu chữ
Phông chữ vẫn là một yếu tố đồ họa mạnh mẽ và đóng một trong những vai trò chính trong việc tạo nên tính thẩm mỹ cho trang web, thay thế các yếu tố khác. Một dòng tiêu đề hay, đầy màu sắc cũng trông tuyệt vời trên máy tính bảng và điện thoại thông minh và giúp truyền tải thông điệp đầy đủ thông tin đến người dùng.
- Hoạt hình
Các yếu tố hoạt hình nhỏ và thiết kế tương tác thu hút sự chú ý, làm cho trang web trở nên thú vị hơn và cải thiện sự tương tác của người dùng với nó. Và sự phát triển của các thư viện JavaScript giúp việc tạo các trang như vậy trở nên dễ dàng hơn.
- Băng hình
Ảnh nền màn ảnh rộng đang được thay thế bằng video màn ảnh rộng. Giống như hoạt ảnh, nó không chỉ tạo ra sự quan tâm từ phía người dùng mà còn cho phép bạn làm cho trang trở nên sống động. Điều chính ở đây là sử dụng hình ảnh chất lượng cao phù hợp với phong cách tổng thể của trang web. Video không chỉ giúp thu hút sự chú ý của người xem mà còn giúp truyền tải thông điệp mang tính thông tin đến người xem, chẳng hạn như nói về công ty.
