Các chương trình dành cho nhà thiết kế web năm nay. Độ dốc và màu sắc tươi sáng. Văn bản dài sẽ biến mất

Với sự phát triển tích cực của công nghệ, việc giao tiếp của chúng ta với máy tính ngày càng trở nên tự nhiên hơn và khả năng giao tiếp tương tác bằng giọng nói xuất hiện. Vì vậy, tương lai thuộc về trợ lý giọng nói, nhưng đây là thế hệ ứng dụng tiếp theo.

Nút kêu gọi hành động phải là yếu tố chính trên bất kỳ trang nào. Ngày nay, những màu sắc quá sáng và gây khó chịu thường được sử dụng. Nhưng để nhấn mạnh nút CTA trong năm 2017, hoạt ảnh đơn giản sẽ ngày càng được sử dụng nhiều hơn, nó không quá khó chịu nhưng lại hoàn thành tốt chức năng thu hút sự chú ý.

Hãy nhớ rằng điều chính là không lạm dụng nó! Sử dụng các chuyển động mượt mà trong hoạt ảnh sau vài giây; chúng thu hút sự chú ý mà không quá khó chịu. Chúng tôi khuyên bạn nên thêm nút kêu gọi hành động vào tiêu đề của trang web để có hiệu quả tốt hơn. Và không chỉ trên trang web, hãy thêm các nút như vậy vào thư của bạn!

Những bức ảnh lớn và đặc biệt là video luôn thu hút sự chú ý. Hơn nữa, bản thân cốt truyện video có thể thực sự khiến khách truy cập thích thú.

Nếu đây là video nền thì bạn có hai trong một - vừa là ảnh vừa là video. Vì video vẫn còn tương đối hiếm khi được sử dụng làm hình nền nên chúng ngay lập tức khơi dậy sự quan tâm.

Phấn đấu tạo ra những video SỨC KHỎE. Người thật Video của bạn phải tạo cảm giác chân thực, chân thành và xác thực. Đảm bảo sử dụng nhiều chiến thuật khác nhau: đánh giá của khách hàng, phản hồi hợp lý trước những phản đối tiềm ẩn và trình diễn sản phẩm.

Với sự trợ giúp của những video như vậy, bạn sẽ có thể vượt qua mọi nghi ngờ của khách hàng nhanh hơn nhiều và chốt giao dịch.

Xu hướng số 4 cho thiết kế trang web năm 2017 – cuộn là loại điều hướng chính

Vào năm 201, việc cuộn đã trở nên phổ biến. Ông đã làm cho thông tin có ý nghĩa hơn. Giờ đây, người dùng sẽ rất vui khi cuộn qua các văn bản dài thay vì đi theo các liên kết và đợi các trang tải lại.

Thông tin quan trọng trong tiêu đề trang web, chẳng hạn như menu điều hướng chính, số điện thoại hoặc nút gọi lạiđược cố định và luôn sẵn có mà không cần thực hiện thêm hành động nào.

Cuộn giúp câu chuyện trôi chảy câu chuyện thú vị, hiển thị nhiều ảnh và từ đó vượt qua sự nghi ngờ của người dùng và khuyến khích chuyển đổi.

Kế hoạch tốt trang đíchđưa khách hàng vào một hành trình được lên kế hoạch cẩn thận để dẫn đến chuyển đổi mà không buộc họ phải suy nghĩ kỹ về việc chọn đường đi.

Ưu đãi liên quan và Sản phẩm tương tự, cũng như các chương trình khuyến mãi sinh lời trong quá trình đặt hàng để tăng mức kiểm tra trung bình. Các sản phẩm liên quan trong thương mại điện tử chiếm từ 10 đến 30% thu nhập. Hãy nhớ rằng việc bán hàng cho một khách hàng mới khó hơn gấp mười lần so với việc bán hàng cho một người đã sẵn sàng trả tiền.

Với sự trợ giúp của cửa sổ bật lên, bạn có thể giữ chân khách hàng khi họ chuẩn bị rời khỏi trang web. Nhưng cảm giác cân đối ở đây rất quan trọng vì nhiều người dùng bắt đầu ghét chúng.

Nhưng nếu bạn sáng tạo với những thông báo này và không yêu cầu đổi lại bất cứ điều gì, chẳng hạn như cung cấp giao hàng miễn phí, viết mã phiếu giảm giá hoặc tải xuống miễn phí phiên bản dùng thử, thì cách tiếp cận này gây ra sự khó chịu.

Dưới Năm mới có người bói toán trên bã cà phê và ném dép qua vai. Và các nhà thiết kế đang cố gắng thăm dò tương lai và xác định những xu hướng sẽ trở thành chủ đề chính của năm 2017. Chúng ta cũng hãy thử xem. Chúng tôi sẽ không chỉ dựa vào sở thích và thực tế là “giám đốc nghệ thuật đã nói như vậy” mà còn dựa vào khả năng phân tích.

1. Video là một thành phần chức năng

Bài viết khó quá, bạn cần phải tập trung. Hình ảnh không có nhiều thông tin. Và video là loại nội dung người dùng hiện đại Internet đã sẵn sàng để tiêu thụ và đập vào mồm nó. Và khi bạn kể cho người dùng một câu chuyện - ví dụ: cách xây dựng quá trình khó khăn phát triển trang web - sử dụng nó. Quay phim và trình bày cách một nhà phân tích tạo ra các nguyên mẫu và một nhà thiết kế vẽ ra các mô hình. Đưa người dùng vào câu chuyện và trả lời các câu hỏi mà họ có thể có.

Và hãy ngừng đăng video ở mọi nơi mà khách hàng yêu cầu thứ gì đó hấp dẫn trong phạm vi ngân sách. Video về cái đẹp - niềm hy vọng tan vỡ của người dùng. Anh ấy nhìn và hy vọng rằng họ sẽ chỉ cho anh ấy điều gì đó hữu ích, kể cho anh ấy một câu chuyện. Nhưng không. Vì vậy làm thế nào yếu tố trang trí thiết kế web, không hoạt động chức năng hữu ích, video vẫn còn trong năm 2016.

Đúng: Một video giải đáp thắc mắc của người dùng và giải quyết các vấn đề về trang web.
KHÔNG: Video được đặt ở chế độ nền vì nó đẹp và mọi người đều làm như vậy.

2. Cinemagram thay vì video

