Thực đơn
trang chủSự cố

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. Tùy chọn điều hướng mới

Hãy cùng tìm hiểu ý nghĩa của sự phổ biến, thời trang và hiện đại trong thiết kế web năm 2017. Để làm điều này, chúng ta hãy xem xét các xu hướng chính trong thiết kế web. Hầu hết trong số họ lang thang từ năm này sang năm khác và đã trở thành một phần không thể thiếu trong việc xây dựng trang web hiện đại. Điều này đặc biệt liên quan đến sự phát triển công nghệ di động, kênh liên lạc và cải tiến thiết bị. Ví dụ, một xu hướng như tính di động của trang web đã trở thành bắt buộc. Việc thương mại hóa Internet cũng đặt ra những điều kiện nghiêm ngặt đối với các nhà thiết kế và phát triển web. Đồng thời, một số xu hướng suy yếu và trở nên ít phổ biến hơn nhưng vẫn hoạt động khá tích cực. Sở thích thời trang đặc trưng của một thời gian ngắn cũng xuất hiện. Ví dụ: năm ngoái đây là những biểu tượng có bóng dài các đồ vật được miêu tả. Năm nay các mô hình hình học đã trở nên phổ biến, chúng ta cũng sẽ xem xét chúng. Vì vậy, hãy thực hiện theo thứ tự.

1. Thiết kế di động, đáp ứng
Ngày nay, có lẽ là xu hướng quan trọng nhất và bắt buộc. Trang web phải trông đẹp như nhau trên mọi độ phân giải của màn hình, máy tính xách tay, màn hình điện thoại thông minh di động và máy tính bảng. Nhân tiện, các công cụ tìm kiếm giám sát rất chặt chẽ mức độ thích ứng của một trang web với các thiết bị khác nhau và dựa vào đó, chúng xác định vị trí của nó trong kết quả tìm kiếm.

2. Kiểu chữ năng động
Nó đã trở thành một trong những xu hướng phổ biến nhất trong nhiều năm nay. Phông chữ lớn và kiểu chữ trên trang web có hai thành phần. Thứ nhất, tính thẩm mỹ - bản thân những đường nét, đường cong và chữ đẹp là vật trang trí và yếu tố trang trí. Và thứ hai, đây là chức năng - với sự trợ giúp của phông chữ lớn, bạn có thể truyền đạt ý chính cho khách truy cập một cách rõ ràng và rõ ràng.

3. Video màn hình rộng
Video toàn màn hình trên nền của trang web chắc chắn ngay lập tức thu hút sự chú ý của chúng tôi. Cái này chào mừngđể gây hứng thú cho du khách. Phát triển hiện đại Công nghệ giúp việc nhúng video vào trang web trở nên dễ dàng, điều đó có nghĩa là các nhà thiết kế sẽ sử dụng kỹ thuật này ngày càng nhiều. Tuy nhiên, có một lưu ý: xem video chỉ thú vị lần đầu tiên; lần thứ hai và thứ ba sẽ nhàm chán. Vì vậy, kỹ thuật này chỉ có hiệu quả đối với những người mới truy cập.

5. Đoạn phim
Một sự thay thế tốt cho video màn hình rộng và ảnh nền lớn. Đoạn phim là những bức ảnh trong đó xảy ra những chuyển động nhỏ, lặp đi lặp lại. Chúng thường được trình bày ở định dạng gif và tạo cho người xem ảo giác như đang xem video. Tìm hiểu thêm về đoạn phim với một lượng lớn ví dụ có thể được tìm thấy trong việc lựa chọn

6. Thiết kế phẳng
Một xu hướng mạnh mẽ khác của những năm gần đây. Các trang web được thiết kế theo màu phẳng có xu hướng gọn gàng và rõ ràng. Nhưng, trong Gần đây, một kiểu thiết kế phẳng mới đã xuất hiện - Semi Flat. Đây là khi toàn bộ thiết kế được thực hiện bằng màu phẳng và chỉ một phần tử có bóng, độ dốc hoặc kết cấu. Theo quy định, phần tử này là một nút, được tạo âm lượng hoặc nổi bật để thu hút sự chú ý của khách truy cập.

7. Tương tác vi mô trên trang web
Ngày nay, người ta chú ý nhiều đến thiết kế web đến sự tương tác vi mô giữa chức năng và thiết kế của trang web với khách truy cập. Bản chất của điều này là khách truy cập có thể thấy rõ kết quả hành động của mình trên trang web, có thể là một sự điều chỉnh cài đặt tùy chỉnh, theo một liên kết, xác nhận thao tác, tương tác với các biểu tượng, nút, công tắc, bộ đếm và các yếu tố khác đang hoạt động.

8. Hoạt hình của đồ vật
Khả năng của html5 và css3 hiện đại cho phép bạn sử dụng kho vũ khí lớn hiệu ứng hình ảnh Trực tuyến. Điều này làm cho việc tương tác với trang trở nên thú vị và hấp dẫn hơn đối với khách truy cập. Vì vậy trong năm mới chúng ta cũng sẽ được chứng kiến ​​những chuyển động vi mô tương tác bất ngờ nhất của các vật thể, thường là phản ứng với chuyển động của chuột. Có lẽ chúng ta sẽ thấy những ví dụ về hoạt hình phức tạp hơn.

9. Phối màu rực rỡ
Phổ biến màu sắc thời trang 2017 thích độ sáng và độ bão hòa. Các sắc thái ban đầu thú vị của đỏ tươi, mù tạt, vàng, ngọc lục bảo, xanh đậm, cũng như đỏ, hoa cà và sô cô la sẽ giúp trang web của bạn nổi bật và có được phong cách độc đáo của riêng nó.

