Màu sắc hợp thời trang trong thiết kế web. Tránh các ảnh cổ trang "điển hình"

Mỗi năm số lượng các trang web ngạc nhiên và thích thú với các tính năng thiết kế mới ngày càng tăng. Hai năm trước, chúng tôi đã đăng bản dịch Xu hướng thiết kế web 2015. Điều gì đã thay đổi kể từ đó? Tiếp tục nhấn mạnh đồ họa chất lượng cao và chủ nghĩa tối giản, phông chữ lớn và các yếu tố tương tác (ví dụ: menu ẩn). Tuy nhiên, công nghệ không đứng yên và các nhà thiết kế web đang thử nghiệm động lực học, hoạt ảnh, vị trí của các đối tượng trên màn hình, trong khi không tốn kém hiệu suất của trang web. Chúng tôi mang đến cho bạn một cái nhìn tổng quan về các xu hướng, theo truyền thống, được đặt ra bởi các đồng nghiệp phương Tây của chúng tôi.

1. Nguyên tắc "ưu tiên thiết bị di động"

Tên của nguyên tắc đã nói lên chính nó: thiết kế được phát triển, trước hết, có tính đến sự tiện lợi khi xem trên màn hình của các thiết bị di động. Nguyên tắc này không mới, nhưng vì hơn 60% người dùng truy cập Internet từ điện thoại thông minh nên nó đã trở thành một nguyên tắc xác định trong năm nay. Vì màn hình của các thiết bị di động nhỏ nên các nhà thiết kế cung cấp cho người dùng khả năng hiển thị nội dung nhiều thông tin nhất nhưng đồng thời cũng hiệu quả. Điều tương tự cũng áp dụng cho các văn bản - không có chỗ cho nước và các cụm từ trống trong khái niệm "thiết bị di động đầu tiên".

2. Hình minh họa tự do

Đây là một cách tuyệt vời để truyền đạt một ý tưởng hoặc tâm trạng theo cách nguyên bản. Các hình minh họa vẽ tay rất độc đáo, tăng thêm sự đa dạng và tính xác thực cho sự tương tác của người dùng với trang web, làm cho thiết kế trở nên ấm áp và thân thiện.

Hình minh họa mẫu từ dropbox.com

Các họa sĩ minh họa tài năng có thể tạo ra những hình ảnh cách tốt nhất sẽ phù hợp với thương hiệu và bản sắc công ty, với sự giúp đỡ của họ, bạn có thể đạt được cá nhân hóa sâu sắc.

3. Hoạt hình

Các nhà thiết kế đang dần rời bỏ việc chỉ sử dụng hình ảnh tĩnh và tìm kiếm những cách mới để thu hút khán giả nhằm nổi bật so với những người khác. Các thương hiệu cần cá nhân hóa và hoạt ảnh, phần lớn nhờ vào sự tiến bộ của HTML5, CSS và jQuery, đóng một vai trò quan trọng ở đây.

Hoạt ảnh có thể được triển khai theo nhiều cách khác nhau: từ thanh trạng thái tải bất thường, sẽ làm sáng lên sự chờ đợi, đến thay đổi ngoại hìnhđối tượng khi di chuột. Ngoài ra còn có hoạt ảnh toàn màn hình, là yếu tố trung tâm tập trung sự chú ý của người dùng.

Tuy nhiên, hoạt ảnh nên được sử dụng một cách tiết kiệm để tăng cường sự tương tác của người dùng với trang web, không khiến họ sợ hãi. Rốt cuộc, không ai muốn đợi nội dung chính được xem trong khi tải hoạt ảnh vô lý và vô dụng - mọi thứ nên trông tự nhiên, phù hợp và không gây rối mắt.

4. Màu sắc đậm

Cho đến gần đây, các chuyên gia khuyến nghị chỉ sử dụng màu sắc "tương thích với web" trong thiết kế - những màu không gây kích ứng và không gây gánh nặng cho thị lực. Ngày nay, mọi thứ đang thay đổi - khi được sử dụng đúng cách, các màu đậm sẽ phát huy tác dụng tuyệt vời, biến các trang web bình thường trở nên rực rỡ, ngon ngọt và đáng nhớ.


Một ví dụ về việc sử dụng màu đậm trên Spotify.com

Màu sắc rực rỡ là một cách cá nhân hóa trong thời trang toàn cầu cho sự tối giản trong thiết kế. Các nhà thiết kế có thể sẽ tiếp tục thử nghiệm với các bảng màu, tạo ra các gradient và các mảng màu độc đáo.

5. Di chuyển bất thường và thị sai