Sử dụng các đoạn phim. Chúng thú vị hơn hình ảnh tĩnh nhưng không mang lại hy vọng hão huyền cho người dùng, như những video không có câu chuyện hay mục đích.

Cẩn thận! Các đoạn phim rất dính.

3. Đồ họa phông chữ

Một lựa chọn thay thế khác cho video và hình ảnh là đồ họa phông chữ. Nó vừa trang trí trang web vừa làm cho nó có nhiều thông tin hơn. Mối quan tâm chính ở đây là nội dung chất lượng. Nhưng đó là một câu chuyện hoàn toàn khác.

4. Biểu tượng là yếu tố trang trí chính

Tại sao bạn cần hình ảnh, video và thay đổi phông chữ nếu bạn có thể thêm “wow” vào các biểu tượng đã có trên trang web? Nghiêm túc mà nói, hãy thêm một số hoạt ảnh tùy chỉnh và kết thúc một ngày. Bạn sẽ là người sành điệu nhất.

5. Infographic cố định

Vấn đề đối với người dùng là họ trở nên kém siêng năng hơn. Và hay quên như cá vàng - họ vào hiện trường, rồi điện thoại nhấp nháy (ôi, báo nhầm - chỉ là một tia nắng), quay lại màn hình và không thể nhớ mình đang làm gì ở đây. Và họ rời đi.

Vấn đề đang trở nên tồi tệ hơn mỗi năm. Vì vậy, nhiệm vụ của người thiết kế là lôi kéo người dùng và buộc họ phải tương tác với nội dung, cho dù đó là những thống kê nhàm chán. Đặc biệt (!) Nếu đây là những số liệu thống kê nhàm chán.

Làm sinh động nó, sơn màu sáng, buộc người dùng tương tác với nó - làm mọi cách để thu hút người dùng và không buông ra cho đến cuối trang.

6. Điều hướng kết hợp

Một kỹ thuật đang trở nên phổ biến - kết hợp cuộn ngang và cuộn dọc - cũng sẽ làm bừng sáng cuộc sống buồn tẻ hàng ngày của người dùng, khiến họ thích thú và buộc họ phải tương tác một cách chu đáo với trang web.

7. Tránh thực đơn hamburger

Trong 99,9% dự báo thiết kế web cho năm 2015 và 2016, các tác giả hứa hẹn rằng năm nay các nhà thiết kế chắc chắn sẽ từ bỏ thực đơn hamburger. Cứ như vậy đi. Thôi, hãy ủng hộ truyền thống và cũng nói rằng: năm 2017, thực đơn hamburger sẽ không còn thịnh hành nữa, đừng làm vậy, ugh!

Vấn đề với biểu tượng ba thanh là nó không trực quan. Nó được nhận ra bởi kalachi dày dạn kinh nghiệm, những người đã tương tác với nó và biết điều gì ẩn sau biểu tượng. Nhưng ngày càng có nhiều người mới xuất hiện trên Internet: cả những con nòng nọc rất nhỏ và những người già. Và biểu tượng menu hamburger không quen thuộc cũng như không dễ hiểu đối với họ. Họ chỉ có thể tìm ra thứ cô ấy đang giấu và thực đơn ở đâu sau khi trải qua một trải nghiệm đau đớn.

Hãy thực tế: khó có khả năng bạn có thể từ bỏ hoàn toàn thực đơn hamburger. Nhưng trước khi bạn áp dụng nó, hãy tìm kiếm một giải pháp thay thế khả thi cho từng dự án.

studio-spoon.co.jp

8. Khung xung quanh trang web

Một giải pháp phổ biến không phải là kéo dài trang web để lấp đầy toàn bộ màn hình mà đặt nó vào một khung gọn gàng. Nó rất tuyệt và có không gian trống có thể được sử dụng để điều hướng (tại sao không, vì menu hamburger sắp chết).

teletype.online

9. Thêm biểu tượng cảm xúc

Người dùng càng bỏ ra ít nỗ lực để phản ứng thì họ càng sẵn sàng làm điều đó. Và họ chưa nghĩ ra bất kỳ phản ứng nào đơn giản hơn biểu tượng cảm xúc. Hiện tại, trên các trang web bạn chỉ có thể thích nội dung, tối đa là tặng Facebook Emote. Nhưng đã đến lúc chuyển sang biểu tượng cảm xúc rồi, các nhà thiết kế ạ.

10. Thiết kế vật liệu

Vâng, anh ấy vẫn ở bên chúng tôi.

11. Ưu tiên di động nhiều hơn

Ngày càng có nhiều người dùng xem trang web từ điện thoại di động, đó là lý do tại sao phương pháp Mobile First ngày càng được khách hàng chấp nhận dễ dàng hơn hàng năm. Nó không còn được coi là một thí nghiệm kỳ lạ nữa mà là một phương pháp tự biện minh. Vì vậy, hãy sẵn sàng cho một loạt các trang web cùng loại nhưng rất tiện lợi cho điện thoại di động.

12. Nhiều tương tác vi mô hơn

Các trang web sẽ hấp thụ nhiều chip hơn từ ứng dụng di động. Trong năm 2017, sẽ có những tương tác vi mô đáng kinh ngạc khiến ngón tay bạn phải rùng mình. Giống như một trái tim trên Twitter - đó là một tác phẩm nghệ thuật! Tôi muốn ép anh mãi mãi. Sẽ có nhiều điều này hơn trong các dự án Mobile First và cổ điển.

13. CTA thậm chí còn mang tính xâm phạm hơn

Nhà thiết kế chỉ khuấy động vẻ đẹp vì vẻ đẹp trên bàn và trên Dribbble. Trong những trường hợp khác (trong những trường hợp được trả tiền), các nhà tiếp thị đang thở dốc bên tai anh ta, những người cần thứ gì đó sáng sủa hơn ở đây và một nút lớn hơn ở đó. Có vẻ như năm 2016 đã có một bước ngoặt và sự suy nghĩ lại về những yêu cầu này - hãy mong đợi những khối CTA lớn, hấp dẫn, bắt mắt vào năm 2017. Như vậy các nhà tiếp thị không có gì để thêm vào chúng.

strv.com

14. Nỗi nhớ thập niên 80