10. Cuộn trang web
Vì khả năng cuộn của trang web lý tưởng cho các thiết bị di động nên sự hiện diện của nó sẽ rất đáng kể trong năm 2017. Điều duy nhất là việc cuộn không chừa chỗ cho sự tương tác của người dùng và do đó, sẽ có cảm giác mệt mỏi nhất định khi tải nội dung liên tục. Có lẽ xu hướng sẽ chuyển sang sự kết hợp giữa các yếu tố điều khiển đơn giản với thao tác cuộn.

11. Hiệu ứng thị sai
Thị sai là sự thay đổi vị trí rõ ràng của một vật thể so với nền ở xa. Trong thiết kế web, hiệu ứng này được sử dụng khi cuộn một trang web, khi các đối tượng và nền cuộn với ở tốc độ khác nhau, dẫn đến ảo giác về không gian ba chiều. Xu hướng khá ổn định nên chúng ta sẽ thấy các trang web có thị sai nhiều lần.

12. Thiết kế mô-đun
Thiết kế mô-đun, hay giao diện thẻ bao gồm các khối ý nghĩa khép kín, đã phổ biến được một thời gian. Xu hướng này rất tốt cho các thiết bị di động, vì các khối sắp xếp phù hợp với mọi độ phân giải màn hình. Nhưng trên các trang web lớn, chúng trông khá giống nhau và khó phân cấp và cấu trúc.

13. Máy nhắn tin một trang
Các trang web một trang, trang đích và trang đích đã trở thành một phần không thể thiếu của Internet hiện đại. Bạn có thể đọc thêm về landing page là gì trong bài viết và. Vào năm 2017, các trang đích sẽ chú trọng nhiều hơn vào nút kêu gọi hành động - đặt hàng, gọi điện, đăng ký, v.v. Mọi thứ khác làm mất tập trung của khách truy cập tiềm năng sẽ bị cắt bỏ.

14. Quảng cáo đồ họa
Tôi cũng muốn lưu ý một điều mà tôi nhớ về năm vừa qua và rất có thể xu hướng này sẽ tiếp tục trong năm 2017. Do quá trình thương mại hóa Runet và sự phát triển của thương mại trực tuyến, nhu cầu về tài liệu quảng cáo đồ họa cho quảng cáo và khuyến mãi đã tăng lên đáng kể - biểu ngữ, đoạn giới thiệu, thiệp, tờ rơi.

15. Tự động hóa các quy trình điển hình
Tất cả các giải pháp và quy trình tiêu chuẩn trên website đang dần được thay thế bằng các quy trình tự động, giúp loại bỏ nhu cầu liên lạc với dịch vụ hỗ trợ hoặc tư vấn trực tuyến. Về vấn đề này, sự phổ biến của các ứng dụng và tiện ích mở rộng khác nhau đang ngày càng tăng. Giờ đây, bạn có thể mua sản phẩm hoặc dịch vụ, đặt hàng, đặt lịch hẹn, đặt chỗ, chuyển tiền, điền vào biểu mẫu hoặc làm bài kiểm tra - tất cả những điều này có thể được thực hiện trực tuyến chỉ bằng vài cú click chuột.

16. Đồ họa thông tin
Trình bày đồ họa dưới dạng đồ họa thông tin vẫn còn phổ biến và có nhu cầu. Đi kèm văn bản bức tranh đẹp hoặc một biểu tượng kết hợp với yếu tố phong cách thiết kế làm cho đồ họa thông tin trở nên hấp dẫn về mặt thẩm mỹ. Infographic so sánh đặc biệt rõ ràng và thú vị về mặt hình ảnh - chẳng hạn như điều gì đã xảy ra, điều gì đã xảy ra, có, không, ưu và nhược điểm, nên và không nên, v.v. Bạn cũng có thể sử dụng đồ họa thông tin để kể câu chuyện từng bước hoặc trình bày một cách sống động những số liệu thống kê nhàm chán.

17. Thực đơn Hamburger
Menu Hamburger là một biểu tượng trực quan có ba sọc ngang, thường ở trên cùng trong góc của trang web, khi nhấp vào nó sẽ mở ra hoặc trượt ra từ bên cạnh thực đơn đầy đủ. Nhiều chuyên gia dự đoán xu hướng này sẽ mờ dần vì hầu hết người dùng thiếu kinh nghiệm đều không hiểu mục đích của biểu tượng này. Vì vậy, các nhà thiết kế web có xu hướng ưa chuộng việc điều hướng đơn giản hóa. Tuy nhiên, chúng ta sẽ thấy menu hamburger nhiều lần trên các trang web mới được tạo.

18. Biểu tượng
Các biểu tượng, như một cách trình bày thông tin và một công cụ trực quan, đã và vẫn là một trong những xu hướng phổ biến và được yêu thích nhất của các nhà thiết kế. Chỉ cần đặt các biểu tượng theo chủ đề tương ứng gần các khối văn bản là đủ - và bây giờ toàn bộ văn bản có được cấu trúc và trật tự hợp lý và trực quan. Vì vậy, trong năm tới chúng tôi tiếp tục tích cực sử dụng các biểu tượng.

19. Xếp chồng thư
Xếp chồng chữ là văn bản trong một hình vuông. Trên thực tế, đây là một ví dụ về một giải pháp sáng tạo phức tạp - bạn cần trình bày một văn bản dài trong một không gian nhỏ. Đồng thời, nó phải trông đẹp và nguyên bản. Năm nay nó cũng là thời trang.

20. Nút trống
Để tiết kiệm không gian và không gian, cách đây một thời gian, một nút trống đã xuất hiện trên thiết bị di động - một dòng chữ lớn có đường viền hình vuông xung quanh từ. Nút như vậy cung cấp cái nhìn tổng quan về nền phía sau nút, đồng thời vẫn giữ chức năng của nó như một nút chính thức. Ngoài ra, là một yếu tố thiết kế, một nút như vậy trông rất phong cách và gọn gàng.