Trong quá khứ, các nhà thiết kế đã cố gắng nhiều nhất Thông tin quan trọngđặt trong phần của trang mà người dùng nhìn thấy ngay sau khi truy cập trang web. Ngày nay, rất khó để xác định phần nào của trang sẽ "hiển thị", vì quá trình chuyển đổi được thực hiện từ các thiết bị có độ phân giải khác nhau trưng bày. Do đó, cần có một cách tiếp cận khác.

Thao tác cuộn, ban đầu được yêu cầu để di chuyển lên và xuống trang, giờ đây đã được các nhà thiết kế sử dụng một cách sáng tạo. Với sự thực hiện khéo léo, nó trở thành công cụ phổ quát nội dung trình. Vì vậy, bạn có thể tự động định cấu hình hiển thị và dừng video hoặc hoạt ảnh khi cuộn, sự xuất hiện của văn bản và hình ảnh, v.v.

6. Mẫu bất đối xứng

Năm 2016 bị ảnh hưởng bởi họa tiết lưới, và năm 2017 có xu hướng hướng tới họa tiết bất đối xứng và “rách”. Mặc dù phần lớn các thương hiệu thích các mẫu giao diện người dùng thẻ truyền thống và đơn giản (xét cho cùng, chúng hợp lý và dễ điều hướng), một số vẫn bắt đầu thử nghiệm để tạo sự khác biệt và nổi bật so với các đối thủ cạnh tranh.


Ví dụ về thiết kế bất đối xứng (isaidicanshout.com)

Thiết kế không đối xứng được tạo ra bởi đôi tay khéo léo, tuyệt vời để thu hút sự chú ý đến các phần nhất định của trang. Nhờ vào kích thước khác nhau phông chữ và sự sắp xếp của các phần tử có thể đặt điểm nhấn trên trang một cách chính xác và hướng dẫn người dùng đi đúng hướng.

7. Bóng

Bản thân bóng đổ không phải là điều mới mẻ đối với thiết kế web. Có một thời, chúng được yêu thích, sau đó chúng bị lãng quên. Xu hướng sau đó là gì? Trong việc sử dụng các bóng cực lớn, đôi khi thậm chí là siêu phì đại được tạo ra bởi hình ảnh khi di chuột.


Bóng sâu khi di chuột qua hình ảnh (Abduzeedo.com)

Cách tiếp cận này cho phép bạn tập trung vào phần tử đang hoạt động trong một mẫu phẳng và tham gia vào tương tác. Điều này tạo ra hiệu ứng về chiều sâu - thật dễ chịu khi chỉ cần di chuyển con trỏ qua những hình ảnh như vậy.

8. Phông chữ lớn và đậm

Kiểu chữ là một cách khác để cá nhân hóa. Phân phối các thiết bị với độ phân giải cao màn hình làm cho các phông chữ có thể đọc được và dễ dàng phân biệt, vì vậy các nhà thiết kế đang ngày càng thử nghiệm chúng.


Ví dụ sử dụng bản in lớn(bigyouth.fr)

9. Chủ nghĩa tối cao

Chủ nghĩa tối giản từ lâu đã trở thành một xu hướng xác định trong thiết kế web. Nhưng một số còn đi xa hơn, loại bỏ mọi gợi ý về trang trí khỏi các trang web, chỉ để lại những yếu tố quan trọng nhất cho người dùng.


Chủ nghĩa tối giản tuyệt đối (mathieuboulet.com)

Trong ví dụ này, chỉ có một dấu hiệu "Cuộn", liên kết đến phần "Giới thiệu về bản thân" và liên kết đến hồ sơ trong mạng xã hội. Hơn nữa, khi cuộn, đã có danh mục đầu tư của nhà thiết kế.

10. Kết hợp văn bản ngang và dọc

Thay đổi thói quen sắp xếp theo chiều ngang văn bản "làm mới" trang web và thúc đẩy để đọc những gì được viết ở đó.


Một ví dụ về hướng văn bản bất thường (takewhatyoucancarry.com)

Xin lưu ý rằng sự kết hợp được thực hiện tốt - không có yếu tố khó hiểu không cần thiết ở đây. Từ "take" được viết theo chiều dọc - vậy là đủ để trình bày nội dung có thương hiệu.

11. "Điều chế"

Trong trường hợp này, văn bản phải tương phản với hinh nên vì vậy chúng không hợp nhất.

13. Hai màu

Thiết kế của trang web dựa trên 2 màu cơ bản. Nó trông phong cách và hiện đại. Ví dụ, trang web của Australian Design Radio được thiết kế theo phong cách này:

14. Phông chữ hình học

Trong trường hợp này, phông chữ được kết hợp với nhiều loại hình dạng hình học... Các phông chữ như Futura, ITC Avant Garde và Proxima Nova phù hợp cho mục đích này.


Ví dụ về việc sử dụng phông chữ "hình học" (giantinc.com)