Trên Internet tinh tế, các nhà thiết kế bỏ lỡ các điểm ảnh của đèn diêm, âm thanh 8 bit của hộp giải mã tín hiệu và tiếng ồn của TV ống. Và họ bù đắp cho sự khao khát của họ về thập niên 80, 90 trong thiết kế trang web. Bắt kịp xu hướng - thêm màu axit, độ nhiễu và sự cố cho dự án của bạn.

retrominder.tv

15. Tránh dùng ảnh stock

Nghiêm túc mà nói, những hình ảnh có sẵn đã khiến người ta phải rùng mình. Thực đơn hamburger tệ hơn và việc thay thế chúng dễ dàng hơn. Vậy hãy quay phim của chúng ta nào.

Thế kỷ 21 đang ở trong sân, kamon. Điện thoại giống như những gì họ làm ảnh chất lượng cao. Vì vậy, việc quay phim nhân viên hoặc quá trình làm việc trên điện thoại của bạn hiện không phải là vấn đề. Điều chính là thời gian và mong muốn thực hiện một dự án tốt.

16. Rau xanh

Những người đến từ Pantone tin rằng màu sắc của năm 2017 chính là cây xanh nhỏ này. Hãy cùng lắng nghe và thêm nó vào danh sách của chúng tôi nhé.

17. Một cách tiếp cận mới để tạo nguyên mẫu

Dù bạn vẽ ra thiết kế tuyệt vời nào, điều quan trọng chính là trình bày nó theo cách khiến khách hàng yêu thích. Hoặc ít nhất là nhìn thấy nó theo cách bạn nhìn thấy nó.

Bố cục tĩnh hầu như không thể đáp ứng được nhiệm vụ này, vì vậy vào năm 2017, bạn cần cải thiện kỹ năng thuyết trình của mình. Vì vậy, ngay lập tức, trước khi bố trí, khách hàng sẽ nhìn thấy tất cả những chiếc ghế dài được phát minh ra và không tưởng tượng ra chúng trong đầu. Nếu không, anh ta sẽ tự tưởng tượng ra điều gì đó không ổn, tạo ra những kỳ vọng mà các nhà phát triển sẽ không thể biện minh được.
Hiện nay, việc một nhà thiết kế chỉ đơn giản là vẽ và hiển thị một bức tranh là điều không nên làm. Bạn phải có khả năng xử lý một trong các công cụ tạo mẫu để tạo mẫu tương tác hoặc cải thiện kỹ năng hoạt hình của bạn.
Đây là kho vũ khí của bạn cho năm tới, các đồng nghiệp. Nhưng đừng tranh cãi với khách hàng muốn có điện thoại video. Đừng đưa các thành phần pixel và biểu tượng cảm xúc vào nơi bạn cần thương mại điện tử tối giản, rõ ràng. Và đừng tấn công những khách hàng bất đắc dĩ trên Skype bằng các liên kết tới bài viết này. Sử dụng xu hướng một cách khôn ngoan - hoặc không sử dụng chúng chút nào. Dù sao, sau ba năm nữa chúng sẽ được cập nhật hoàn toàn :)

Có một niềm tin chung giữa các nhà thiết kế rằng xu hướng sẽ phần quan trọng công việc của họ. Luôn cập nhật cho mình những bản cập nhật mới nhất được coi là điều bắt buộc. Nhiều nhà thiết kế đánh giá tác phẩm của người khác qua lăng kính xu hướng và việc gắn thẻ #cũ cho một số tác phẩm có thể bị coi là một sự xúc phạm, như thể một thiết kế không kết hợp các xu hướng mới nhất và tự động trở nên kém giá trị hơn.

Tuy nhiên, có những lý do để theo xu hướng. Việc xem các trang web như Awwwards, FWA hoặc CSS Design Awards có thể truyền cảm hứng cho bạn và kết quả là giúp bạn nhìn xa hơn thói quen thiết kế của mình. Bạn có thể tìm hiểu về thế giới hình ảnh mới mà sau đó bạn có thể (có ý thức hoặc không) tích hợp với nó. ngôn ngữ đồ họa. Xem người khác làm việc giúp cải thiện kỹ năng của bạn cũng như luôn cập nhật công nghệ mới nhất.

Trong một hoặc hai năm qua, điều đáng chú ý là nhiều nhà thiết kế đang cố gắng tránh xa những bố cục đơn giản. Ngày càng xuất hiện nhiều tác phẩm thiết kế cởi mở, tưởng như hỗn loạn, “đứt đoạn”, “cắt đứt”. Sự tôn vinh lưới điện, như trước đây, đang mất đi tầm quan trọng của nó và các quy tắc đang được thay đổi một cách có chủ ý và có ý thức. Nội dung bắt đầu chuyển động, nó dường như đang chuyển động và các phần của nó đôi khi chồng lên nhau và đan xen vào nhau.

Sự phát triển của Canvas và WebGL đóng một vai trò lớn trong quá trình này. Dự án hiện đại thường hơi khó hiểu, kém trực quan so với những kiểu tối giản nhưng chắc chắn chúng để lại ấn tượng lâu dài cho người dùng.

Điều gì đang chờ đợi chúng ta trong thiết kế web năm 2017? Đây là những dự đoán của tôi.

Thành phần mở

Cho đến gần đây, thế giới thiết kế vẫn bị thống trị bởi các bố cục “đóng”, đối xứng và tĩnh. Kể từ năm 2016, nhiều trang web đã xuất hiện và không còn phong cách này nữa. Các tác phẩm mở với các phần tử được sắp xếp tự do chạy ở đâu đó ngoài màn hình đang trở nên phổ biến - bạn có thể xem ví dụ về tác phẩm như vậy tại romainpsd.com, durimel.io hoặc booneselections.com. Sự phân bố của các phần tử trên các trang web này tạo ấn tượng rằng chúng tiếp tục tồn tại phía sau màn hình.

Bất đối xứng

Năm 2016 cũng đã phá vỡ quy tắc đối xứng vốn đã phổ biến trong ngành từ khá lâu. trong một khoảng thời gian dài. Nhiều nhà thiết kế đã tạo ra những bố cục không đối xứng, không thể cân bằng hoàn hảo giữa bên trái và bên phải. bên phải. Để làm ví dụ, tôi muốn cho bạn xem trang culture.pl xuất sắc, dada-data.net hỗn loạn và durimel.io đã đề cập trước đó.

Đa dạng