21. Tránh dùng ảnh stock
Một số chuyên gia nhận thấy rằng các nhà thiết kế đang bắt đầu từ bỏ những bức ảnh có sẵn. Bởi vì thiết bị hiện đại cho phép bạn tự chụp ảnh một cách nhanh chóng và hiệu quả, sau đó bạn có thể tránh được sự thiếu cá tính và đồng nhất trong kho và tự tạo một bức ảnh cho riêng mình bức ảnh độc đáo và tạo ra thiết kế độc đáo của riêng bạn.

22. Những góc chụp khác thường trong bức ảnh
Bất kỳ chủ sở hữu điện thoại thông minh có máy ảnh nào cũng có thể tìm thấy những góc thú vị trong ảnh. Về mặt này, tính sáng tạo khi tạo ảnh là điều vượt trội và chúng ta có thể trang trí trang web hình ảnh độc đáo với một góc nhìn hoặc phối cảnh khác thường.

23. Băng chuyền
Thanh trượt băng chuyền, xuất hiện trong cuộc sống thiết kế vài năm trước, vẫn phổ biến và phù hợp khi thiết kế trang web. Sử dụng thanh trượt rộng, thuận tiện để xoay các tin tức chính cũng như trình bày chương trình khuyến mãi hiện tại, bộ sưu tập và thông tin liên quan khác mà khách truy cập nhìn thấy ngay khi vào trang web.

24. Tự phát âm thanh và video
Nhưng xu hướng này đã có từ những năm 2000. Tôi nhớ hồi đó việc phát âm thanh khi bạn truy cập một trang web là mốt. Và cái này dành cho nhiều người. Tôi không thể nói rằng phần đệm âm thanh làm tôi hài lòng, nhưng có lẽ việc sử dụng vừa phải sẽ không gây khó chịu. Chà, đối với tôi, video tự phát giống như một sự tri ân dành cho quảng cáo. Chà, cộng với mong muốn thu hút sự chú ý của khách truy cập trong nguồn cấp dữ liệu. Đây không phải là xu hướng dễ chịu nhất nhưng lại cần thiết về mặt thương mại.

25. Hoa văn hình học
Chà, chúng ta sẽ kết thúc bài đánh giá của mình bằng xu hướng thời trang ngắn hạn dưới dạng các thiết kế và hoa văn hình học khác nhau. Chúng trở nên nổi tiếng một cách bất ngờ vào cuối năm ngoái. Chà, một cách khác để làm cho thiết kế trang web của bạn nổi bật và độc đáo.

Infographic “Xu hướng thiết kế web 2017”
Tôi cung cấp cho bạn một đồ họa thông tin trình bày rõ ràng tất cả các xu hướng và xu hướng trong thiết kế web. Tải hình ảnh vào kích thước lớn Bạn có thể theo liên kết này trên DeviantArt. Một trang trên DeviantArt sẽ mở ra trong một cửa sổ mới. Ở đó, nhấp vào chữ Tải xuống ở bên phải hình ảnh và lưu hình ảnh vào máy tính của bạn.

Năm 2017 mang lại điều gì mới cho Web? Những hướng và xu hướng chính trong thiết kế web mà chúng ta nên mong đợi là gì? Bây giờ chúng ta sẽ tìm hiểu mọi thứ – dưới dạng đánh giá ngắn gọn về các xu hướng nổi bật nhất, sử dụng các ví dụ về các trang web TRENDY.

Thiết kế web liên tục được cập nhật với những ý tưởng táo bạo và sự phổ biến của mọi thứ thiết thực đã kích thích sự phát triển của các xu hướng. Đối với các menu trượt ra thông qua nút hamburger và điều hướng tự động ẩn khi cuộn, kiểu chia đôi màn hình được thêm vào, chia đôi trang chính và các trang khác.

Đọc thêm: 8 xu hướng web năm 2019: bố cục hiện đại

Về mặt thẩm mỹ, phong cách phẳng đã thống trị WEB trong 3 năm liên tiếp. Sau đó, Google giới thiệu thiết kế vật liệu, giúp chúng tôi thoát khỏi sự trừu tượng về mặt hình ảnh một chút. Năm 2017, thiết kế web sẽ tiến thêm một bước nữa hướng tới chủ nghĩa hiện thực. Dù là hình dạng, lựa chọn màu sắc hay chức năng - 2017 sẽ là năm của sự kết hợp trong đó thực tế của thế giới vật chất và công nghệ giao nhau. Kết quả là bạn có thể mong đợi trải nghiệm duyệt web tốt hơn.

Dưới đây là chín xu hướng thiết kế web có thể thu hẹp khoảng cách.

1. Điều hướng bật ra

Hôm nay khi khán giả di động Vốn đã thích duyệt Internet, tầm quan trọng của không gian màn hình trở nên lớn hơn bao giờ hết. Bằng cách ẩn chức năng và điều hướng cho đến khi “cho đến khi cần”, các nhà tiếp thị và nhà thiết kế web hiện đại cố gắng giải phóng không gian trang web để bán hình ảnh.

Menu bật ra, được tạo riêng cho điện thoại thông minh, cải thiện UX và màn hình lớn. Thật kỳ lạ, menu ẩn thực hiện tốt hơn việc nhấn mạnh những gì quan trọng, khuyến khích bạn tập trung vào một mục tiêu cụ thể tại một thời điểm. Khi bạn mở menu, nó sẽ trở thành trung tâm của sự chú ý trên trang và cũng được sử dụng tích cực trong quá trình khám phá trang web.

Thuận lợi:

  • Tiết kiệm không gian màn hình
  • Bằng cách tập trung sự chú ý của người dùng vào menu, nó cải thiện khả năng điều hướng trang web
  • Việc ẩn các thành phần điều hướng giúp bạn tập trung vào những thứ khác (như mục tiêu chuyển đổi)
  • Cải thiện vẻ bề ngoài màn hình đầu tiên
  • Hơn cấu trúc linh hoạt thiết kế

Đọc thêm: 20 ví dụ tốt nhất thiết kế trang chủđịa điểm

Thực tiễn tốt nhất:

Thiết kế màu sắc phù hợp với các trang web. Hiệu ứng tối đa Kiểu đơn giản hóa trang web này đạt được với nền một màu hoặc cấu trúc menu trượt một màu.
Đừng làm người dùng mất tập trung vào việc điều hướng - tốt hơn hết là bạn nên để lại các tính năng và trang trí cho chính các trang đó. Tất nhiên, một thiết kế hiện đại đẹp mắt và một menu phong cách sẽ không gây hại gì:

Kiểu chữ lớn đơn giản. Kiểu chữ gọn gàng, phong cách làm tăng thêm sự đa dạng cho mô hình thiết kế web “thực tế” ở trên. Phông chữ lớn/đậm, dễ đọc cải thiện hiệu quả điều hướng và lấp đầy không gian.

Các nhà thiết kế thường đi theo xu hướng này bằng cách sử dụng chữ in hoa.

Biểu tượng bánh mì kẹp thịt có hình chữ thập để mở/đóng menu. Vì tiêu chuẩn cho phép, sẽ đúng hơn nếu kết hợp chúng trong một biểu tượng để rõ ràng và dễ nhìn hơn.

Dịch chuyển/chồng chéo nội dung khi mở. Một menu bật lên hiếm khi được tạo ra để chiếm toàn bộ màn hình. Thông thường, hiển thị một số nội dung trang, giúp bạn dễ dàng quay lại trên màn hình nhỏ. Trên máy tính để bàn, nó trông giống như một "đồ nhái di động" thời thượng.

2. Ngược lại với các mô hình điều hướng - các lựa chọn thay thế

Trong những ngày đen tối của web, có hai loại điều hướng: Thực đơn trên cùng và bên. Với thiết kế đáp ứng, menu hamburger hiện bị chỉ trích rộng rãi vì khiến người dùng khó thu hút hơn/khó khám phá/kém hiệu quả hơn.

Ưu điểm của điều hướng không chuẩn:

  • Thiết kế độc nhất
  • Sự đổi mới thu hút
  • Trải nghiệm người dùng nâng cao (UX)
  • Dành cho nhà thiết kế - những khả năng mới cho thiết kế trang web

Thực tiễn tốt nhất:

Đọc thêm: 11 website sáng tạo của studio thiết kế web trong nước

Các thử nghiệm khác nhau với điều hướng trang web. Với thái độ mơ hồ như vậy đối với “bánh mì kẹp thịt”, năm 2017 chúng ta có thể mong đợi sự xuất hiện của những đổi mới thú vị trong việc điều hướng.

Menu độc đáo của Hillsiderancho.com kết hợp điều hướng trên, trái, phải và cuộn

Không có menu điều hướng nào cả. Người dùng hiện đại phải đối mặt với rất nhiều nội dung và không cần phải được hướng dẫn phải làm gì tiếp theo. Cuộn! Bản chất tự nhiên của hành vi này đã được ghi nhận trong các xu hướng web trước đây (cuộn ngang, cuộn vô hạn, điều khiển bàn phím, cử chỉ...). Một số nhà thiết kế loại bỏ hoàn toàn các menu, mời khách truy cập sử dụng/có được trải nghiệm nghiên cứu trang web “nâng cao”. Việc điều chỉnh các trang web cho thiết bị di động và máy tính bảng cũng tự thay đổi UX/giao diện và mở ra triển vọng cho việc cuộn ngang.

Trang web không có menu điều hướng - bạn được yêu cầu cuộn để tìm nội dung, bạn có thể cuộn bằng con trỏ

Đọc thêm: Các trang web độc đáo và khác thường nhất

Thực đơn. Chúng tôi quá đam mê Drop-Down đến mức thậm chí còn không xem xét một giải pháp thay thế đơn giản cho điều hướng Pop-UP. Trong ví dụ bên dưới, menu bật lên ở giữa màn hình. Nói chung, các trang web có đủ không gian để tạo điều hướng dễ tiếp cận và nổi bật mà không cần bất kỳ danh sách thả xuống nào.

Điều hướng bật lên được sử dụng khi di chuột qua một trong 6 phần sẽ thay đổi nền của toàn bộ menu toàn màn hình

3. Thẻ - nguồn cảm hứng từ thiết bị điện tử đeo trên người

Giống như người dùng di động đã thay đổi thiết kế của các trang web hiện đại, các thiết bị đeo được đang bắt đầu ảnh hưởng đến thiết kế của họ. Với hàng chục triệu thiết bị đeo được bán ra kể từ năm 2015, người dùng cũng đã học được cách đánh giá cao sự xuất sắc hợp lý trong các lĩnh vực khác. Bằng cách tiết kiệm không gian trên màn hình, thiết bị điện tử có thể đeo sẽ hướng dẫn các nhà thiết kế web đơn giản hóa mọi thứ một cách trực quan và các nhà tiếp thị sẽ học cách chỉ định và chính thức hóa hơn nữa các nhiệm vụ của trang web. Các quy tắc chính của thiết kế web dựa trên nguyên tắc vùng chứa: phong cách, ngắn gọn và không cần nỗ lực nhiều - hệ tư tưởng “càng ít càng tốt” không giới hạn ở kích thước màn hình.

Thuận lợi:

  • Thiết kế UX được tối ưu hóa
  • Ít mơ hồ và phiền nhiễu hơn
  • Chủ nghĩa tối giản tăng tốc độ tải trang web

Thực tiễn tốt nhất:

Ô, nguyên tắc chứa và khối trong cấu trúc của trang web. Xu hướng này đã được duy trì trong hơn một năm (2014 - 2016...) và rất có thể năm 2017 sẽ tiếp tục xu hướng này. Các mẫu tiện ích mới và phổ biến hiện nay (kính thông minh, đồng hồ, vòng tay, kẹp quần áo, cảm biến tích hợp trong quần áo...) được sản xuất theo phong cách ngắn gọn và không kém phần kín đáo cung cấp thông tin cho người dùng. Dự kiến, công nghệ thiết bị đeo sẽ hít thở cuộc sống mới vào các giao diện lát gạch dễ đọc. Mô hình vùng chứa của giao diện người dùng thẻ được thiết kế khép kín và có tỷ lệ phù hợp cho màn hình lớn hơn.