Tính biểu cảm, sự quyết đoán và thậm chí một số tính năng động của trang web có thể được tạo ra bằng cách sử dụng rất phông chữ đậm của các gia đình nói trên.

Tổng hợp

Trong năm 2017, các nhà thiết kế sẽ cố gắng thêm những nét cá tính vào sự tối giản thông thường. Ai đó sẽ làm điều này bằng cách sử dụng màu sắc, một người nào đó sử dụng phông chữ và một người nào đó sử dụng sự sắp xếp bất thường của các khối.

Khi phát triển và phê duyệt một thiết kế, đừng quên quy tắc chính - nó phải thân thiện với người dùng và thúc đẩy thực hiện hành động mục tiêu. Bạn có tự tin vào hiệu suất của tài nguyên của bạn không? Báo cáo kiểm tra địa điểm trong dịch vụ có thể cho bạn biết về điều này “ Quản lý cá nhân”SeoPult. Ngoài việc đánh giá thiết kế và khả năng sử dụng, bạn sẽ nhận được phân tích chi tiết về thành phần kỹ thuật, ngữ nghĩa, vị trí trong mối quan hệ với đối thủ cạnh tranh, v.v. Tất cả điều này sẽ giúp bạn cải thiện trang web và tăng hiệu quả của nó như một công cụ bán hàng.

”John Moore Williams, Trưởng bộ phận Chiến lược Nội dung, Webflow.

Năm nay sắp kết thúc và mọi nhà thiết kế web đều tự hỏi ít nhất một lần vấn đề quan trọng: điều gì sẽ quyết định 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 những xu hướng mà họ nghĩ sẽ thịnh hành trong 365 ngày tới. Tôi cũng đã đưa ra nhận xét của riêng mình đối với suy nghĩ của họ.

Trước hết, chúng ta hãy tham khảo ý kiến ​​của thiết kế trưởng của Webflow, Sergie Magdalin (Sergie Magdalin).

1. Thiết kế hướng đến 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 chậm tốc độ đọc thông thường của họ” -Herman Zapf

Vài năm trở lại đây đã chứng kiến ​​sự thay đổi mạnh mẽ trong suy nghĩ về vai trò của thiết kế trong kinh doanh. Thiết kế trước đóđượ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à tắm sản phẩm của chúng tôi bằng bụi ma thuật để làm cho sản phẩm tốt hơn các đối thủ cạnh tranh.

Rất thú vị khi xem các biến chất xảy ra với các ưu tiên phát triển.

Và điều tuyệt vời nhất của những biến hóa này là sự chuyển đổi sang mô hình, khi nội dung lại nằm ở vị trí đầ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à các tweet ngắn, các bài báo chuyên ngành phong phú hoặc các meme mới trên internet. Vai trò cuối cùng của thiết kế là thể hiện 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 có thể từ nó.

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

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

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

Tầm quan trọng của thiết kế trong việc định hình doanh nghiệp ngày càng tăng, do đó ngày càng có nhiều sự chú ý hơn đến sự hợp tác của các nhà thiết kế 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 này đối với việc tương tác với các nhà thiết kế một phần bắt nguồn từ sự khổng lồ của các ứng dụng web và di động đang được phát triển ngày nay. Bên cạnh thực tế là các tập đoàn khổng lồ như Google, Facebook, Twitter và LinkedIn đòi hỏi đội ngũ thiết kế phải làm việc tuyệt vời. các mặt khác nhau, các nhà thiết kế cần phải luôn ở trên cùng một bước sóng với nhau. Điều này có nghĩa là cần có sự liên lạc chặt chẽ hơn về dự án và các cách để đạt hiệu quả cao nhất làm việc cùng nhau.

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

Khi nói đến sự tương tác của các nhà thiết kế và nhà phát triển, rất nhiều người chú ý đến quá trình quan trọng thuyên chuyển công việc. Ví dụ, thay vì gửi các hình ảnh tĩnh lớn và đồ sộ, các nhà thiết kế giờ đây có thể chia sẻ các bố cục được kết xuất trực tiếp nhờ các công cụ như InVision, Marvel, UXPin.

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

“Không sớm thì muộn, các công cụ thiết kế và các 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 một khuôn khổ chất lượng cho bất kỳ khuôn khổ 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 hóa - từ các tệp Keynote động đến các trang web đầy đủ chức năng. Cách chia sẻ tài liệu công việc này rút ngắn thời gian phản hồi trong dự án, do đó cải thiện chất lượng của 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 các tương tác của khách hàng. Ví dụ: đối với nhiều người dùng Webflow, các cuộc họp khách hàng đã trở thành hội thảo 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ể kiểm tra ý tưởng của họ 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. Dòng 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, các trang web ngày càng nhìn thấy các tiêu đề đầy cảm hứng với phông chữ phù hợp - cũng lớn và đậm như nội dung của chúng.