Các nhà thiết kế đã tạo ra các bố cục năng động hơn có nhiều đường chéo giao nhau hơn (poigneedemainvirile.com, vanderlanth.io) hoặc các hình dạng phức tạp hơn (residente.com/en, helloheco.com, Predictiveworld.watchdogs.com).

Ảo tưởng về sự hỗn loạn

Vào năm 2016, nhiều nhà thiết kế đã bắt đầu rời xa thiết kế tối giản một cách có ý thức và có chủ ý. Có mong muốn tự do hơn và cách tiếp cận thiết kế ít cứng nhắc hơn. Tất nhiên, đằng sau điều này là nhu cầu thay đổi nhưng cũng là cảm giác buồn chán thường ngày. Tại một số thời điểm, mọi người đều cảm thấy nhàm chán với việc tạo bố cục đơn giản với các yếu tố đơn giản.

Tuy nhiên, phân tích các dự án của năm 2016, có thể nhận thấy sự hỗn loạn dường như chỉ là sự hỗn loạn. Các bố cục vẫn dựa trên sự tương phản cổ điển về hình dạng, màu sắc, họa tiết, kích thước, v.v. Điều đã thay đổi là sự sắp xếp của các yếu tố khác nhau và sự phụ thuộc hài hòa giữa chúng. Ngày nay, các tiêu đề, biểu tượng hoặc khối văn bản thường xuyên bị thay đổi hơn, bất chấp logic tầm thường. Mặc dù thực tế là chúng là một phần của cùng một khối chủ đề, nhưng chúng tách biệt và nằm ở một khoảng cách khá xa nhau. Chúng không được căn chỉnh theo cùng một cạnh và có các mặt sau khác nhau.

Một số hình hình học “lơ lửng trong không khí” chỉ có mục đích trang trí (melanie-f). Đây cũng là điển hình cho các yếu tố chồng chéo. Văn bản bị chồng chéo một phần bởi các bức ảnh, như trên e03.epicurrence.com và melville-design.com, hoặc các hình ảnh được chồng lên nhau, như có thể thấy trên olivierbernstein.com.

Nó cũng là một kỹ thuật đặc biệt để phá vỡ sự hài hòa tối giản thông thường. Những tiêu đề lớn tương phản rõ rệt với cấu trúc và màu sắc tinh tế và tinh tế.

Hình nền và hoa văn phong phú

Ngày càng thường xuyên xuất hiện các hình nền và hoa văn có dấu gạch ngang, sọc hoặc dấu chấm nhỏ.

Một mẫu đặc biệt phổ biến là mẫu lưới, cung cấp “khung” cho các thành phần bố cục khác. Các phần tử này di chuyển theo thị sai dọc theo lưới và thường nằm ở vị trí hỗn loạn.

Mẫu lưới

Tuy nhiên, một trong những trang web đầu tiên có lưới như vậy xuất hiện là werkstatt.fr, tuy nhiên, trang này không sử dụng hình ảnh động đặc trưng.

Một cách hơi khác để sử dụng mẫu lưới được hiển thị tại klimov.agency, brand.uber.com và maisonullens.com. Trong những trường hợp này, lưới có một chức năng rất cụ thể - làm cho chuyển động của các phần tử trở nên hợp lý. Điều này cho phép bạn hợp lý hóa các giải pháp phi tiêu chuẩn và đưa ra câu trả lời cho các câu hỏi như “tại sao lề của hình minh họa không khớp với lề của nút”? Điều này tạo nên nhịp điệu, đồng thời biện minh cho những vi phạm của mình.

Chi tiết trang trí

Điều thực sự thay đổi gần đây là cách tiếp cận chi tiết. Có một sự thay đổi dần dần khỏi chủ nghĩa tối giản. Có nhiều yếu tố khác chỉ có chức năng trang trí. Các hình dạng hình học “bay” và các mảnh tương ứng. Các biểu tượng tuyến tính, mỏng manh hơi tách rời khỏi nội dung mà chúng minh họa. Gạch chân và dòng được thay đổi. Xuất hiện hiện tượng nhiễu hạt và trục trặc, như trên bigyouth.fr hoặc kikk.be.

Các nút ít được tạo dưới dạng hình chữ nhật rõ ràng có văn bản bên trong. Chúng thường xuất hiện dưới dạng các đường lệch, mềm, chẳng hạn như trên dahllaw.dk hoặc yasuhiroyokota.com. Một tùy chọn nút khác là di chuột ngoạn mục trên Canvas, như trên hpsoundincolor.com và cavalierchallenge.com.

Khái niệm chu đáo - hình ảnh động mượt mà giữa các phần

Không có gì mới về hình ảnh động trên các trang web. Hơn nữa, không thể nói rằng chúng mâu thuẫn với cách tiếp cận tối giản. Tuy nhiên, giống như Canvas, chúng là một phần quan trọng mang lại những khả năng lớn hơn trong thiết kế web. Và những cơ hội mới luôn hấp dẫn vì chúng cho phép bạn làm điều gì đó khác biệt, mới mẻ và độc đáo.

Sự phong phú của hình ảnh động giúp loại bỏ sự phân chia sắc nét của trang thành các phần. Trang web thay đổi mượt mà khi bạn cuộn. Nội dung mờ dần bằng cách sử dụng hình ảnh động mềm mại. Trình tự của những chuyển đổi này ngày càng trở nên phức tạp hơn. Đây không chỉ là những hiệu ứng ngẫu nhiên giữa các khối nội dung mà còn là một khái niệm chu đáo trong đó mỗi yếu tố xuất hiện vào đúng thời điểm (Nationalgeographic.com, stylenovels.com). Hoạt ảnh ngay từ đầu đã là một phần của trang web chứ không chỉ là một chi tiết ngẫu nhiên được thêm vào.

Hình ảnh động thú vị trang trí bố cục đơn giản. Họ thêm giá trị mới và làm cho trang trở nên độc đáo. Chúng trở thành phần cốt lõi của toàn bộ dự án, như trên Ifly50 hoặc tennent brown.co.nz. Ảnh động thường tạo ra cấu trúc đẹp, bóng bẩy trên các trang web: Cuberto.com, lookbook.wedze.com, skarv-fashion.com hoặc corentinfardeau.fr.

Kiểu chữ đa dạng

