Kinh nghiệm phối hợp màu sắc thiết kế hệ HMI-SCADA.

[dohung]

Cảm ơn ý kiến của mod chauvinhloi và anh aubaoquoc.
Để mình đưa 1 hình ảnh còn dang dở thực tế để anh em thảo luận xem cho thực tế 1 chúc.

Từ xưa đến giờ, mình hay thiết kế theo kiểu khung nền toàn trắng sáng, menu màu xanh đậm, chữ viết màu trắng hay màu xanh. Còn đối với các tín hiệu hoạt động được ( như động cơ, biến tần, cảm biến) thì mình dùng 4 màu sắc khác nhau để thể hiện : xanh - đang chạy, đỏ - báo lỗi, vàng - cảnh báo hoặc thiết bị không hoạt động được dù có tín hiệu chạy, trắng hay xám - trạng thái ready.
Với suy nghĩ như mình, mình đã thiết kế như hình trên, nhưng vẫn thấy cái gọi là " xấu " vì chưa thấy được cái gọi là chuyên nghiệp.

[chauvinhloi]

Khi thiết kế em thường tham khảo những mẫu Web Template, Brochure, hay thậm chí làm theo sườn giao diện của những hệ điều hành trên smart phone, tablet. Em cũng không theo cái qui chuẩn nào cả, tùy hệ thống, chủ yếu là em làm theo cảm hứng :D đã gọi là thiết kế thì nên sáng tạo. Còn nguồn tham khảo chủ yếu là để mình xem cách bố cục hợp lý, đây mới là cái tạo nên sự chuyên nghiệp. Với lại em cũng hạn chế dùng các hình có sẵn trong Library của WinCC vì những hình trong này màu sắc rất kém, độ nét không cao.

Khi thiết kế với màn hình HMI dạng Basic, màu sắc không nhiều (như KTP600 chẳng hạn), nên dùng theme đơn giản, hạn chế dùng hình ảnh vì những loại màn hình này độ phân giải rất kém 320x240 pixel trong 6 inch.

Còn đối với những loại màn hình cao cấp hơn hay với màn hình máy tính, ta có thể thỏa sức thiết kế với những theme bắt mắt hơn.

[aubaoquoc]

Khi thiết kế em thường tham khảo những mẫu Web Template, Brochure, hay thậm chí làm theo sườn giao diện của những hệ điều hành trên smart phone, tablet. Em cũng không theo cái qui chuẩn nào cả, tùy hệ thống, chủ yếu là em làm theo cảm hứng :D đã gọi là thiết kế thì nên sáng tạo. Còn nguồn tham khảo chủ yếu là để mình xem cách bố cục hợp lý, đây mới là cái tạo nên sự chuyên nghiệp. Với lại em cũng hạn chế dùng các hình có sẵn trong Library của WinCC vì những hình trong này màu sắc rất kém, độ nét không cao.

Khi thiết kế với màn hình HMI dạng Basic, màu sắc không nhiều (như KTP600 chẳng hạn), nên dùng theme đơn giản, hạn chế dùng hình ảnh vì những loại màn hình này độ phân giải rất kém 320x240 pixel trong 6 inch.

Còn đối với những loại màn hình cao cấp hơn hay với màn hình máy tính, ta có thể thỏa sức thiết kế với những theme bắt mắt hơn.

- Đúng đó anh cũng như L thôi vì là tay ngang không bài bản như họ và mình thì kiêm nhiệm luôn phối màu, bố cục . Còn người ta là 1 tập đoàn, cả 1 tập thể lớn và chuyên nghiệp, anh họa sỉ cho Apple chả biết 1 dòng code nào, cũng năm trong nhóm thiết kế sản phẩm
- Túm lại VN mình đa phần không chuyên và gần như làm việc độc lập trong thiết kết 1 sản phẩm, nhất là anh tự dộng hóa. Ôm nhiều việc nhất, tìm kiếm khách hàng, tìm hiểu thiết bị đa dạng các hảng, đụng gì phải kiêm đó, thiết kế HMI, giao diện, thiết kế cơ chế bắt tay điều khiển, thiết kế code PLC, ngoại vi, làm luôn tủ điện động lực, rồi tự đi training khách hàng, bảo hành ......
- Dài dòng quá, nên tham khảo từ 1 số máy zin họ bố cục và sắp xếp ra sao, màu sắc, không có thì giống như L để ý từ mấy giao diện phone, giao.
- Chém nhẹ lại rồi đó H
- Chúc thành công