#MadeInWebflow Đối tác Heco

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

Ngày nay, khi mọi người thường xuyên bận rộn và thông tin tràn ngập, những câu nói ngắn gọn và mạnh mẽ như vậ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 của thiết kế đồ họa

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

Trong vài năm qua, bố cục trang web được giới hạn trong 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.

Của chúng tôi nhiệm vụ chinh bây giờ - để hiểu cách các khả năng chặn lưới mới sẽ hoạt động như thế nào trong thiết kế đáp ứng.

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

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

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

Lưới theo ví dụ

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

6. thêm SVG

SVG (đồ họa vector có thể mở rộng - có thể mở rộng Đồ họa vector) Nó có nhiều lợi ích hơn dành cho các nhà thiết kế và phát triển web hơn là 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ả trong chính tên của định dạng - đó là khả năng mở rộng và vectơ. Không giống như định dạng raster và dựa trên pixel, hình ảnh trong SVG bao gồm các vectơ - mô tả toán học về hình dạng của một đố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 tuyệt vời trên bất kỳ màn hình và thiết bị nào. Không cần phải lo lắng về hình ảnh 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 các 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ụ cho 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 nghĩ về các ứng dụng web và cách tạo chúng.

Nhưng, kỳ lạ thay, nguyên tắc của các chương trình tạo thiết kế không thay đổi theo bất kỳ cách nào. Hầu hết các công cụ này hoạt động như thế này: bạn phải 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 thế hệ nhanhý tưởng, phát triển nhanh chóngbắt đầu nhanh, một sự lãng phí thời gian như vậy chỉ đơn giản là không thể chấp nhận được.

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

Nhân tiện, ngày nay có những công cụ tương tự để bố trí trang web không chỉ cho các nhà thiết kế, mà còn cho người dùng bình thường. Ví dụ, TruVisibility.com - nền tảng điều chỉnh thiết kế đã tạo chính xác 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 theo 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 vài điều chỉnh để làm cho trang web trông theo cách bạn muốn 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 cho thiết bị di động, và điều này giúp anh ta tiết kiệm đáng kể thời gian.

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

8. Màu sắc rực rỡ 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 đưa nhiều cá tính hơn vào tác phẩm của họ, đồng thời không vượt ra ngoài các phong cách thời trang. Và có ít nhất một vài trường hợp các màu sáng và đậm đã được sử dụng rất thành công.

Hãy xem trang Asana mới với tô màu đậm:

Biểu tượng mới Ứng dụng Instagramđã thu hút 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 một bản trình bày riêng biệt:

Như bạn có thể thấy, đây không chỉ là những màu sáng và đậm. Gradients cũng đang thịnh hành trở lại, pha trộn và làm mờ các màu sắc theo màu sắc gợi nhớ đến bầu trời giữa trưa hoặc hoàng hôn rực rỡ. Đây là một kiểu hồi sinh của chủ nghĩa tự nhiên với màu sáng và gradient táo bạo, và cá nhân tôi mong muốn được nhìn thấy nhiều hơn những thứ này vào năm 2017.

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

9. Tập trung hơn vào hoạt ảnh

Yếu tố hoạt hình từ lâu đã đóng một vai trò quan trọng trong giao diện web và xu hướng này sẽ tiếp tục trong 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ụ để thiết kế 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 hơn và tinh vi hơn.

Chủ đề này đặc biệt quan trọng vì việc tạo hoạt ảnh mỗi ngày 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 và không chỉ gây đau nửa đầu cho người dùng.

10. Đánh dấu bất thường

Năm 2016, cũng giống như vài 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 hoặc đang mất dần tinh thần.

Những người cố gắng thuyết phục mọi người về cái chết của thiết kế web rõ ràng là 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 một 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 của 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 một lưới được căn chỉnh tỉ mỉ. Những kỹ thuật như vậy đôi khi có thể gây khó chịu cho mắt. Ví dụ:

Chồng chéo văn bản và hình ảnh:

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

Đây là phần đầu tiên của bản dịch bài báo “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? Bạn nghĩ kiểu thiết kế web nào sẽ thịnh hành trong năm tới?

Một chủ sở hữu trang web tốt không ngừng làm việc để cải thiện nó. Trong công việc này, anh ta không chỉ cần dựa vào phân tích đối tượng, dữ liệu phân tích trang web và đánh giá của khách hàng mà còn dựa trên xu hướng của ngành. Bởi vì có rất nhiều điều hữu ích trong các xu hướng có thể cải thiện sự tương tác của khách hàng với trang web. Nhưng các xu hướng cần được áp dụng một cách cẩn thận và khôn ngoan. Chỉ chọn những người phù hợp với giải pháp vấn đề hiện tại trang web và để phát triển kinh doanh.

