Aller au contenu
Show basket Hide basket
Retour à Blog
Plein écran

Phong cach ve tay khi lam website

May 12, 2020 4:12 , par 100diemcom - 0Pas de commentaire | No one following this article yet.
Viewed 39 times

Khi nói đến thiết kế web quá thường xuyên, thiết kế đầy màu sắc và hình hộp làm cho việc cắt giảm; tuy nhiên, thực tế lại khác vì khó có thể tìm thấy những vật thể có hình dạng hoàn hảo và màu sắc hoàn hảo trong thói quen hàng ngày của chúng ta. Để đạt được một thiết kế độc đáo và giao tiếp, chúng ta cần xem xét các cách tiếp cận sáng tạo hơn. Chẳng hạn, chúng ta có thể tự vẽ các trang web - hoặc ít nhất là một số phần của nó.

Mục đích chính của các yếu tố vẽ tay nằm ở khả năng truyền tải một tính cách và một ghi chú riêng lẻ trong thời gian khi các yếu tố hoàn hảo, hình hộp và tròn có thể được tìm thấy ở hầu hết mọi nơi. Chúng trông khác nhau và chúng có thể làm cho một trang web trông khác nhau. Và đây là những gì chúng ta thường là sau khi ở nơi đầu tiên. Bài đăng này trình bày các ví dụ mới về phong cách vẽ tay trong thiết kế web hiện đại . Tất cả các ảnh chụp màn hình có thể được nhấp và dẫn đến các trang web mà chúng đã được chụp.

Có Gì Mới?
Vài tháng trước, chúng tôi đã tuyên bố rằng, theo quan điểm khiêm tốn của chúng tôi, các yếu tố thiết kế sáng bóng và bóng bẩy đã chính thức lỗi thời. Chúng tôi cũng đã gợi ý rằng các thiết kế web sẽ trở nên tinh tế hơn, lấy người dùng làm trung tâm hơn, hướng nội dung hơn và ít ồn ào hơn. Thật vậy, đây chính xác là những gì chúng ta quan sát vào lúc này. Viết tay, trước đây thường được đưa đến cực đoan, bây giờ dường như trở nên tinh tế, hỗ trợ và ít chiếm ưu thế. Dưới đây bạn sẽ tìm thấy một số ví dụ được cho là để chứng minh chính xác điều đó.

CÁC YẾU TỐ VẼ TAY ĐƯỢC SỬ DỤNG VỪA PHẢI
Đặc biệt, kể từ khi các nhà thiết kế cố gắng cung cấp khách với một an ủi, thuyết trình sử dụng, họ có xu hướng sử dụng vẽ tay và viết tay yếu tố vừa phải. Đôi khi, chỉ có một vài yếu tố thiết kế được thiết kế phù hợp trong khi phần còn lại của thiết kế tập trung vào trình bày conten sạch và hoàn toàn không được vẽ. Chẳng hạn, thường chỉ có các tiêu đề danh mục, hộp tìm kiếm hoặc điều hướng được viết bằng tay.

Tuy nhiên, điều quan trọng là phải hiểu rằng vẫn còn nhiều ví dụ về việc sử dụng quá mức các yếu tố viết tay và vẽ tay (xem các ví dụ dưới đây). Tuy nhiên, chúng tôi đã quan sát thấy số lượng thiết kế ngày càng tăng trong đó các yếu tố như vậy được sử dụng một cách thưa thớt và chính xác.

Ảnh chụp màn hình

Jeff Sarmiento kết hợp các yếu tố viết tay và vẽ tay với một cái nhìn cổ điển. Mặc dù chỉ có một vài yếu tố thực sự được vẽ bằng tay, nhưng chúng mang lại cho thiết kế một phong cách đích thực, hoàn toàn phù hợp với diện mạo của nó. Chính xác hơn, vẽ tay chỉ được sử dụng cho các tiêu đề thể loại,

PHÔNG CHỮ SCRIPT ĐẠT ĐƯỢC SỰ PHỔ BIẾN
Vì các yếu tố vẽ tay trở nên tinh tế hơn, các nhà thiết kế thường có xu hướng bắt chước viết tay thay vì sử dụng nó. Ví dụ, điều này được thực hiện bằng cách sử dụng phông chữ script rõ ràng và sắc nét thay vì các bản phác thảo viết tay hoặc vẽ. Cách tiếp cận này giúp các nhà thiết kế làm cho bố cục sạch hơn và dễ quét hơn.

 

