it-swarm-vi.tech

Sử dụng màu sắc trong khung lưới ... đây có phải là "không không" không?

Gần đây, một cuộc tranh luận nội bộ đã được bắt đầu tại nơi làm việc liên quan đến việc sử dụng màu sắc trong khung lưới. Một nhà thiết kế cơ sở đã hoàn thành một bộ khung dây đẹp và được nói ở cuối để biến mọi thứ thành màu xám! Họ đã nói rằng màu sắc không nên có trong khung dây.

Tôi có thể thấy một vài lý do mà thiết kế trong thang độ xám có thể giúp:

  • cho khả năng tiếp cận (để bạn không bị buộc phải dựa vào màu sắc để phân biệt)
  • không nhầm lẫn giao tiếp thiết kế hình ảnh trong khung dây (đôi khi khách hàng có thể liên kết lựa chọn màu sắc là một quyết định thiết kế trực quan trái ngược với cách truyền đạt sự khác biệt về thị giác)

Tôi thực sự sử dụng một bảng màu của các biểu tượng màu và sẽ sử dụng màu sắc để giúp truyền đạt sự khác biệt về thị giác. Đôi khi chỉ có rất nhiều bạn có thể làm với việc sử dụng các màu xám khác nhau hoặc sử dụng các mẫu.

Thực hành tiêu chuẩn ngoài kia là gì? Tôi đã thấy các khung dây có và không có màu.

22
milesmeow

Âm thanh như các đồng nghiệp của bạn đã mất một chút trong các giả định mà không nghĩ về mục đích của khung dây là gì. Hãy bắt đầu với một định nghĩa lỏng lẻo do Wikipedia cung cấp :

Một khung dây trang web (cũng là "khung dây web", "khung dây web", "khung dây web") là một hướng dẫn trực quan cơ bản được sử dụng trong thiết kế giao diện để đề xuất cấu trúc của trang web và mối quan hệ giữa các trang của nó. Một khung dây trang web là một minh họa tương tự về cách bố trí các yếu tố cơ bản trong giao diện. Thông thường, khung lưới được hoàn thành trước khi bất kỳ tác phẩm nghệ thuật được phát triển.

Như với bất kỳ từ hoặc thuật ngữ nào, điều quan trọng là phải xem xét ý nghĩa thực sự của nó. A mô hình khung dây là thuật ngữ được sử dụng trong mô hình 3D khi nói về biểu diễn cấu trúc vật lý của mô hình đa giác, được hiển thị bằng cách hiển thị các điểm kết nối giữa các đỉnh. Điểm của mô hình khung dây là gì? Đó là thể hiện "ruột" của một cấu trúc để hiểu rõ hơn về thành phần của nó.

Khi được chuyển sang cấu trúc khung trang web khi Wikipedia thảo luận về nó, chúng ta nên xem xét ý nghĩa đó được áp dụng như thế nào và định nghĩa của Wikipedia: "một hướng dẫn trực quan cơ bản được sử dụng để đề xuất cấu trúc của trang web và mối quan hệ giữa các trang của nó".

Như bạn có thể nói, không có đề cập đến màu sắc hoặc hướng dẫn trực quan đó sẽ trông như thế nào. Tất cả vấn đề là nó gợi ý cách cấu trúc của trang web hoạt động. Miễn là nó đạt được điều đó, đó là một khung dây hiệu quả. Vì vậy, ví dụ, đây là tất cả các khung lưới "hợp lệ":

  • phác thảo trên một chiếc khăn ăn
  • phác thảo trong Dự thảo 37signals hoặc một số ứng dụng khác trên iPad
  • sơ đồ tìm kiếm sơ sài được thực hiện bằng cách sử dụng một công cụ như Balsamiq Mockups
  • các khung lưới trông chặt chẽ hơn được thực hiện bằng cách sử dụng một cái gì đó như Axure hoặc Illustrator
  • thiết kế gọn nhẹ của một trang web được tạo bằng Photoshop, trong đó cấu trúc của trang được thể hiện rõ ràng trong khi bao gồm các yếu tố thiết kế khi có liên quan
  • Các thiết kế có thể xuất HTML trong Pháo hoa cho phép bạn xem các yếu tố mà một trang bao gồm
  • khung lưới HTML/CSS tương tác đầy đủ

Đó chỉ là vấn đề về độ trung thực và chi tiết. Có lẽ bạn nên làm rõ loại độ trung thực được mong đợi trong khả năng cung cấp và hướng dẫn các nhà thiết kế của bạn trên con đường đó. Nhưng đó không phải là vấn đề "nên sử dụng màu sắc trong khung dây" - nếu màu sắc giúp truyền đạt cấu trúc của trang web, thì màu sắc tuyệt đối nên được sử dụng trong khung dây!

18
Rahul

Đã đồng ý.