Xu hướng thay đổi cũng có thể được nhìn thấy trong các phông chữ được sử dụng. Cho đến gần đây, toàn bộ Internet bị thống trị bởi các phông chữ đơn giản, tân kỳ cục như Helvetica, Roboto, Lato hay Open Sans. Kiểu tân kỳ cục mang tính "trang trí" hơn một chút được sử dụng thường xuyên hơn trong các tiêu đề, với một phiên bản đơn giản hơn được chọn cho phần còn lại của văn bản. Phông chữ Serif thực tế không bao giờ được sử dụng.

Trong 2 năm qua, tình hình đã bắt đầu thay đổi. Nhà thiết kế mạnh dạn sử dụng các loại khác nhau phông chữ. Bây giờ họ sẵn sàng làm việc với sự tương phản hơn - kết hợp phông chữ serif và sans serif.

Có rất nhiều điều đang diễn ra trong kiểu chữ được sử dụng trên các trang web. Văn bản được tạo hình động, được chia thành các chữ cái riêng lẻ và nhiều hiệu ứng, hình ảnh và video khác nhau được đặt trong văn bản.

Khả năng công nghệ tốt hơn và những quyết định táo bạo hơn đang thúc đẩy sự phát triển của tính đa dạng trong kiểu chữ web.

Phông chữ hình học

Các phông chữ sans serif hình học đã trở nên rất phổ biến, chẳng hạn như Futura cổ điển, ITC Avant Garde, Proxima Nova hoặc những phông chữ có sẵn trong thư viện Google- Poppins hoặc Montserrat. Những phông chữ này biểu cảm hơn nhiều so với kiểu chữ neo-sans serif “vô hình”. Có thể đạt được đặc tính “hung hăng” và biểu cảm hơn của một trang web bằng cách sử dụng độ dày lớn hơn, như trên trang web khá cũ Hugeinc.com, nhưng đây là những ví dụ mới hơn: Sequence.co.uk, startuplab.no hoặc www.protest.eu .

Phông chữ Serif

Rất thường xuyên, phông chữ serif không chỉ được sử dụng cho nội dung văn bản mà còn cho các tiêu đề lớn. Những trang trí đặc biệt thường được sử dụng, chẳng hạn như những trang trên duhaihang.com hoặc jennyjohannesson.com. Các phông chữ phổ biến khác bao gồm những phông chữ liên quan đến Bodoni hoặc Didot.

Phông chữ đơn cách (“máy đánh chữ”)

Sử dụng phông chữ tỷ lệ, thường được kết hợp với máy đánh chữ, là một sáng tạo. Bây giờ chúng có thể được nhìn thấy trên các trang web như admirhadzic.com, Cuberto.com hoặc Designembraced.com.

Sự kết hợp phông chữ tương phản

Vào năm 2016, người ta thường tránh xa sự kết hợp phông chữ mềm mại, hài hòa để có độ tương phản rõ rệt hơn. Sự kết hợp biểu cảm được tăng cường nhờ độ tương phản cao của kích thước văn bản. Phông chữ lớn và trang trí được ghép nối với các phông chữ hình học đơn giản, giống như các tiêu đề hình học được ghép nối với phông chữ serif trong văn bản nội dung.

Kiểu chữ lớn như một phần của hình ảnh chính

Một điều rất thú vị và phổ biến là việc sử dụng kích thước văn bản rất lớn trên các hình ảnh chính. Điều này tạo ra sự tương phản rất mạnh giữa tiêu đề và phần còn lại của nội dung. Bạn có thể xem ví dụ tại oursroux.com, femmefatale.paris hoặc monsieurcaillou.com.

Đôi khi, để trang trí, chữ cái được sử dụng ngay từ đầu, chẳng hạn như coretinfardeau.fr hoặc Nourishdigital.com.

Một ví dụ điển hình ở trên là jennyjohannesson.com, trang này sử dụng đặc tính trang trí của phông chữ serif Goku.

Các hiệu ứng bổ sung áp dụng cho kiểu chữ

Người ta có thể quan sát sự tích hợp mạnh mẽ giữa kiểu chữ và hình ảnh, video và hình ảnh động. Các phần riêng lẻ được kết nối với nhau—kiểu chữ tương tác với cả nền và các phần tử khác. Vị trí ngẫu nhiên của kiểu chữ trên một hình ảnh tối đã là chuyện quá khứ. Ngày nay, các nhà thiết kế đang xây dựng những mối quan hệ thú vị giữa tất cả các yếu tố, dệt kiểu chữ vào nền, tạo hoạt ảnh cho nó, v.v.

Cỡ chữ lớn trong văn bản

Khi mới bắt đầu hành trình thiết kế web, tôi đã có thói quen cũ là sử dụng cỡ chữ 10 mà tôi đã có được khi làm việc trong lĩnh vực in ấn. Tuy nhiên, tôi nhanh chóng nhận ra rằng trên web kích thước tối ưu có thể đọc được là 14.

Điều đáng chú ý là các nhà thiết kế đang sử dụng phông chữ lớn hơn nhiều, đặc biệt khi Chúng ta đang nói về về phông chữ serif.

Đi vào bóng tối

Năm 2016, các nhà thiết kế đã sử dụng nhiều màu sắc khác nhau. Nhưng bạn có thể nhận thấy xu hướng chọn tông màu tối.

Xu hướng tạo các trang web toàn màu trắng đang trở nên ít phổ biến hơn và nhường chỗ cho các biến thể, họa tiết và hoa văn màu xám. Hiện nay, việc tạo các trang web tối hơn là khá phổ biến, trong đó màu đen hoặc sự chuyển màu của nó lấp đầy nền và tạo ra tâm trạng hơi tối, kỳ cục.

Mặc dù vậy, rất khó để dự đoán xu hướng này sẽ phát triển như thế nào trong năm nay. Tuy nhiên, màu sắc là một phần trong nhận dạng hình ảnh của thương hiệu, vì vậy thật khó để mong đợi họ thay đổi cơ bản cách truyền thông chỉ dựa trên mức độ phổ biến của một số xu hướng nhất định.

Tóm tắt

Năm 2017 hứa hẹn nhiều triển vọng thú vị nhưng cũng có một số mối nguy hiểm đang rình rập.

Cá nhân tôi e rằng nhiều nhà thiết kế web có thể hơi tự tin quá mức khi làm việc với Canvas. Thêm vào xu hướng mới này, bạn sẽ có được rất nhiều trang web hào nhoáng và ít người biết đến dành cho nhiều đối tượng.