Ảnh chụp màn hình

Paul Wallas sử dụng phông chữ script trong tiêu đề và cho các tiêu đề thể loại. Phông chữ script, tuy nhiên, dễ đọc và hoàn toàn phù hợp với phong cách không chính thức của trang web.

COI CHỪNG: VẤN ĐỀ VỀ KHẢ NĂNG SỬ DỤNG!
Về quan điểm khả năng sử dụng, chúng tôi đã tìm thấy một số ví dụ tiêu cực. Cố gắng tạo ra một thiết kế đặc biệt, các nhà thiết kế thường có xu hướng bỏ qua các vấn đề về khả năng sử dụng . Cho dù một số yếu tố thiết kế được vẽ bằng tay hay không, điều quan trọng là nó truyền đạt thành công chức năng của nó và khách truy cập có thể a) tìm thấy nó và b) ngay lập tức biết cách sử dụng nó.

 

Mind Never (ảnh chụp màn hình ở trên) sử dụng chữ viết tay cho 6 yếu tố thiết kế - logo, tagline, điều hướng, tiêu đề, minh họa và tất cả các yếu tố có thể nhấp. Vấn đề chính với thiết kế là thực tế đơn giản là khó quét .

 

Hơn nữa, các liên kết được tạo kiểu khác nhau - đôi khi chúng có màu xanh, đôi khi màu đen, đôi khi chúng có hiệu ứng di chuột, đôi khi chúng không có. Điều đó không hiệu quả và không thân thiện với người dùng. Ở đây người ta nên giảm số lượng các yếu tố vẽ tay và sử dụng các yếu tố thiết kế tiêu chuẩn thay thế.

 

Hãy xem xét một ví dụ khác ở trên. Omnia.ae sử dụng các yếu tố thiết kế vẽ tay cho hầu hết mọi yếu tố có thể có trong bố cục. Hình ảnh hiển thị bộ chọn quốc gia là nút radio . Mặc dù đây chắc chắn là một giải pháp thú vị, nhưng lựa chọn này rất dễ bị bỏ qua vì nó dường như là một phần của hình ảnh nền hơn là một yếu tố thiết kế độc lập.


Mặc dù nút RSS và hình minh họa đăng ký có thể được coi là các yếu tố thiết kế có thể nhấp, nhưng trong lựa chọn ngôn ngữ ở trên thì không phải vậy. Hãy ghi nhớ: nếu quyết định sử dụng yếu tố nghệ thuật của bạn thay vì giải pháp tiêu chuẩn làm tăng một số vấn đề về khả năng sử dụng, bạn nên chọn giải pháp chuẩn.

Bây giờ chúng ta hãy xem một số ví dụ về cách viết tay và vẽ tay được sử dụng trong thực tế.

Những ý tưởng sáng tạo và có giá trị nhất đều đã được viết tay trước tiên. Đó không phải là tin tức lớn, vì các nhà thiết kế có xu hướng tạo ra các bản phác thảo đầu tiên dưới dạng nguyên mẫu giấy; Tuy nhiên, điều đó vẫn quan trọng, bởi vì thiết kế web khác với thiết kế của Google thông thường. Tất nhiên, nó cũng có một ghi chú cá nhân và nó được làm bằng tay, tuy nhiên người dùng không thể thấy điều đó. Vì CSS là hộp boxy nhưng tốt, các thiết kế có xu hướng có vẻ ngoài khá hạn chế - chúng quá hình hộp và quá vuông góc.

Nếu các nhà thiết kế muốn đạt được một thiết kế khác, họ phải tự vẽ trang web của mình - hoặc ít nhất là một số phần của nó. Và trên thực tế, việc này được thực hiện khá thường xuyên: dù là blog, cửa hàng, quảng cáo, trang riêng tư hay dự án hợp tác nào đó - không quan trọng với Flash hay (X) HTML. Mục đích chính của các yếu tố vẽ tay nằm ở khả năng truyền tải một tính cách và một ghi chú riêng lẻ trong thời gian khi các yếu tố Web 2.0 đầy màu sắc, sắc nét và tròn có thể được tìm thấy ở hầu hết mọi nơi.