Biểu tượng SVG lớn. Biểu tượng cần có khả năng mở rộng, đơn giản - để nó trông trên các thiết bị HD và được chú ý chỉ bằng một cái nhìn thoáng qua.

Bảng màu nghiêm ngặt. Những phối màu hợp thời đang quay trở lại nguyên tắc cơ bản. Thiết kế website hai màu (duotone) hay thiết kế đen trắng có thêm một màu đang ngày càng trở nên phổ biến.

Đủ khoảng trắng.Để đảm bảo tính thống nhất giữa định dạng khác nhau, họ thêm “không khí” vào các trang của trang web. Điều này được gọi là sự tối giản cực độ. Ngoài tính thẩm mỹ: bầu không khí tinh tế-giản dị, tiết kiệm không gian trên trang, cơ hội thu hút sự chú ý, v.v.


4. Thiết kế Vật liệu Lite (MDL)

Đọc thêm: Những thiết kế cửa hàng trực tuyến tốt nhất theo phong cách Flat và Material

Material Design Lightweight (MDL) của Google cung cấp một thư viện các mẫu, bộ thành phần (thẻ, biểu mẫu, biểu tượng, nút...) và là bản giải thích danh mục các thành phần Polymer làm sẵn.

Với các hướng dẫn về các mẫu có sẵn và các thành phần nguồn mở, MDL giúp thiết kế vật liệu có thể triển khai trên bất kỳ trang web hoặc ứng dụng nào. Các lớp giả 3D, bóng, hình động là các thành phần giao diện của thiết kế web cổ điển mang lại khả năng sử dụng gần hơn với việc mô phỏng thế giới thực.

Thuận lợi:

  • MDL khác nhau ở mặt tốt hơn từ thiết kế của các trang web truyền thống, trong khi vẫn duy trì những lợi ích ban đầu của thiết kế web cổ điển
  • Dễ hiểu nhờ giao diện rõ ràng, chân thực
  • Tính khả dụng đa nền tảng cho tất cả các thiết bị (không ràng buộc với JS)

Thực tiễn tốt nhất:

Cơ học của thế giới vật chất. Hãy coi các yếu tố phong cách của MDL như thể chúng là những vật thể thực sự, cụ thể là:

  • Bóng sẽ trông giống như được tạo bởi nguồn sáng tự nhiên
  • Chọn kích thước và độ dày của các phần tử như đối với vật thật - phù hợp với các định luật vật lý
  • Chuyển động – phản hồi tương tác của người dùng

Tùy chỉnh. Tận dụng thư viện thành phần MDL bằng cách chọn những gì bạn cần theo sự kết hợp phù hợp.

Bảng màu phẳng. Chất liệu phong cách MDL phù hợp nhất với các màu phẳng – sự kết hợp sáng và đậm của chúng. Thông thường, một màu chính và một màu nhấn được chọn. Nó cũng phù hợp với tính thẩm mỹ tối giản được tán thành bởi hai xu hướng trước đó.

Đọc thêm: Màu sắc trong thiết kế Web: xu hướng màu sắc (màu sắc tươi sáng)

5. Màu sắc cổ điển

Tông màu xám đã thống trị trang web trong vài năm qua: nền màu xám nhạt thay vì màu trắng, văn bản màu xám đá phiến thay vì màu đen và bóng màu xám tinh tế tạo ra chiều sâu trong phong cách thiết kế vật liệu. Năm 2017, những gam màu cổ điển tuyệt đẹp cuối cùng đã quay trở lại.

Cửa hàng giày trực tuyến sử dụng những màu trầm như nâu đỏ. Thiết kế màu sắc mô phỏng phong cách cổ điển với những bức ảnh cũ nhấn mạnh chất lượng cao của sản phẩm (theo truyền thống tốt nhất của thương hiệu gia đình)

Đang xem xét phát triển tích cực công nghệ, 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 là 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, nó sẽ được sử dụng ngày càng nhiều hoạt hình đơn giản, nó không quá khó chịu nhưng nó thực hiện hoàn hảo chức năng thu hút sự chú ý của mình.

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 sẽ 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 đề trang web của mình để hiệu ứng 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 điều này 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. Bây giờ người dùng sẽ vui vẻ cuộn văn bản dài, thay vì đi theo các liên kết và chờ trang tải lại.

Thông tin quan trọng trong tiêu đề trang web, chẳng hạn như thông tin chính Chức năng điều hướng, 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.

Trang đích được thiết kế tốt sẽ đưa khách hàng vào một hành trình được xây dựng 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 dẫn.

Ư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 có lợi nhuận trong quá trình đặt hàng để tăng hóa đơn 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 tiếp cận một cách sáng tạo việc tạo các thông báo như vậy và không yêu cầu đổi lại bất cứ điều gì, chẳng hạn như hãy cung cấp miễn phí vận chuyển, viết mã phiếu giảm giá hoặc tải xuống bản dùng thử miễn phí, thì cách làm này sẽ gây khó chịu.

” của John Moore Williams, Trưởng phòng Chiến lược Nội dung tại Webflow.

Thời điểm cuối năm hiện tại sắp đến gần và mỗi nhà thiết kế web đều ít nhất một lần đặt ra một câu hỏi quan trọng: điều gì sẽ định nghĩa thiết kế web trong năm 2017 sắp tới? Tôi quyết định tìm câu trả lời cho câu hỏi này và hỏi các nhà thiết kế WebFlow xem họ nghĩ xu hướng nào sẽ thống trị trong 365 ngày tới. Tôi cũng đưa ra nhận xét của riêng mình về suy nghĩ của họ.