Thông thường, màu sắc mang lại những âm bội về cảm xúc/văn hóa cho một cuộc thảo luận "được cho là" về cấu trúc cơ bản, bố cục và IA (kiến trúc thông tin). Mặc dù điều đó có thể được tranh luận, nhưng ít nhất chúng ta có thể đồng ý rằng việc sử dụng Màu sẽ, ít nhất, truyền đạt thông tin THÊM đến kết xuất.

Toàn bộ quan điểm của khung dây là chỉ giao tiếp những gì cần thiết và không có gì khác.

Theo kinh nghiệm của tôi trong thực tế, mọi người sử dụng thuật ngữ "khung dây" để chỉ mỗi danh sách hiện vật mà Raul đưa ra.

7
CSSian

Từ kinh nghiệm của tôi, đó chủ yếu là lý do thứ hai bạn liệt kê:

  • Đôi khi, ngay cả các bên liên quan nội bộ cũng bị nhầm lẫn bởi các khung lưới trông quá "thật". Các mockup Axure của tôi có độ trung thực cao hơn nhiều so với các mockup PowerPoint khác được sử dụng trong tổ chức của tôi, vì vậy đôi khi tôi nhận được các nhận xét liên quan đến thiết kế đồ họa, chẳng hạn như các nút trông khác nhau hoặc các bảng không điều chỉnh chiều cao theo nội dung của chúng, v.v.
  • Một người bạn của tôi đã tạo ra một khung dây hi-fi đến nỗi khách hàng thực sự yêu thích nó đến mức họ đã triển khai nó ngay lập tức :)
6
Dan Barak

Tôi đã chuyển từ thang màu xám sang màu đầy đủ và trở lại. Tôi thấy đầy đủ màu sắc có xu hướng là một sự phân tâm thực sự cho các cuộc thảo luận cần phải xảy ra.

Bên cạnh đó, tôi tình cờ tham gia một dự án không có nhà thiết kế đồ họa giữa tôi và các nhà phát triển, và do đó, các khung lưới "thực tế" hoặc "thực sự đẹp" có nguy cơ được triển khai như hiện tại. Điều này khá nhiều đảm bảo thảm họa bởi vì tôi không phải là nhà thiết kế đồ họa ...

5
gef05

Một nhược điểm của màu sắc trên khung dây là mà cùng với (độ được coi là) độ trung thực của các điều khiển cao hơn và sớm hơn một trong những nhà phát triển của bạn sẽ cho rằng họ cần làm cho GUI trông giống như khung dây.

Tôi biết. Tôi biết. Điều này chỉ ra một quan niệm sai lầm lớn về mục đích của khung dây.

Nhưng nó thực sự xảy ra.

4
JeromeR

Tôi có xu hướng dự trữ sử dụng màu sắc để chú thích các thành phần. Tôi chắc chắn rằng các bit văn bản có nghĩa là hoạt động như các siêu liên kết có màu xanh lam và gạch chân, ví dụ, mặc dù thiết kế trang web cuối cùng có thể có một câu chuyện màu hoàn toàn khác. Các bit văn bản không tĩnh và sẽ thay đổi theo đầu vào của người dùng sẽ có màu khác. Nếu có nhiều hộp và đường khác nhau bị nghi ngờ hoặc tôi biết cần đánh bóng nhiều hơn thì tôi sẽ đặt chúng có các vạch đỏ. Các khối văn bản là các chú thích được thả ngay trên đầu khung dây có thể lấp đầy nền màu vàng nhạt.

Tất cả đều rất đáng sợ khi nhìn vào, trực quan, nhưng nó phục vụ để giao tiếp. Không đại diện.

4
Erics

Cá nhân, tôi nghĩ sẽ tốt khi sử dụng màu nếu nó truyền đạt một số loại chức năng.

Tôi có xu hướng sử dụng màu sắc trên các yếu tố tương tác của khung lưới của mình, chẳng hạn như các liên kết và nút có màu xanh lam. Điều này giúp làm nổi bật rõ ràng các yếu tố tương tác khi trình bày cho khách hàng.

Tôi cũng đã sử dụng màu xanh lá cây, cam và đỏ để biểu thị các trạng thái cảnh báo khác nhau trong danh sách các mục. Tôi thấy điều này giúp giao tiếp chức năng với khách hàng nhanh hơn, điều này ít rõ ràng hơn trong các phiên bản màu xám hoàn toàn trước đó.

Tuy nhiên, tôi sẽ không sử dụng màu sắc như một yếu tố trang trí, ít nhất là không phải trong các khung dây hoặc mockup sớm. Như một số người khác đã trả lời, đôi khi khách hàng có thể bị cuốn vào cách một cái gì đó 'trông', so với cách nó hoạt động. Điều này có thể làm chậm quá trình xuống một chút.

2
Paj