Đôi khi các nhà thiết kế tạo ra toàn bộ trang bằng giấy, bút chì và / hoặc máy tính bảng. Thông thường các yếu tố bố cục đơn lẻ được thiết kế theo một cách đặc biệt - liên kết cong, biểu tượng được làm bằng tay, hình nền, ghi chú, nhãn dán và đường mờ được cho là tạo cho trang web một con người chạm vào. Các yếu tố này làm cho một trang web có thể trông không khác với hàng chục trang tương tự, nổi bật và gây sự tò mò cho người dùng. Thận trọng: một phông chữ viết tay được cài đặt nhanh chóng có thể gây hại nhiều hơn là giúp đỡ (gợi ý: Comic Sans chắc chắn không phải là con đường để đi).

Kết quả có thể ấn tượng như thế nào? Và khi nào thì phong cách vẽ tay có thể được sử dụng? Chúng ta hãy xem một số ví dụ tuyệt vời về phong cách vẽ tay trong thiết kế web hiện đại . Tất cả các ảnh chụp màn hình có thể được nhấp và dẫn đến các trang web mà chúng đã được chụp.

Vẽ Tay Như Chủ Nghĩa Tối Giản Nghệ Thuật
Vì vẽ tay là một tính năng điển hình của các nghệ sĩ đồ họa, nhà thiết kế và họa sĩ minh họa và thường được kết hợp với sự sáng tạo và cảm hứng, nó thường được sử dụng trong danh mục đầu tư và trưng bày.

Điều thú vị là phong cách vẽ tay thường là yếu tố duy nhất được các nhà thiết kế sử dụng để trình bày tác phẩm của họ trên trang web của họ. Dưới đây một số ví dụ về chủ nghĩa tối giản nghệ thuật tốt nhất của nó.

 

Phong Cách Hỗ Trợ Nội Dung
Trong một số trường hợp, các nhà thiết kế thử nghiệm các hình tượng trưng vẽ tay để hỗ trợ nội dung chính của trang web thay vì sử dụng chữ viết tay cho các yếu tố thiết kế chính. Ví dụ, bản phác thảo đôi khi được đặt trên nền của trang web. Đôi khi nó hoạt động khá tốt.

 

Ảnh chụp màn hình

Trong thiết kế dưới đây ý tưởng tương tự được sử dụng. Tuy nhiên, chỉ có 20-30% trang thực sự phục vụ trình bày nội dung. Đây không phải là điều mà hầu hết người dùng đang mong đợi và đây chính xác là điều làm cho trang web này trở nên khác biệt. Jakob Nielsen sẽ không bị mê hoặc về cách trình bày nội dung trên trang web này.

 

Ảnh chụp màn hình

Ngoài ra các yếu tố thiết kế duy nhất có thể được sử dụng trong phong cách viết tay. Trong ví dụ dưới đây, chỉ có một nút RSS ở bên phải được vẽ bằng tay.

 

Ảnh chụp màn hình

Ví dụ này sử dụng các yếu tố viết tay trên tất cả các trang web. Nó có logo viết tay, gợi ý, đường nét và thậm chí cả bản đồ. Các bản đồ vẽ tay trên trang đầu chứa các liên kết đến các khu vực duy nhất của trang web.

Mặc dù đây chắc chắn là một thiết kế thú vị và sáng tạo, người dùng có thể gặp vấn đề trong việc tìm kiếm thông tin họ đang tìm kiếm. Trên thực tế, khách truy cập cần chơi xung quanh trang web để tìm hiểu thông tin nào thực sự được trình bày.

Thiết kế cũng bao gồm các yếu tố vẽ tay trên khắp trang web, ví dụ: để hiển thị video, một bản phác thảo của TV được sử dụng và thậm chí các bảng cũng theo phong cách này.

Vẽ Tay Kết Hợp Với Hình Minh Họa
Vì các hình vẽ tay đôi khi có thể thiếu hấp dẫn thị giác, thiếu sót này thường được giải quyết với việc sử dụng các yếu tố hình ảnh nổi bật . Kết quả đôi khi là một cách tiếp cận thiết kế hoang dã, sống động, đầy màu sắc - nhưng luôn sáng tạo.