Trước hết, hãy lấy ý kiến ​​của nhà thiết kế chính Sergie Magdalin của Webflow.

1. Thiết kế hướng nội dung

“Việc sắp xếp các yếu tố thiết kế trong một cấu trúc nhất định phải sao cho người đọc có thể dễ dàng nắm bắt được ý chính mà không làm giảm đi ý nghĩa của nó. tốc độ bình thườngđọc" -Hermann Zapf

Vài năm qua đã chứng kiến ​​sự thay đổi mạnh mẽ trong suy nghĩ về vai trò của thiết kế trong kinh doanh. Trước đây, thiết kế được coi là bước cuối cùng trong quá trình tạo ra một vật thể: nhà thiết kế-ảo thuật gia đến cuối cùng và rắc bụi ma thuật lên sản phẩm của chúng ta để làm cho nó tốt hơn đối thủ cạnh tranh.

Thật thú vị khi chứng kiến ​​những biến đổi xảy ra với những ưu tiên phát triển.

Và điều đẹp nhất về những sự biến thái này là sự chuyển đổi sang một mô hình mà nội dung lại đứng đầu bảng. Các nhà thiết kế trên khắp thế giới đã nhận ra rằng người dùng truy cập các trang web chủ yếu để tìm nội dung, có thể là những dòng tweet ngắn, những bài viết chuyên ngành dài hoặc những meme Internet mới nhất. Vai trò cuối cùng của thiết kế là trình bày nội dung theo cách hấp dẫn, dễ hiểu nhất và thu được kết quả tốt nhất từ ​​nội dung đó.

Đây là một trong những lý do dẫn đến sự chuyển đổi từ thiết kế “đa hình” (khi các phần tử được mô tả càng giống càng tốt với các đối tác của chúng trong thế giới thực) sang thiết kế phẳng, tối giản. Từ những cân nhắc này, Google đã tạo ra Material Design.

Tất nhiên, như định luật thứ ba của Newton phát biểu, đối với mọi hành động đều có một phản lực mạnh như nhau. Nhiều nhà thiết kế tin rằng thời trang là thiết kế phẳng“giết chết” chính tinh thần thiết kế. Chúng tôi hy vọng cuộc tranh luận này sẽ tiếp tục trong năm tới, nhưng trọng tâm sẽ vẫn là nội dung - nền tảng của bất kỳ công việc thiết kế nào.

2. Tương tác chất lượng cao giữa các nhà thiết kế, nhà phát triển và nhà thiết kế với nhau

Tầm quan trọng của thiết kế trong việc định hình hoạt động kinh doanh ngày càng tăng, do đó, người thiết kế ngày càng chú trọng hơn khi làm việc cùng với các nhà thiết kế đồng nghiệp và các nhà phát triển đồng nghiệp của họ.

Mối quan tâm về sự tương tác với các nhà thiết kế nảy sinh một phần do số lượng lớn các ứng dụng web và di động đang được phát triển ngày nay. Ngoài thực tế là các tập đoàn khổng lồ như Google, Facebook, Twitter và LinkedIn đều yêu cầu công việc khổng lồ của một đội ngũ thiết kế có năng lực tuyệt đối. các mặt khác nhau, các nhà thiết kế cần phải luôn đồng quan điểm với nhau. Điều này có nghĩa là cần có sự trao đổi nhiều hơn về dự án và cách làm việc cùng nhau hiệu quả nhất.

Để thực hiện công việc này dễ dàng hơn, nhiều công cụ đã được tạo ra, từ các mẫu nhóm và bảng trong Webflow's Team cho đến biên tập đồ họa Giao diện Figma hiển thị những thay đổi trong thời gian thực. Tôi chắc chắn rằng trong năm 2017 những nền tảng này sẽ được cải thiện và bổ sung.

Nếu chúng ta nói về sự tương tác giữa nhà thiết kế và nhà phát triển, người ta chú ý rất nhiều đến quá trình quan trọng chuyển công tác. Ví dụ: thay vì gửi những hình ảnh tĩnh nặng nề và cồng kềnh, giờ đây các nhà thiết kế có thể chia sẻ các mô hình được hiển thị trực tiếp nhờ các công cụ như InVision, Marvel, UXPin.

Carson Miller đã cân nhắc vấn đề này trong bài báo gần đây “Tương lai của thiết kế giao diện người dùng” trên TechCrunch:

“Sớm hay muộn, các công cụ tạo thiết kế và mẫu thiết kế sẽ thay thế hoàn toàn việc phát triển front-end. Bạn có thể dễ dàng tạo cơ sở chất lượng cao cho bất kỳ khung công tác nào của mình mà không cần phải viết mã bằng tay.”

3. Đơn giản hóa quy trình từ nhà thiết kế đến nhà phát triển

Các công cụ thiết kế và tạo mẫu được đề cập ở trên cho phép bạn hình dung các giai đoạn cộng tác khác nhau thông qua hình ảnh trực quan, từ các tệp Keynote hoạt hình đến các trang web đầy đủ chức năng. Phương pháp chia sẻ tài liệu công việc này giúp giảm thời gian phản hồi trong dự án, do đó nâng cao chất lượng thiết kế, tăng tốc độ của nhóm phát triển và giảm khả năng thất vọng với kết quả. Nó cũng cải thiện sự tương tác của khách hàng. Ví dụ: đối với nhiều người dùng WebFlow, cuộc họp khách hàng đã trở thành cuộc họp công việc chính thức, nơi các nhà thiết kế có thể nhanh chóng triển khai ý tưởng và mọi người có thể thử nghiệm ý tưởng của mình gần như ngay lập tức.

Xu hướng thiết kế web trong năm tới theo nhà thiết kế sản phẩm Gadzhi Kharkharov:

4. Tiêu đề lớn, ồn ào

