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

[dohung]

Phối hợp màu sắc trong hệ SCADA - HMI rất quan trọng. Nó không quyết được hệ thống chạy hay không, mà nó thể hiện sự chuyên nghiệp của hệ thống SCADA do người thiết kế. Và nói thật, mình còn rất gà trong cái này, chưa tìm ra 1 cái gọi là quy tắc chung nhất khi thiết kế.
Mọi người ai có kinh nghiệm hay tài liệu quy chuẩn nào của nước ngoài thì thảo luận và chia sẻ nha.

[chauvinhloi]

Hihi, cái này còn tùy nữa anh, không thể đặt ra chuẩn chung được. Bởi vì giao diện của một hệ thống phụ thuộc vào rất nhiều thứ. Trước hết là người thiết kế, mỗi người có một phong cách riêng không ai giống ai được. Tiếp theo là công ty yêu cầu thiết kế, phải dựa vào đặt điểm của công ty, đặt điểm của dự án đang thực hiện, hay yêu cầu của công ty. Một yếu tố khác cũng ảnh hưởng đến việc thiết kế là quy trình của hệ thống, chính quy trình này sẽ giúp chúng ta có được bố cục hợp lý khi thiết kế. Làm nhiều thì anh sẽ tự rút ra được cách thiết kế của riêng mình, như vậy sẽ tạo nên đặc trưng riêng của anh, tạo nên sự chuyên nghiệp.
Chính xác sự chuyên nghiệp trong thiết kế là cái mà chúng ta vẫn còn thiếu.

[aubaoquoc]

1/ Thiết kế cho bên Châu Âu hay Mỹ thì họ chuộng gam màu lạnh , chuyển tông màu nhe nhàng. Bằng chứng là những tấm hình gời từ nước ngoài bên đó về nhìn nó không sặc sỡ và tươi. Đi xem các TV LCD xuất xứ ở đó thì màu sắc rất lạt , độ tương phản nhẹ
2/ Thiết kế cho Châu Á thì thường gam màu nóng, tươi sáng, độ tương phản rực rỡ. Bằng chứng các TV LCD của Sony và nhất là Sangsung màu rất bắt mắt, tương phản tăng hết ga. VN mình nhìn là mua ngay.
- Tham khảo gam màu

- Nhưng cũng không nhất thiết và cứng nhắc dùng toàn màu lạnh, thí dụ theo trường phải màu lạnh vậy làm sao hiển thị đèn màu đỏ hay cảnh báo màu vàng. Cái này chắc thiên về khiếu thẩm mỹ nữa. Rồi bố cục các thiết bị hợp lý, hợp nhản. Thông thường ngoài yếu tố kỹ thuật còn 1 yếu tố rất là quan trọng là giao diện bắt mắt sao cho chuyên nghiệp. Bạn đưa ra 1 đề tài rất hợp lý
- Thân chào