Điều quan trọng cần lưu ý là các quyết định thiết kế như vậy cần được xem xét rất chính xác. Thật dễ dàng để làm cho thiết kế hấp dẫn hơn bằng cách làm cho nó ít trực quan hơn cùng một lúc. Thiết kế là khác nhau - không nhất thiết phải đơn giản hóa hoặc làm cho khó nắm bắt hơn. Trong thực tế, các vấn đề về khả năng sử dụng và khả năng tiếp cận được làm chủ tốt như thế nào chủ yếu chỉ phụ thuộc vào các kỹ năng của nhà phát triển.

 

Vẽ Tay Mang Thông Điệp
Khía cạnh này trở nên rõ ràng hơn trong các thiết kế Web 2.0. Các yếu tố vẽ tay được sử dụng để giúp người dùng dễ dàng có được ý tưởng đằng sau sản phẩm và dịch vụ được cung cấp. Điều này hoạt động khá tốt trong cả thiết kế web và in ấn, vì nó mang lại cho lời giải thích được cung cấp mang tính chất cá nhân, cảm xúc và không chính thức hơn . Hãy xem các ví dụ dưới đây.

 

Vẽ Tay Cực Kỳ
Đôi khi, mục đích của nhà thiết kế là gây ấn tượng, gây sốc hoặc lôi kéo người đọc gây chú ý và tạo ấn tượng lâu dài. Trong khi có một số cách để đạt được điều này, một phong cách thiết kế khác thường chắc chắn là một trong số đó; đó cũng là phong cách duy nhất mang lại khía cạnh nghệ thuật của thiết kế cực kỳ tốt. Tất nhiên, nó không phải lúc nào cũng dẫn đến các trang web có thể sử dụng.

 

Thí Nghiệm Và Phương Pháp Nghệ Thuật
Nhà thiết kế là nghệ sĩ, hoặc ít nhất họ nên cố gắng trở thành. Và như vậy, các nhà thiết kế có xu hướng đưa ra quyết định thiết kế triệt để , khám phá trí tưởng tượng của họ và thách thức sự sáng tạo của khách truy cập. Điều này không phải lúc nào cũng hoạt động, nhưng đôi khi nó làm.

 

Vẽ Tay Trong Logo Và Tiêu Đề
Khi các yếu tố viết tay được đặt trong logo hoặc trong một tiêu đề, nhà thiết kế đảm bảo rằng khách truy cập sẽ phát hiện các yếu tố này. Vì các khu vực này được nhấp thường xuyên hơn các yếu tố bố cục khác, nên cảm giác vẽ tay của Wap sẽ được chuyển tải. Đó là những gì một số nhà thiết kế đang cố gắng để đạt được. Ngoài ra, nếu nhà thiết kế muốn thiết kế của mình truyền đạt một ghi chú cá nhân và một số yếu tố thiết kế đã được viết bằng tay, thì cũng nên xem xét thêm một số ghi chú viết tay vào tiêu đề.

 

Ảnh chụp màn hình viết tay

Yếu Tố Thiết Kế Vẽ Tay Đơn
Để tạo cho bố cục một yếu tố thiết kế kiểu viết tay bằng gỗ cần phải được tạo kiểu cho phù hợp. Trong thực tế, bạn có thể áp dụng phong cách cho bất kỳ phần nào trong bố cục của bạn. Thông thường các nhà thiết kế sử dụng viết tay cho các lời trêu ghẹo, nút RSS, điều hướng, trường nhập liệu, tiêu đề và hình nền.

Xem thêm: https://taowebsite.com.vn/lam-website/

Vẽ Tay Được Sử Dụng Nhiều
Vẫn còn nhiều ví dụ về việc sử dụng quá mức các yếu tố viết tay và vẽ tay, tuy nhiên chúng dường như mất đi sự phổ biến . Thật khó để nói đó có phải là xu hướng hay không - một lời giải thích đơn giản mà chúng ta có thể đưa ra là một thực tế là quá đông, các thiết kế quá nghệ thuật có thể thu hút một nhóm mục tiêu hạn chế trong khi thiết kế với việc sử dụng vẽ tay vừa phải có thể được nhắm mục tiêu tại mọi người

 

Ảnh chụp màn hình viết tay

 

 

 


0Pas de commentaire

    Poster un commentaire

    Les champs sont obligatoires.

    Si vous vous êtes déjà enregistré(e) comme utilisateur, vous pouvez vous connecter pour être reconnu(e) automatiquement.

    Annuler

    100diemcom

    0 amigos

    Nenhum(a)