Tôi cũng hơi lo ngại về thực tế là nhiều sáng tạo ngày nay không hoạt động bình thường trên tất cả các trình duyệt và thiêt bị di độngỒ. Tôi có ấn tượng rằng chúng tôi đã trở lại điểm xuất phát. Chúng ta hiện đang ở trong tình huống tương tự như thời điểm Flash, mặc dù thống trị Internet, nhưng lại bị đổ lỗi vì thiếu khả năng phản hồi và yêu cầu kết nối Internet cao.

Một điều nữa khiến tôi lo sợ là xu hướng “giải cấu trúc” mới sẽ không thể áp dụng cho khách hàng thương mại hoặc đơn giản là không phù hợp với hồ sơ giao tiếp của họ. (Các trang web của chính phủ hoặc ngân hàng không thể lộn xộn).

Tôi tự hỏi sẽ mất bao lâu để các xu hướng mới chiếm lĩnh thị trường thương mại. Điều đáng chú ý là phần lớn các trang web tôi sử dụng làm ví dụ đều được tạo cho các đại lý, nhà thiết kế và ngành công nghiệp sáng tạo. Các trang web này thường đặt ra các quy tắc riêng và thường đi trước xu hướng so với các ngành khác. Đôi khi các xu hướng phải mất một thời gian dài mới trở nên phổ biến trong một thị trường ngách và xâm nhập vào thị trường thương mại. Sau đó, hình dạng của chúng được làm mịn một chút để phù hợp với mọi người.

Bất chấp tất cả những điều này, tôi nghĩ năm 2017 có vẻ rất hứa hẹn khi nói đến thiết kế web. Nếu nói rằng thời đại của chủ nghĩa tối giản sắp kết thúc thì có lẽ là quá đáng, nhưng nó chắc chắn đang trải qua những thay đổi và phát triển.

Chủ nghĩa tối giản sẽ trở nên phức tạp và chi tiết hơn. Các trang web năm nay sẽ sử dụng Canvas nhiều hơn. Chúng ta sẽ thấy rất nhiều sự hỗn loạn, đa dạng về hình thức và cách thể hiện trong các dự án tương lai. Cái này Tin tốt dành cho những nhà thiết kế đã chán ngấy phong cách thiết kế Flat, Material hoặc Metro tối giản.

Ban đầu dự định đăng bản dịch một bài viết bằng tiếng Anh về xu hướng thiết kế web năm 2017, nhưng sau khi nghiên cứu, nguồn khác nhau, quyết định thay đổi một chút ý tưởng của tờ ghi chú này. Vấn đề là trong tháng qua, khá nhiều tài liệu chuyên đề về những thứ hiện đại đã được xuất bản trên Internet, và như người ta nói, có nhiều ý kiến khác nhau. Một mặt, điều này là hợp lý bởi vì Các tác giả khác nhau có những giả định riêng về những gì sẽ phù hợp với các trang web trong năm nay. Mặt khác, những dự báo này rất chủ quan.

Nói chung, chúng tôi đã thu thập tất cả các tùy chọn và biên soạn một cái gì đó giống như bản tổng hợp các xu hướng thiết kế web năm 2017. Hãy bắt đầu với những xu hướng phổ biến nhất được nhiều chuyên gia ghi nhận và dần dần chuyển sang những ý tưởng “độc đáo” hơn. Nhân tiện, nếu bạn có bổ sung và suy nghĩ về chủ đề này, vui lòng chia sẻ chúng trong phần bình luận. Ngoài ra, chúng tôi khuyên bạn nên đọc về - cũng là một bài viết hữu ích.

1. Thiết kế “trừu tượng” không chuẩn mực

Lưới cho các trang web được coi là đã được thiết lập phần nào Khái niệm cơ bản, giúp tổ chức hợp lý không gian của trang web. Đồng thời, cô đẩy các nhà thiết kế đặc biệt sáng tạo vào những giới hạn nhất định. Tuy nhiên, luôn có những kẻ liều lĩnh tạo ra những giải pháp độc đáo không bị kiểm soát bởi bất kỳ ranh giới cứng nhắc nào. Tác phẩm tương tự, như một quy luật, được tìm thấy trong các chủ đề hình ảnh và sáng tạo, nhưng vào năm 2017, xu hướng thiết kế trang web này sẽ lan rộng sang các dự án nghiêm ngặt của công ty.

Sự sắp xếp không chuẩn của các phần tử mang lại nhiều hơn cơ hội thú vị: Cho phép bạn sử dụng toàn bộ không gian trang, thêm các lớp đối tượng và tạo cảm giác về chiều sâu cho bố cục của bạn. Bạn sẽ có thể triển khai một thiết kế gây ấn tượng với người dùng ngay cả khi không có màu sắc sặc sỡ video toàn màn hình hoặc hoạt hình. Với hàng trăm nghìn bố cục cổ điển trên web, các thiết kế trừu tượng, độc đáo hầu như sẽ luôn nổi bật và thu hút sự chú ý của khách truy cập trang web (như yếu tố WOW). Và bạn cần phải sử dụng điều này!

2. Tùy chọn điều hướng mới

Đối với một dự án không chuẩn - một menu nâng cao. Ngày nay bạn không cần phải đặt một đường ngang trong tiêu đề. Do sự phổ biến ngày càng tăng của bố cục thích ứng, nhiều người dùng đã quen với biểu tượng menu Hamburger (bao gồm ba sọc ngang), biểu tượng này ngày càng xuất hiện nhiều trên các phiên bản thông thường của trang web. Ranh giới giữa thiết kế di động và máy tính để bàn đang dần mờ đi. Năm nay chúng ta sẽ thấy rất nhiều thử nghiệm về vị trí và hình dạng của menu - điều này có thể trở thành một trong những xu hướng thiết kế web chính của năm 2017.

Các giải pháp như vậy cho phép bạn sử dụng không gian trang theo một cách khác. Ngoài khả năng cuộn xuống và sang bên một cách trực quan, cũng như khối điều hướng dọc cố định, các phần tử trượt ẩn khác nhau sẽ phổ biến. Với sự trợ giúp của họ, bạn có thể đặt tất cả các mục menu con cần thiết trên một màn hình. Theo một cách nào đó, điều này làm cho việc điều hướng trang web trở nên chi tiết và hữu ích hơn cho người dùng. Điều quan trọng duy nhất là họ có thể giải quyết vấn đề của bạn giải pháp không chuẩn. Hãy chắc chắn để kiểm tra hiệu quả của nó trong thực tế.