Vì vậy, trong bài viết này, chúng tôi không chỉ cung cấp danh sách các xu hướng thiết kế web mà còn đưa ra các khuyến nghị để áp dụng các xu hướng này vào trang web của bạn.

1. Khả năng sử dụng sẽ trở thành hàng hóa

Một ví dụ về việc cải thiện khả năng sử dụng của trang web http://www.telemirspb.ru/

Theo dõi nguyên tắc cơ bản Khả năng sử dụng giúp các trang web thu hút nhiều khách hàng hơn và giảm bớt các cuộc gọi hỗ trợ. Ngày càng có nhiều công ty cung cấp dịch vụ kiểm tra địa điểm, vì nhu cầu tìm kiếm sai sót trên địa điểm ngày càng tăng. Thói quen mua hàng, đặt dịch vụ qua Internet làm tăng nhu cầu về các trang web tiện lợi.

Than ôi, nhiều người tự tạo trang web, và sau đó đến với chúng tôi với sự ô nhục đã tạo ra. Điều quan trọng là phải suy nghĩ trước về quá trình tương tác với tài nguyên: phần nào sẽ có trong phiên bản đầu tiên và phần nào sẽ được bổ sung sau. Không thể nói trước được mọi thứ, nhưng việc định hướng được lên kế hoạch trước sẽ tiết kiệm thời gian và tiền bạc cho những cải tiến trong tương lai. Ngoài ra, hãy chọn công cụ cho trang web một cách cẩn thận. Bạn không nên chọn công cụ tạo blog (ví dụ: WordPress) nếu bạn định bán thứ gì đó trên trang web, hãy tạo các trang sản phẩm / dịch vụ.

Nếu bạn làm việc trong một môi trường cạnh tranh cao, thì bạn hiểu tầm quan trọng của việc tạo sự khác biệt của bản thân với các đối thủ cạnh tranh.

Đó là lý do tại sao, khi lập kế hoạch tạo một trang web hoặc cải thiện một trang web hiện có, trước hết, bạn cần nhìn giao diện thông qua con mắt của khách hàng, cố gắng dự đoán những vấn đề mà người dùng có thể mắc phải.

2. Văn bản dài sẽ biến mất

Hãy thành thật với chính mình: không ai đọc những bài văn dài. Ngoại lệ là sách và bài báo. Khi khách hàng muốn đặt một dịch vụ hoặc sản phẩm, họ quan tâm đến các thông tin cụ thể: giá cả, đặc điểm chính của nội dung sản phẩm / dịch vụ, điều kiện / thời hạn giao hàng. Thông tin ngắn gọn và có cấu trúc tiết kiệm thời gian cho khách hàng và xử lý đơn đặt hàng. Hơn nữa, nếu khách hàng so sánh một số trang web, thì mô tả ngắn gọn nhất chắc chắn sẽ giành chiến thắng.

Ngoài ra, các văn bản dài không thuận tiện khi xem từ thiết bị di động, mà hầu như mọi người đều sử dụng. Theo kết quả thống kê của thế giới, vào tháng 10 năm 2016, số lượng người dùng di động có nhiều hơn những cái máy tính để bàn.

Hãy xem đối tượng của trang web của bạn, chẳng hạn như ở Yandex.Metrica trong báo cáo Tóm tắt → Loại thiết bị và xem phần trăm khách hàng đến từ điện thoại và máy tính bảng. Đừng quên về đối tượng này khi đăng nội dung.

Thêm hoạt ảnh vào trang web của bạn một cách khôn ngoan. Nó phải chính xác và nhanh nhất có thể. Phóng to hình ảnh khi bạn nhấp vào hình ảnh, chỉ báo tiến trình trong khi chờ kết quả trên trang web, cửa sổ bật lên khi thêm một mặt hàng vào giỏ hàng, thay đổi màu của các nút và liên kết sau khi nhấp vào đó là những vi tương tác phổ biến nhất sẽ chắc chắn giúp ích cho người dùng của bạn.

6. Sử dụng ảnh động hoặc ảnh "sống"

Video màn hình rộng đã được thay thế bằng ảnh động - hình ảnh trong đó chỉ có một yếu tố di chuyển. Tốt nhất là đặt chúng trên màn hình đầu tiên của trang để thu hút sự chú ý của người dùng và tạo hiệu ứng trầm trồ.

Nếu bạn chọn một gif như vậy cho chủ đề của trang web, nó sẽ trông rất tuyệt. Ví dụ: bạn có thể chụp ảnh "trực tiếp" về sản phẩm chính của mình và đăng lên Trang chủ hoặc trên các biểu ngữ có khuyến mãi.