Khi thế giới thiết kế web bắt đầu tập trung vào nội dung, việc nhìn thấy những tiêu đề đầy cảm hứng trên các trang web có phông chữ lớn và đậm phù hợp với nội dung của chúng ngày càng trở nên phổ biến.

Đối tác Heco #MadeInWebflow

Như bạn có thể thấy từ các ví dụ, “lớn” và “đậm” không chỉ đề cập đến mô tả của phông chữ. Nhanh hơn, Chúng ta đang nói về rằng một phần đáng kể của màn hình chính được dành riêng cho một tuyên bố đơn giản nhưng mạnh mẽ và khép kín về sản phẩm hoặc dịch vụ. Dòng tiêu đề như vậy phải chứa đựng nội dung cốt lõi và dễ hiểu đối với bất kỳ khách truy cập nào, tránh sự khoa trương không cần thiết (được rồi, cụm từ “Thiết kế những điều không thể” nghe có vẻ quá ồn ào).

Trong môi trường bận rộn, quá tải thông tin ngày nay, những tuyên bố ngắn gọn, mạnh mẽ như thế này có tác dụng tốt đối với bất kỳ thương hiệu nào.

5. Đánh dấu phức tạp xuất phát từ những điều cơ bản về thiết kế đồ họa

Nếu muốn dự đoán sự phát triển của thiết kế web (ít nhất là mặt trực quan của nó), chúng ta cần nhìn vào lịch sử của thiết kế đồ họa.

Trong vài năm qua, bố cục trang web bị giới hạn ở CSS, nhưng các mô-đun mới như Flexbox và Lưới CSS(sẽ được phát hành vào tháng 3 năm 2017), sẽ cho phép bạn thực hiện những ý tưởng táo bạo nhất trong đánh dấu web.

Nhiệm vụ chính của chúng tôi bây giờ là hiểu cách bố trí lưới mới của các khối sẽ hoạt động như thế nào trong khuôn khổ thiết kế đáp ứng.

Dưới đây là một số ví dụ về những gì có thể xảy ra (giả sử bạn có trình duyệt hỗ trợ CSS Grid, chẳng hạn như Firefox Nightly, Safari Digital Preview hoặc Chrome Canary):

Phòng thí nghiệm bố trí thử nghiệm Jen Simmons

Hãy chú ý đến phong cách của khối chính - một tham chiếu rõ ràng về lịch sử của thiết kế đồ họa.

Lưới theo ví dụ

Bạn có thể xem thêm ví dụ trên trang web.

6. Thêm SVG

SVG (đồ họa vector có thể mở rộng) Đồ họa vector) mang lại nhiều lợi ích hơn cho các nhà thiết kế và phát triển web so với các định dạng hình ảnh truyền thống như JPG, PNG hoặc GIF.

Những ưu điểm chính của SVG được mô tả ngay dưới tên của định dạng - khả năng mở rộng và vectơ. Không giống như các định dạng dựa trên raster và pixel, hình ảnh SVG được tạo thành từ các vectơ—mô tả toán học về hình dạng của đối tượng. Điều này có nghĩa là SVG không phụ thuộc vào độ phân giải và hình ảnh ở định dạng này sẽ trông đẹp mắt trên mọi màn hình và thiết bị. Không cần phải lo lắng về việc hình ảnh bị mờ trên võng mạc.

Nhưng đó không phải là tất cả. SVG cũng nổi tiếng vì không yêu cầu gửi yêu cầu HTTP. Nếu bạn đã từng kiểm tra tốc độ tải trang web của mình, bạn có thể nhận thấy rằng những yêu cầu HTTP này thực sự có thể làm chậm trang web của bạn. Không có vấn đề như vậy với SVG.

7. Công cụ thiết kế đáp ứng dựa trên quy tắc

Thiết kế đáp ứng đã thay đổi hoàn toàn cách chúng ta nhìn vào các ứng dụng web và tạo ra chúng.

Nhưng kỳ lạ thay, nguyên tắc hoạt động của các chương trình thiết kế lại không hề thay đổi. Hầu hết các công cụ này hoạt động như sau: bạn cần tạo đi tạo lại một trang tương tự cho các thiết bị và độ phân giải khác nhau. Trong một ngành đòi hỏi việc nảy sinh ý tưởng nhanh chóng, phát triển nhanh chóng và bắt đầu nhanh, sự lãng phí thời gian như vậy đơn giản là không thể chấp nhận được.

Một làn sóng công cụ thiết kế mới (chẳng hạn như Figma) được kỳ vọng sẽ dựa trên “các quy tắc” điều chỉnh giao diện của các trang web trên màn hình khác nhau và thiết bị, do đó làm giảm số lượng các hành động lặp lại của nhà thiết kế. Những công cụ như vậy dựa trên mối quan hệ không gian của các thành phần và khi chúng ta thay đổi kích thước màn hình hoặc thiết bị, chúng sẽ cố gắng duy trì các mối quan hệ này bằng cách thay đổi kích thước của các thành phần và khoảng đệm giữa chúng.

Nhân tiện, ngày nay có những công cụ bố cục trang web tương tự không chỉ dành cho các nhà thiết kế mà còn cho cả người dùng thông thường. Ví dụ: TruVisibility.com - nền tảng điều chỉnh chính xác thiết kế được tạo theo các quy tắc nhất định, theo đó bố cục và kích thước của các phần tử được điều chỉnh cho phù hợp với kích thước màn hình. Tất cả những gì còn lại là thực hiện một số điều chỉnh để đảm bảo rằng trang web trông giống như trên các thiết bị. Người dùng không cần phải tạo lại phiên bản dành cho thiết bị di động và điều này giúp tiết kiệm đáng kể thời gian của họ.

Xu hướng thiết kế năm 2017 theo Ryan Morrison, nhà thiết kế đồ họa cấp cao.

8. Nhiều màu sắc tươi sáng hơn