3. Thiết kế thiệp

Thẻ ở xa Xu hướng mới trong thiết kế trang web, nhưng vào năm 2017 nó sẽ tiếp tục phù hợp. Giải pháp này trình bày thông tin một cách hiệu quả trên nhiều nền tảng khác nhau: từ ứng dụng di động đến xem trên màn hình TV lớn. Định dạng tổ chức dữ liệu này sẽ giúp người dùng tập trung mọi thông tin vào các đối tượng một cách thuận tiện nhất có thể.

Cách tiếp cận này được nhiều dự án phổ biến trên mạng sử dụng: Facebook, Pinterest, Netflix. Tùy chọn thứ hai nói chung là một ví dụ tuyệt vời về việc triển khai thành công thẻ trong một thiết kế kết hợp giữa sự tối giản, khả năng điều hướng và hiệu quả.

4. Chia bố cục với màn hình chia thành 2 phần

Năm nay chúng ta sẽ thấy nhiều bố cục hơn với khả năng hiển thị thông tin chia đôi trên màn hình. Xu hướng thiết kế web này sẽ đặc biệt sôi động trong năm 2017 trên trang chủ và. Nhìn bề ngoài, việc triển khai trông tuyệt vời trong các thiết kế tối giản với hình nền hoặc hình ảnh tương phản.

Nhà thiết kế sẽ có thể sử dụng các kỹ thuật thiết kế trực quan khác nhau trong các khối liền kề trong một dự án web. Và kết quả sẽ trông tự nhiên. Nhân tiện, bố cục phân chia hoạt động tốt cho Kêu gọi hành động trên trang đích. Thêm chi tiết về phương pháp.

5. Kiểu chữ lớn và độc đáo

Tôi nhớ lại vào năm 2009, chúng tôi đã công bố việc sử dụng phông chữ lớn là một trong những xu hướng thiết kế trang web đầy hứa hẹn. Điều tương tự có thể sẽ xảy ra vào năm 2017 (ít nhất là hầu hết các nhà thiết kế đều đề cập đến nó). Lý do chính tất nhiên là để thu hút sự chú ý: ai đó cần làm nổi bật một số đồ vật nhất định trên trang, ai đó muốn giải thích cách sử dụng điều hướng một cách chính xác, v.v. Bất chấp điều đó, kiểu chữ ngày càng dày hơn và lớn hơn. Khi thực hiện, bạn có thể thấy các bài viết trên blog hữu ích và hữu ích.

Đồng thời, nhiều trang web đang loại bỏ tiêu chuẩn phông chữ hệ thống, cho phép bạn đa dạng hóa đáng kể diện mạo của chúng. Với số lượng ngày càng tăng của các dịch vụ phông chữ web gốc miễn phí (Google Fonts, Typekit), mức độ phổ biến của chúng sẽ còn tăng hơn nữa. Có vẻ như năm 2017 chúng ta cũng sẽ chứng kiến những thử nghiệm trong lĩnh vực kiểu chữ trang web. Điều chính trong vấn đề này là không lạm dụng nó - hãy nhớ rằng văn bản phải dễ đọc. Nhân tiện, nếu bạn làm việc với WordPress, thì bài viết Cách kết nối phông chữ trong WordPress (bao gồm cả Google Fonts) có thể hữu ích với bạn.

6. Độ dốc và màu sắc tươi sáng

Một xu hướng thiết kế web khác cho năm 2017 là sử dụng bảng màu sáng cho độ dốc (và hơn thế nữa). Sự khởi đầu của kỷ nguyên thiết kế phẳng đã mang đến những tính năng thú vị cho thế giới trực tuyến, nhưng bạn cần phải làm việc theo phong cách này thật cẩn thận, bởi vì... nó có thể góp phần vào việc cá nhân hóa trang web. Để giải quyết vấn đề, một số chuyên gia đã bắt đầu thử nghiệm các giải pháp màu sắc tươi sáng và chuyển màu. Năm nay, xu hướng này sẽ tiếp tục phát triển và không chỉ trên Web (chắc hẳn mọi người đều đã chú ý đến bản cập nhật gần đây của Instagram).

Xu hướng này có thể được sử dụng không chỉ cho nền. Một kỹ thuật phổ biến là tạo sự chuyển tiếp giữa hai màu và phủ chúng lên ảnh. Điều này cho phép bạn làm cho bức ảnh trở nên thú vị hơn và nhìn chung hiệu ứng trông khác thường. Màu sắc tươi sáng tạo thêm chiều sâu, tính năng động và năng lượng dễ chịu cho thiết kế. Họ có thể làm nổi bật một trang và các thành phần trên đó rất tốt.

7. Hoạt ảnh và tương tác vi mô

Bản thân hoạt ảnh trên trang web không phải là mới, nhưng các nhà thiết kế đang học hỏi hàng năm để triển khai nó đẹp hơn và hiệu quả hơn. Người vị thành niên hiệu ứng hình ảnh cho hình ảnh/đồ vật/nội dung không chỉ có thể làm cho dự án của bạn trở nên sống động mà còn thêm vào công cụ bổ sung phản hồi của người dùng. Trong giao diện UI/UX hiện đại, nhiều tương tác vi mô khác nhau biến các quy trình thông thường thành những cách thú vị hơn để lấy thông tin + cho phép người dùng xem và hiểu cách hoạt động của thành phần trang này hoặc thành phần trang kia (menu, điều hướng, nút).

8. Hiệu ứng thị sai

Một xu hướng thiết kế trang web quen thuộc trước đây trong năm 2017 sẽ mở ra một khía cạnh mới. Bản thân Thị sai được thực hiện do tốc độ chuyển động của nền và tiền cảnh khác nhau khi cuộn, điều này tạo ra ấn tượng về chiều sâu và tính năng động của hình ảnh. Năm nay chúng ta có thể mong đợi công việc phức tạp hơn nhiều khi sử dụng nhiều lớp, các hướng chuyển động khác nhau và sử dụng các hiệu ứng. Hãy sử dụng kỹ thuật này một cách cẩn thận để không làm người dùng mất tập trung vào nội dung của trang web. Dưới đây bạn sẽ tìm thấy hình ảnh với các liên kết đến các trang nguồn.