Ở Nga, phim ảnh chủ yếu được sử dụng trên mạng xã hội, vì vậy chúng tôi đưa ra ví dụ về các trang web nước ngoài - một trang web về bảo vệ nguồn nước và cho thuê xe hơi.

7. Tránh những bức ảnh cổ trang "điển hình"

Chúng tôi hy vọng rằng tất cả những loại người nhỏ bé, những cô gái đeo tai nghe và những bức ảnh chụp gia đình tươi cười sẽ biến mất khỏi các trang web. Ví dụ về hình ảnh chứng khoán:

9. Thiết bị di động đầu tiên (Mobile First)

Bản chất của cách tiếp cận này là khi thiết kế một trang web, bạn cần nghĩ về cách nó sẽ được hiển thị trên thiêt bị di động... Nhiều bài báo và sách đã được viết về chủ đề này, chẳng hạn, chúng tôi khuyên bạn nên đọc Di động của Luc Wrobleski trước.

Như đã đề cập ở trên (xem điểm 2), lưu lượng truy cập trên thiết bị di động ngày càng tăng và thậm chí có những người dùng không có trải nghiệm trên máy tính để bàn. Đó là lý do tại sao, để không mất khách hàng, chúng tôi khuyên bạn nên tối ưu hóa các trang web cho thiết bị di động.

Bài viết chỉ liệt kê những xu hướng cơ bản nhất. Hãy xem điều gì đang chờ đợi chúng ta trong năm nay. Nếu bạn cũng nhận thấy một số xu hướng và chắc chắn rằng chúng sẽ phát triển, hãy viết trong phần nhận xét, chúng tôi sẽ rất vui được thảo luận. Và nếu bạn nghi ngờ rằng thiết kế trang web của bạn đã được cập nhật hoặc đã đọc bài báo và tìm thấy các yếu tố lỗi thời - hãy chú ý đến dịch vụ

Một đồ họa thông tin nổi bật về con đường phát triển của một nhà phát triển web hiện đại và các công nghệ mà anh ta cần học để trở thành front-end, back-end hoặc devops vào năm 2017.

Giới thiệu

Ưu tiên đầu tiên là xác định một hồ sơ phát triển hơn nữa... Cố gắng, nghiên cứu, cố gắng hiểu những gì gần gũi với bạn hơn - front-end, back-end, devops, hoặc có thể là fullstack?

Đường dẫn phía trước

Trong bất kỳ lĩnh vực phát triển web nào, việc nắm vững những kiến ​​thức cơ bản được đặt lên hàng đầu. Đối với người mới bắt đầu, rõ ràng nhiệm vụ số một là học HTML, CSS và JavaScript (+ jQuery). Khi bạn phát triển các kỹ năng cơ bản và mở rộng nền tảng lý thuyết của mình, bạn có thể chuyển sang những thứ chuyên sâu hơn.

Có rất nhiều khung và thư viện JavaScript trên mạng giúp cuộc sống của một nhà phát triển web trở nên dễ dàng hơn nhiều. Trong số đó, bạn có thể chọn tiện lợi nhất và phù hợp với một lập trình viên cụ thể. quản lý gói hàng, công cụ kiểm tra và lắp ráp, trình quản lý tác vụ và hơn thế nữa cho mọi sở thích và phạm vi nhu cầu.

Ngày nay, ngành công nghiệp phát triển giao diện người dùng đang phát triển không kém. Các khuôn khổ và công cụ liên tục xuất hiện và cải tiến, các phương pháp luận và khuôn mẫu mới ra đời, chính hệ tư tưởng của giao diện người dùng từ lâu đã vượt xa bố cục. Do đó, một trong những nhiệm vụ chính của nhà phát triển web là duy trì sự nổi bật, lưu ý xu hướng hiện đại sự phát triển của khu vực này.

Con đường phụ trợ

Trong lĩnh vực phát triển back-end, cũng đã có những thay đổi lớn trong vài năm qua. PHP từ lâu đã không còn là độc quyền trên thị trường công nghệ phụ trợ, mặc dù phiên bản mới nhất PHP 7 là nhiều hơn đáng chú ý. Node.js, Ruby và Go đã xông vào đấu trường. Công nghệ hiện đại cung cấp khả năng phát triển logic nghiệp vụ phức tạp và đạt được hiệu suất cao.

Con đường quỷ ám

Công việc của devops là rất khắt khe. Một ứng dụng web hiện đại là một tổ chức khổng lồ và phức tạp, và nhiệm vụ của devops là giữ cho nó hoạt động bình thường. Giám sát các quy trình, làm việc trên đám mây, vùng chứa web, tích hợp liên tục - đây chỉ là một phần nhỏ trong đống công nghệ web cho phép một ứng dụng web tồn tại và thực hiện các chức năng của nó.