[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

[aubaoquoc]

- Đóng góp ý kiến nho nhỏ cùng thào luận chơi, có quá thì nói nhe.
1/ Đã hiển thị ngày tháng rồi thì bỏ chữ DAY-TIME
2/ STORAGE SILOS YSYTEM, là cái title cho biết tiên đề, nên để trên cùng trong 1 khung và bao trùm những menu: HOME. MENU, SETTING, LOGIN, ALARM, HELP....
3/ EMMERGENCY STOP hơi dư chữ STOP, và thay vào chỗ BẢNG ĐIỂU KHIỂN, cho dể nhìn, và chuyển sang màu đỏ hoặc vàng. Chú ý thêm vì EMMERGENCY là mốt chức năng dừng khẩn cấp nên khi thiết kế panel điều khiển thì nên làm 1 nút bấm chuyên cho nó, để sự cố xảy ra thì DỂ DÀNG nhấn vào nút khẩn cấp (thường là bị cho 1 chưởng stop all, nên thường nút này nó to đùng)
4/ Chưa hiểu EXIT cái gì? LOGOFF cái gỉ? USER LOGIN? Theo mình đoán là tên người hoặc ID log? thời gian log? vào out khỏi login? Mấy cái đó nhốt vào menu LOGIN cho gọn và thời gian login được set auto sau 5 phút chẳng hạn là tự nó out, off máy cũng tự out?
5/ Chổ trống dưới cùng thường mình làm 1 hàng alarm trạng thái thông báo rất chi tiết quá trình chạy hệ thống run1, run2...load...chain
6/ Phối màu thấy bell2, bell3 lại trùng màu nền menu vào chọi màu sao đó? chơi màu khác?
7/ Nếu thiết kế trên HMI 16 màu thì chịu, 256 màu? . Còn thiết kế trên PC LCD màn hình lớn thì nền màu thì cho màu xám nhẹ
- Chúc thành công

[dohung]

Cảm ơn anh aubaoquoc.
Em trả lời thắc mắc của anh.
4: Nút EXIT dùng để thoát khỏi chế độ hoạt động runtime trên mấy tính hay ngoài màn hình, bởi nếu chạy trên máy tính thì sẽ khóa tất cả các phím nóng như Windown, Ctrl ALT Del... Chỉ có 1 cách thoát hệ thống mới vô windown đuợc. Tuơng tự nếu chạy trên Panel cũng thế. Nên mới có nút Exit.
Tuơng tự , nut LOGOFF để user thoát khoải hệ thống, chỉ khi đăng nhập mới truy xuất hệ thống đuợc.
Nhãn User Login để hiển thị user nào đang đăng nhập hệ thống, là admin hay operator.
5:Thay vì anh để nút báo trạng thái các thiết bị, thì em đã hiển thị trạng thái tất cả các motor, limitswitd trong bồn, băng tải, nên em dùng hiển thị alarm ở ngay phía duới thay cho báo trạng thái mà anh nói.
Em cảm ơn ý kiến đóng góp của anh.

- Đóng góp ý kiến nho nhỏ cùng thào luận chơi, có quá thì nói nhe.
1/ Đã hiển thị ngày tháng rồi thì bỏ chữ DAY-TIME
2/ STORAGE SILOS YSYTEM, là cái title cho biết tiên đề, nên để trên cùng trong 1 khung và bao trùm những menu: HOME. MENU, SETTING, LOGIN, ALARM, HELP....
3/ EMMERGENCY STOP hơi dư chữ STOP, và thay vào chỗ BẢNG ĐIỂU KHIỂN, cho dể nhìn, và chuyển sang màu đỏ hoặc vàng. Chú ý thêm vì EMMERGENCY là mốt chức năng dừng khẩn cấp nên khi thiết kế panel điều khiển thì nên làm 1 nút bấm chuyên cho nó, để sự cố xảy ra thì DỂ DÀNG nhấn vào nút khẩn cấp (thường là bị cho 1 chưởng stop all, nên thường nút này nó to đùng)
4/ Chưa hiểu EXIT cái gì? LOGOFF cái gỉ? USER LOGIN? Theo mình đoán là tên người hoặc ID log? thời gian log? vào out khỏi login? Mấy cái đó nhốt vào menu LOGIN cho gọn và thời gian login được set auto sau 5 phút chẳng hạn là tự nó out, off máy cũng tự out?
5/ Chổ trống dưới cùng thường mình làm 1 hàng alarm trạng thái thông báo rất chi tiết quá trình chạy hệ thống run1, run2...load...chain
6/ Phối màu thấy bell2, bell3 lại trùng màu nền menu vào chọi màu sao đó? chơi màu khác?
7/ Nếu thiết kế trên HMI 16 màu thì chịu, 256 màu? . Còn thiết kế trên PC LCD màn hình lớn thì nền màu thì cho màu xám nhẹ
- Chúc thành công

[ncrazy]

^_^ cái này làm rối, không đẹp, thông tin không có gì chỉ toàn hình vẽ hệ thống và nếu có thì thêm 1 số trạng thái valve mô tơ
Anh góp ý thế này nhá: trang chính là trang hiển thị thường trực trên màn hình nên hiển thị tối đa các thông tin cần giám sát và các chức năng điều khiển cần thiết, các hình ảnh tĩnh như xilo, tank, băng tải không cần thiết thì nên làm cho đơn giản hơn (băng tải em làm to quá không đẹp nó choáng hết không gian của các phần khác,) nếu cần xem sơ đồ tổng thể thì thêm trang overview là dc
Màu sắc thì thông thường anh xem các hệ thống có sẵn của nhà máy rồi phối màu giống như vậy, để nhân viên vận hành dễ dàng làm quen với hệ thống mới
Còn 1 góp ý nữa là các bạn trên diễn đàn hay hỏi cách làm cho băng tải chạy chạy, ^_^ nói thật anh chưa từng làm băng tải chạy bao giờ, đối với anh cái chạy chạy trên màn hình là cái cảnh báo thôi

[dohung]

Cảm ơn anh ncrazy.
Trạng thái thiết bị, bao gồm đang chạy, bị lỗi, đang dừng sẽ đuợc hiển thị khi hệ thống hoạt động. Có lẻ em phối màu không tốt và kích thuớc cũng không hợp lí. Em sẽ sửa lại. Cảm ơn anh nhiều.

^_^ cái này làm rối, không đẹp, thông tin không có gì chỉ toàn hình vẽ hệ thống và nếu có thì thêm 1 số trạng thái valve mô tơ
Anh góp ý thế này nhá: trang chính là trang hiển thị thường trực trên màn hình nên hiển thị tối đa các thông tin cần giám sát và các chức năng điều khiển cần thiết, các hình ảnh tĩnh như xilo, tank, băng tải không cần thiết thì nên làm cho đơn giản hơn (băng tải em làm to quá không đẹp nó choáng hết không gian của các phần khác,) nếu cần xem sơ đồ tổng thể thì thêm trang overview là dc
Màu sắc thì thông thường anh xem các hệ thống có sẵn của nhà máy rồi phối màu giống như vậy, để nhân viên vận hành dễ dàng làm quen với hệ thống mới
Còn 1 góp ý nữa là các bạn trên diễn đàn hay hỏi cách làm cho băng tải chạy chạy, ^_^ nói thật anh chưa từng làm băng tải chạy bao giờ, đối với anh cái chạy chạy trên màn hình là cái cảnh báo thôi