9. Thực tế ảo

VR là một trong những chủ đề phù hợp nhất hiện nay, mặc dù thực tế là tình hình thực tế trong lĩnh vực này kém lạc quan hơn nhiều dự báo. Tất nhiên, tính năng này không thể không ảnh hưởng đến các nhà thiết kế. Trong một số bố cục, bạn có thể tìm thấy nhiều kỹ thuật khác nhau có thể tạo ra “hiệu ứng hiện diện” cho người dùng: video và ảnh toàn cảnh 360 độ, chèn video “giống phim”, trò chơi, v.v.

10. Thiết kế xúc giác, tự nhiên

Xu hướng này kết hợp hai hướng cùng một lúc - màu sắc tự nhiên và thiết kế xúc giác. Sự nhiệt tình quá mức đối với các giải pháp phẳng đã biến nhiều dự án web thành các bố cục Bootstrap đơn điệu, vô nghĩa. Giờ đây, một số nhà thiết kế đang cố gắng hướng tới các giải pháp tự nhiên hơn, chẳng hạn như họ đăng ảnh và mô hình 3D thực tế để người dùng có cảm giác có thể chạm và chạm vào các vật thể trên trang web. Họ cũng sử dụng các vật liệu tự nhiên làm kết cấu, hình minh họa và hình nền + sắc thái tự nhiên (xanh lá cây, nâu, xám, kim loại trung tính).

11. Xu hướng thiết kế web khác năm 2017

Trong quá trình nghiên cứu các xu hướng thiết kế website chính của năm 2017, chúng tôi đã gặp phải nhiều ý kiến khác nhau. Bạn đã làm quen với các lựa chọn quan trọng nhất và bây giờ chúng ta sẽ nói ngắn gọn về một số giả định hóa ra ít phổ biến hơn. Nhân tiện, một số trong số chúng đã được sử dụng tích cực trước đó, nhưng năm nay xu hướng này sẽ tiếp tục.

Bạn có thể làm cho nền trở nên ấn tượng hơn nữa bằng cách thêm hoạt ảnh hoặc video. Nhờ YouTube và các dự án tương tự, nội dung video hiện nay rất phổ biến, bạn có thể sử dụng tính năng này trên trang web của mình. Nếu thêm âm thanh thì mặc định không bật, người dùng phải muốn tự mình làm.

Hình dạng hình học

Nếu bạn nhìn kỹ vào ảnh chụp màn hình của các dự án web ở trên, bạn sẽ nhận thấy việc sử dụng các hình dạng hình học khác nhau trong nhiều dự án đó. Đây thường là các hình vuông/hình chữ nhật, nhưng cũng có thể tìm thấy các đường cong, hình tam giác và hình tròn. Các khối như vậy có thể chứa nội dung hoặc được sử dụng để làm nổi bật nền.

Hình minh họa độc đáo

Chúng tôi không tìm thấy nhiều tác phẩm gốc trong việc lựa chọn, nhưng xu hướng thiết kế web này vẫn sẽ phù hợp trong năm 2017. Đầu tiên, hình minh họa mang lại dấu ấn cá nhân cho dự án của bạn (đây là một điểm cộng lớn trong thời đại bố cục phẳng). Thứ hai, phương pháp này hoạt động tốt với kiểu chữ tùy chỉnh, cho phép bạn tạo các bố cục độc đáo hơn nữa. Bạn cũng có thể bao gồm các xu hướng sử dụng ở đây. ảnh thật trong thiết kế/nội dung thay vì hình ảnh từ ảnh có sẵn - tính độc đáo luôn được yêu cầu.

Tổng cộng

Chúng tôi đã xem xét 10 xu hướng thiết kế web hàng đầu cho năm 2017, hiện sẽ được các nhà thiết kế sử dụng tích cực nhất trong công việc của họ. Trên thực tế, không có nhiều kỹ thuật nguyên bản; một phần đáng kể các xu hướng được lặp lại từ những năm trước: thẻ, nền sáng, thị sai, kiểu chữ lớn, v.v. Dựa trên phông chữ và điều hướng, có thể chúng ta sẽ thấy tùy chọn ban đầu Năm nay. Ngoài điểm c thực tế ảo, chúng ta có thể nói rằng xu hướng chung là đơn giản hóa hình thức dự án trực tuyến vẫn tồn tại, các nhà thiết kế chỉ tiếp tục tìm kiếm những giải pháp hiệu quả nhất và những cách thú vị việc thực hiện nó.

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 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ỏ.

Những 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

Vài năm gần đây đã bằng phẳng thiết kế phẳng từ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 chuyển sang phong cách mới công nghệ mới nổi. Thiết kế phẳng vẫn còn đó nhưng đã 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. Cái này tính năng mới 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: Không khí tối đa ’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 và 50+ cho Cái mới Thời báo York

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ể dùng bảng màu, do Google trình bày, để chọn và kết hợp các màu 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

Cái này Plugin WordPress, cho phép bạn tạo các khối Thị sai đẹp mắt với nhiều hơn một 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 dẫn đến tăng đáng kể 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 nay được ưu tiên cao hơn để duyệt các trang web, chúng vượt trội hơn 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 cần 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ự, nhưng vào năm 2016, chúng ta có thể thấy sự thay đổi đáng kể hướng tớ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 Loading làm chậm quá trình tải hình ảnh bằng cách 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ể trong khi cuộn xuống, giúp giảm thời gian tải trang.

15. Chia nhỏ nội dung

Chia 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ỏ như vậy của trang web sẽ hiển thị cho người xem một cách đồng đều tin nhắn quan trọng trong một khối của 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 đủ để điều chỉnh theo nhu cầu của bạn. thiết kế thích ứ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 khắt khe hơn chất lượng cao băng hình. 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: Hillsong

18. SEO rất quan trọng! (SEO là quan trọng)

SEO rất quan trọng đối với một trang web, vì vậy một trang web đẹp mà không cần SEO tốt sẽ vẫn là người 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 của 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 những năm gần đây, phong cách này rất phù hợp cho một doanh nghiệp “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, các mặt 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 bất thườngđể làm cho doanh nghiệp của bạn 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

Minh Họa - cách tốt tạo một logo độc đáo và riêng biệt 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ữ to, đậ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 đề rõ rệ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ữ nhỏ

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í