Hãy cùng xem ý nghĩa của việc trở nên phổ biến, hợp thời và hiện đại trong thiết kế web năm 2017. Để làm điều này, hãy xem xét các xu hướng chính trong thiết kế web. Hầu hết chúng đi lang thang từ năm này qua năm khác và đã trở thành một phần không thể thiếu của việc xây dựng địa điểm hiện đại. Điều này đặc biệt liên quan đến sự phát triển công nghệ di động, các kênh giao tiếp và cải tiến các 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 quy định các điều khoản khó khăn của nó đối với các nhà thiết kế và nhà phát triển web. Đồng thời, một số xu hướng đang suy yếu và trở nên ít phổ biến hơn, nhưng vẫn khá sôi động. Các sở thích thời trang, đặc trưng của một thời kỳ ngắn, cũng xuất hiện. Ví dụ, năm ngoái chúng là biểu tượng với bóng dài của các đối tượng được mô tả. Các mô hình hình học đã trở nên phổ biến trong năm nay, chúng ta cũng sẽ xem xét chúng. Vì vậy, chúng ta hãy đi theo thứ tự.

1. Thiết kế di động, đáp ứng
Ngày nay, có lẽ, xu hướng quan trọng và bắt buộc nhất. Trang web phải đẹp như nhau trên tất cả các độ 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 độ trang web thích nghi với các thiết bị khác nhau và dựa trên điều này, xác định vị trí trong kết quả tìm kiếm.

2. Kiểu chữ chủ động
Trong vài năm nay, một trong những xu hướng phổ biến nhất. Phông chữ lớn và kiểu chữ trên một trang web là hai thứ. Đầu tiên, thẩm mỹ - những đường nét đẹp, các nét uốn cong và đường viền của các chữ cái tự nó là một 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ải ý tưởng chính đến khách truy cập một cách rõ ràng và dứt khoát.

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 thu hút sự chú ý của chúng tôi ngay lập tức. nó chào mừngđể giữ cho khách truy cập quan tâm. Sự phát triển hiện đại của công nghệ giúp bạn dễ dàng nhúng video vào trang web, đồng nghĩa với việc các nhà thiết kế sẽ ngày càng sử dụng kỹ thuật này nhiều hơn. Tuy nhiên, có một lưu ý rằng, thật thú vị nếu chỉ xem video lần đầu, lần thứ hai và thứ ba thì đã chán rồi. Do đó, kỹ thuật này chỉ hiệu quả với những người mới truy cập.

5. Cinemagraphies
Một giải pháp thay thế tốt cho video màn hình rộng và chụp ảnh nền lớn. Cinemagraphs là những bức ảnh trong đó các chuyển động nhỏ lặp đi lặp lại. Chúng thường được trình bày trong định dạng gif và tạo ảo giác đang xem video cho người xem. Thông tin thêm về phim ảnh với một lượng lớn các ví dụ có thể được tìm thấy trong lựa chọn

6. Thiết kế phẳng
Một xu hướng mạnh mẽ khác trong những năm gần đây. Các trang web màu phẳng gọn gàng và rõ ràng. Nhưng, trong thời gian 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, chuyển màu hoặc kết cấu. Thông thường, phần tử này là một nút, được tạo âm lượng hoặc phình ra để thu hút sự chú ý của khách truy cập.

7. Tương tác vi mô trên trang web
Bây giờ sự chú ý lớn trong thiết kế web, sự tương tác vi mô của chức năng và thiết kế của trang web với khách truy cập được trả tiền. Bản chất của điều đó là khách truy cập có thể thấy rõ kết quả của hành động của mình trên trang web, cho dù đó có phải 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 một hoạt động, tương tác với các biểu tượng, nút, công tắc, bộ đếm và các phần tử khác đang hoạt động.

8. Các đối tượng hoạt hình
Khả năng của html5 và css3 hiện đại cho phép bạn sử dụng một kho vũ khí lớn hiệu ứng hình ảnh trên trang web. Đ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 người truy cập. Vì vậy, trong năm mới, chúng ta cũng sẽ thấy những chuyển động vi mô tương tác bất ngờ nhất của các đối tượng, như một quy luật, 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 ảnh phức tạp hơn.

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

10. Cuộn trang web
Vì tính năng cuộn trang là 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ể vào năm 2017. Điều duy nhất là cuộn không có chỗ cho tương tác của người dùng, và do đó, người ta cảm thấy một sự mệt mỏi nhất định từ việc tải nội dung liên tục. Có lẽ xu hướng sẽ hướng tới sự kết hợp của các đ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í biểu kiến ​​của một đối tượng 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, nơi các đối tượng và nền cuộn ở các tốc độ khác nhau, dẫn đến ảo giác ba chiều. Xu hướng này khá ổn định, vì vậy chúng ta sẽ thấy các trang web thị sai nhiều lần.