Khi kỷ nguyên của chủ nghĩa tối giản và chủ nghĩa tàn bạo bắt đầu trong thiết kế web vào năm 2016, các nhà thiết kế đã cố gắng tăng thêm cá tính cho tác phẩm của mình mà không vượt quá phong cách thời trang. Và có ít nhất một số trường hợp sử dụng màu sắc tươi sáng và đậm nét rất thành công.

Hãy xem trang web Asana mới với nhiều màu sắc rực rỡ:

Biểu tượng mới Ứng dụng Instagram nhận được rất nhiều lời chỉ trích, nhưng thiết kế lại này chắc chắn đã làm mới thương hiệu:

Mọi thứ Stripe không yêu cầu chế độ xem riêng:

Như bạn có thể thấy, nó không chỉ có màu sắc tươi sáng và đậm nét. Chuyển màu cũng đã trở lại phong cách, pha trộn và làm mờ màu sắc theo các sắc thái gợi nhớ đến bầu trời giữa trưa hoặc hoàng hôn rực rỡ. Đó là sự phục hưng của chủ nghĩa tự nhiên với màu sắc tươi sáng và độ chuyển màu đậm, và cá nhân tôi mong muốn được xem thêm tác phẩm tương tự vào năm 2017.

Mặc dù vậy, có lẽ bạn nên giảm độ sáng một chút? Chúng tôi đang theo dõi bạn, Asana.

9. Nhấn mạnh hơn vào hoạt ảnh

Yếu tố hoạt hình đã được phát từ lâu vai trò quan trọng trong giao diện web và xu hướng này sẽ tiếp tục vào năm 2017. Trên thực tế, miễn là các nhà thiết kế có quyền truy cập vào các công cụ để phát triển hoạt ảnh hấp dẫn, chúng ta sẽ thấy những hiệu ứng này trở nên rõ ràng và phức tạp hơn.

Chủ đề này đặc biệt quan trọng vì việc tạo hoạt ảnh ngày càng trở nên dễ dàng hơn. Tại Hội nghị Thiết kế & Nội dung 2016, chuyên gia hoạt hình Val Head nhấn mạnh rằng khi thiết kế các yếu tố hoạt hình, các nhà thiết kế nên lưu ý đến mục tiêu và nhu cầu của thương hiệu để đạt được hiệu quả mà người sáng tạo nội dung mong đợi. Nếu lời khuyên này được chú ý, hoạt ảnh sẽ thực hiện các nhiệm vụ có ý nghĩa đối với thương hiệu chứ không chỉ khiến người dùng đau nửa đầu.

10. Dấu hiệu bất thường

Năm 2016, giống như những năm trước, nổi tiếng với những cuộc tranh luận bất tận rằng thiết kế web đang chết dần hoặc mất đi tinh thần.

Những người đang cố gắng thuyết phục mọi người rằng thiết kế web đã chết rõ ràng là đang phóng đại. Nhiều người tiếp tục tìm cách trình bày nội dung cho người dùng theo những cách mới. Một trong những cách hấp dẫn nhất là phá vỡ hệ thống và bỏ qua bố cục lưới thông thường được quy định bởi các quy tắc thiết kế đáp ứng.

Phương pháp đánh dấu “bị hỏng” liên quan đến các phần tử vượt ra ngoài lưới được căn chỉnh tỉ mỉ. Những kỹ thuật như vậy đôi khi thậm chí có vẻ khó chịu đối với mắt. Ví dụ:

Văn bản và hình ảnh va chạm với nhau:

Văn bản và hình ảnh rải rác (dường như) ngẫu nhiên trên trang:

Đây là phần đầu tiên trong bản dịch của bài viết “18 xu hướng thiết kế web năm 2017”. Bạn có đồng ý với ý kiến ​​của các chuyên gia Webflow không? Bạn nghĩ kiểu thiết kế web nào sẽ thịnh hành trong năm tới?

Ryan McCready, biên tập nội dung của dịch vụ đồ họa thông tin Venngage, nói về xu hướng hiện nay trên thế giới. thiết kế đồ họa, và những kỹ thuật nào đã phải 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. Như với Spotify, việc sử dụng táo bạo như vậy màu sángđã làm cho thương hiệu được nhận biế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 phẳng, sắp xếp hợp lý và thiết kế 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 của năm 2017 nảy sinh dưới ảnh hưởng của nguyên tắc Chất liệu. thiết kế của Google.

Chúng tôi cũng sử dụng chúng để làm hình ảnh quảng cáo này. sách điện tử. Kết quả là hình ảnh trở nên vô cùng nổi tiếng.

Nếu bạn không thể chọn màu sắc tốt nhấtđối với thiết kế của bạn, 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 bằng đ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 in đậm và các giải pháp màu sắc thú vị thu hút sự chú ý:

Phông chữ từ Google Fonts

tôi sử dụng Phông chữ của Google trong một thời gian rất dài, bởi vì chúng mang tính phổ quá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, cũng như nhu cầu hình ảnh chất lượng cao. Để những bức ảnh có thể tồn tại lâu dài lâu dài, các tác giả cố gắng làm cho chúng trở nên phổ biến 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.

Khác ví dụ tốt Cách tiếp cận này là của 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 đến một người lạ, Chủ nghĩa tối giản là gì, có lẽ bạn 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 sự trung lập bảng màu, bao gồm các màu đen, xám và trắng.

Có vẻ như tinh thần tối giản thực sự đã bị thay thế bởi việc sử dụng màu đen trắng nhàm chán. cách phối màu. Tôi nghĩ việc này được thực hiện nhằm mục đích đền bù kích thước nhỏ màn hình và năng lượng 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. Trong thời đại của chúng ta thiêt bị di động Chú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 một chút kiểu phông chữ và trình bày loại mới một logo hình chữ G mà tôi rất 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, để chơi chúng bạn không cần bất kỳ chương trình đặc biệt. 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 nhờ tính linh hoạt của chúng, GIF sẽ còn trở nên hữu ích hơn nữa. yếu tố hữu ích thiết kế.

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.