12. Thiết kế mô-đun
Thiết kế mô-đun hay còn gọi là giao diện thẻ, bao gồm các khối ý nghĩa khép kín đã phổ biến cách đây một thời gian. Xu hướng này là rất tốt cho các thiết bị di động vì các khối xếp hàng tốt cho bất kỳ độ phân giải màn hình nào. 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ột trang
Các trang web một trang, trang đích, các 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ề trang đích là gì trong bài viết và. Vào năm 2017, các trang đích sẽ tăng cường nhấn mạnh vào nút kêu gọi hành động - đặt hàng, gọi điện, đăng ký, v.v. Bất cứ điều gì khác là một sự phân tâm khách tiềm năng, sẽ được cắt bớt.

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 qua, và rất có thể xu hướng này sẽ tiếp tục trong năm 2017. Cùng với sự thương mại hóa của Internet Nga và sự tăng trưởng của thương mại Internet, nhu cầu về các tài liệu quảng cáo đồ họa cho quảng cáo và quảng cáo đã tăng lên đáng kể - biểu ngữ, quảng cáo, thiệp, tờ rơi.

15. Tự động hóa các quy trình điển hình
Mọi điều giải pháp tiêu chuẩn và các thủ tục trên trang web đang dần được thay thế quy trình tự động, giúp loại bỏ nhu cầu giao tiếp với bộ phận hỗ trợ hoặc tư vấn trực tuyến. Về vấn đề này, sự phổ biến của nhiêu ưng dụng khac nhau và phần mở rộng. Giờ đây, bạn có thể mua một 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 bảng câu hỏi hoặc làm bài kiểm tra - tất cả điều này có thể được thực hiện trực tuyến trong một vài cú nhấp 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. Đệm văn bản bức tranh đẹp hoặc một biểu tượng kết hợp với các yếu tố thiết kế thời trang làm cho đồ họa thông tin hấp dẫn về mặt thẩm mỹ. Đồ họa thông tin so sánh đặc biệt rõ ràng về mặt hình ảnh và thú vị - giống như bây giờ, có-không, điểm cộng-điểm trừ, có thể-không, v.v. Bạn cũng có thể sử dụng đồ họa thông tin để kể một câu chuyện từng bước hoặc trình bày các số liệu thống kê nhàm chán một cách sinh động.

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

18. Các 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 được các nhà thiết kế yêu cầu và yêu thích nhất. Chỉ cần đặt các biểu tượng chủ đề thích hợp gần các khối với văn bản là đủ - và bây giờ toàn bộ văn bản có được trật tự và cấu trúc 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. Letterstacking
Xếp chồng chữ cái 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 quyết định sáng tạo khó khăn - bạn cần trình bày một văn bản dài trong một khoảng trống 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
Do tiết kiệm không gian và không gian trên thiết bị di động, một thời gian trước đây đã xuất hiện một nút trống - một dòng chữ lớn với một nét vuông xung quanh chữ. Một nút như vậy cung cấp một cái nhìn tổng quan về nền phía sau nút trong khi vẫn giữ được chức năng của nó như một nút đầy đủ. Thêm vào đó, 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. Từ chối ảnh kho
Một số chuyên gia nhận thấy rằng các nhà thiết kế đang từ chối chụp ảnh cổ trang. Trong chừng mực thiết bị hiện đại cho phép bạn tự mình tạo ảnh một cách nhanh chóng và hiệu quả, sau đó bạn có thể tránh việc cá nhân hóa và thống nhất kho lưu trữ và tạo ảnh độc đáo của riêng bạn và tạo thiết kế độc đáo của riêng bạn.

22. Những góc khác thường trong bức ảnh
Việc tìm kiếm những góc ảnh thú vị trong các bức ảnh đã trở nên khả dụng đối với bất kỳ chủ sở hữu điện thoại thông minh có máy ảnh nào. Về vấn đề này, sự sáng tạo khi tạo ra một bức ảnh nằm ngoài bảng xếp hạng và chúng ta có thể trang trí trang web. bức tranh độc đáo với 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, đã đi vào đời sống thiết kế cách đây vài năm, vẫn còn phổ biến và phù hợp cho thiết kế trang web. Thanh trượt rộng giúp dễ dàng xoay tin tức chính, cũng như tin tức trình bày chương trình khuyến mãi hiện tại, bộ sưu tập và khác thông tin cập nhập, mà khách truy cập nhìn thấy ngay lập tức khi vào trang web.

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

25. Các mẫu hình học
Chà, chúng ta sẽ kết thúc bài đánh giá ngắn hạn xu hướng thời trang dưới dạng các mẫu 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.

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