当前位置：工控论坛 > 产品 > 人机界面
首页 上一页 1 2 下一页 尾页

【赢百元京东卡】触摸屏的画面如何才能做得更简洁漂亮？ 点击：1280 | 回复：32



fighting2021

    
  • [管理员]
  • 精华：4帖
  • 求助：4帖
  • 帖子：1024帖 | 7244回
  • 年度积分：1290
  • 历史总积分：18898
  • 注册：2008年11月11日
发表于：2022-06-14 15:04:42
楼主

大家有没有过类似的经历，辛辛苦苦做出的项目触摸屏界面客户觉得太丑，不是他们想要的效果，完了开始翻来覆去的修改呢？

3b292df5e0fe9925223bc9e3e6afcad98db17158.jpeg

触摸屏界面不但要做的赏心悦目，并且还不能影响到操作，让大多数用户上手快，上电进入界面后，很快可以领悟设备的操作及参数设置。


有时候一个画面的好坏，真是没有对比就没有伤害，客户见识得少也就无所谓了，但如果有对比了，那就知道不一样了。同样的功能为什么不用一个养眼的界面呢？



大家在日常的工程项目中有哪些触摸屏界面的设计技巧呢？如何才能设计的更简洁漂亮？


另外大家有哪些优美的触摸屏项目界面呢，欢迎回帖讨论，晒图！


参与方式：

直接回帖参与

活动时间：

即日起至2022.6.30日止

活动奖品：

最佳参与奖  2名   奖励    100元京东卡

优秀参与奖：4名  奖励    50元京东卡

分享到：
收藏 邀请回答 回复楼主 举报


楼主最近还看过



太月星辰

  • 精华：0帖
  • 求助：1帖
  • 帖子：5帖 | 349回
  • 年度积分：583
  • 历史总积分：3218
  • 注册：2011年11月02日
发表于：2022-06-15 17:28:19
1楼

我这边是自给自足，自己造设备给自己生产线使用。所以弄成啥样是啥样，但是因为我都觉着原厂自带的各种图库奇丑无比，下面就是奇丑无比的项目之一的截图，左上角的logo选择了触摸屏的厂家的。

操作工只管使用，少有人对这个UI提出看法。但是我看不下了，太丑了！然后后面的项目中，有了下面的的新界面，虽然比不了专业UI，但是和之前的比，还是要简洁好看一些！


比不了别人的项目，只是分享一下，欢迎大家提出宝贵意见！

回复 引用 举报

sdlgzxb

  • 精华：0帖
  • 求助：2帖
  • 帖子：6帖 | 150回
  • 年度积分：96
  • 历史总积分：1352
  • 注册：2009年10月17日
发表于：2022-06-17 10:30:28
2楼

我用昆仑通态做的

还有开机动画

回复 引用 举报

Automation

  • 精华：0帖
  • 求助：0帖
  • 帖子：19帖 | 619回
  • 年度积分：91
  • 历史总积分：147000
  • 注册：2022年4月24日
发表于：2022-06-21 20:37:42
3楼

这是一个西门子HMI项目的HMI画面，可以用来参考，制作不同的项目，为了不断学习。主要优化布局设计，积累经验和技巧，实现更大的进步。

image.png

image.png

image.png

image.pngimage.png

image.png

回复 引用 举报

Enjinia

  • 精华：0帖
  • 求助：0帖
  • 帖子：13帖 | 52回
  • 年度积分：1193
  • 历史总积分：3580
  • 注册：2022年6月22日
发表于：2022-06-22 09:34:18
4楼

触摸屏（HMI）的基本功能是实现人机交互，是制造业中非标设备的标准配置。

界面显示直观，触控方便，提高附加值，提升产线效率。

画面布局，颜色搭配和控件运用因各厂家风格迥异；总体而言，功能上不亚于以下几点。

1.主画面能体现设备的生产信息和重要参数；

2.画面布局合理，符合常人操作习惯；

3.画面整体简洁，控件使用便于识别；

4.画面颜色搭配适中，避免误操作和视觉疲劳。

5.画面翻页逻辑简单，查找画面快速方便。

以下列举两家厂商：【主画面】【手动画面】和【马达监控】的画面，作对比。


设备为液晶面板行业<全自动偏贴机>,国内厂商使用的是基恩士，日系使用的是普洛菲斯。

1-国内



2-日系




回复 引用 举报

工控佬牛

  • 精华：2帖
  • 求助：1帖
  • 帖子：8帖 | 85回
  • 年度积分：209
  • 历史总积分：15198
  • 注册：2009年1月24日
发表于：2022-06-27 19:46:12
5楼

我做的驾驶舱模式的界面，有点花里胡哨，大家觉得如何。

回复 引用 举报

SUGAR202222022

  • 精华：0帖
  • 求助：0帖
  • 帖子：0帖 | 23回
  • 年度积分：0
  • 历史总积分：959
  • 注册：2012年9月26日
发表于：2022-06-14 15:18:13
6楼

找it做UI的做吧

回复 引用 举报

你猜你猜

  • 精华：0帖
  • 求助：0帖
  • 帖子：98帖 | 907回
  • 年度积分：94
  • 历史总积分：3423
  • 注册：2019年2月15日
发表于：2022-06-14 15:28:32
7楼

引用 "SUGAR202222022" 的回复，发表在1楼
        内容： 找it做UI的做吧

现实情况不允许呀


还得自己多琢磨，了解工艺流程，能自己绘图就更好了

回复 引用 举报

请叫我王老湿

  • [版主]
  • 精华：0帖
  • 求助：0帖
  • 帖子：622帖 | 8548回
  • 年度积分：24
  • 历史总积分：335295
  • 注册：2011年4月25日
发表于：2022-06-14 16:12:25
8楼

人机界面又称用户界面或用户界面，是人与计算机之间进行交流、信息交换和对话接口的媒介和界面，是计算机系统的重要组成部分。它是系统与用户之间进行交互和信息交换的媒介，实现了内部形式与人的可接受形式之间的转换。人机界面存在于人机交互的各个领域。

  1. 画面的纵横比（目前为4:3、16:9、16:10等）和显示终端的分辨率；

  2. 屏幕的总体色调一般不超过3，尽量使用不容易使眼睛疲劳的颜色，尽量避免红绿色盲和绿光容易误操作的颜色；

  3. 屏幕显示文字字体（包括所有语言文字），显示大小适中，位置适中，使一般信息简明扼要，重点信息突出；

  4. 为了实现不同图像之间的迁移，导航设计要注意科学性，需要符合监测监控设备和系统的专业需求和标准；

  5. 画面导航菜单或按钮应注意分级合理、布局合理、操作便捷性、切换高效性。






回复 引用 举报

victor329

  • [版主]
  • 精华：1帖
  • 求助：26帖
  • 帖子：241帖 | 2325回
  • 年度积分：8797
  • 历史总积分：85924
  • 注册：2008年5月16日
发表于：2022-06-14 16:23:16
9楼

截个图片参与一下：

一条饮料生产线的SCADA画面，整体颜色采用传统的工业灰，虽然色彩不是那么艳丽，但是经久耐看，不会产生视觉疲劳！

image.png

image.png

image.png

回复 引用 举报

李纯绪

  • [版主]
  • 精华：9帖
  • 求助：1帖
  • 帖子：123帖 | 8889回
  • 年度积分：4042
  • 历史总积分：88302
  • 注册：2006年10月09日
发表于：2022-06-14 21:51:41
10楼

分不清谁是甲方吗？做触摸屏画面时征求甲方意见，最好让他出方案、样式（有个图样或照片更好），优不优美、漂不漂亮不管，只有调试通过就行。

回复 引用 举报

victor329

  • [版主]
  • 精华：1帖
  • 求助：26帖
  • 帖子：241帖 | 2325回
  • 年度积分：8797
  • 历史总积分：85924
  • 注册：2008年5月16日
发表于：2022-06-14 23:01:45
11楼

一般客户刚开始都是无所谓，啥都行，能用就行！到最后就各种挑，各种想法，不是全部提出来的，而是像钝刀子剌肉，让你很难受，但还没办法拒绝！想想都是痛苦的经历！

回复 引用 举报

fighting2021

  • [管理员]
  • 精华：4帖
  • 求助：4帖
  • 帖子：1024帖 | 7244回
  • 年度积分：1290
  • 历史总积分：18898
  • 注册：2008年11月11日
发表于：2022-06-15 16:54:38
12楼

引用 "victor329" 的回复，发表在6楼
        内容： 一般客户刚开始都是无所谓，啥都行，能用就行！到最后就各种挑，各种想法，不是全部提出来的，而是像钝刀子剌肉，让你很难受，但还没办法拒绝！想想都是痛苦的经历！...

现实中真的就是这样，客户虐我千百遍我待客户如初恋
回复 引用 举报

fighting2021

  • [管理员]
  • 精华：4帖
  • 求助：4帖
  • 帖子：1024帖 | 7244回
  • 年度积分：1290
  • 历史总积分：18898
  • 注册：2008年11月11日
发表于：2022-06-16 15:31:32
13楼

"太月星辰" 的回复，发表在8楼
        对内容： 【我这边是自给自足，自己造设备给自己生产线使用。所以弄成啥样是啥样，但是因为我都觉着原厂自带的各种图库奇丑无比，下面就是奇丑无比的项目之一的截图，左上角的logo选择了触摸屏的厂家的。操作工只管使用，少...】进行回复：

        -----------------------------------------------------------------


背景是不是客户都喜欢用自己的企业色

回复 引用 举报

幽人生一默

  • 精华：0帖
  • 求助：0帖
  • 帖子：2帖 | 12回
  • 年度积分：14
  • 历史总积分：256
  • 注册：2021年12月14日
发表于：2022-06-16 15:56:10
14楼

背景使用自己定做的图片。按钮调成透明的，后面插入定做的图片，或者直接用图片做按钮，反正就是能用图片代替的，都用图片，这样做出来什么样子完全取决你的美工水平。blob.png

回复 引用 举报

太月星辰

  • 精华：0帖
  • 求助：1帖
  • 帖子：5帖 | 349回
  • 年度积分：583
  • 历史总积分：3218
  • 注册：2011年11月02日
发表于：2022-06-16 16:48:16
15楼

"fighting2021" 的回复，发表在9楼
        对内容： 【"太月星辰" 的回复，发表在8楼        对内容： 【我这边是自给自足，自己造设备给自己生产线使用。所以弄成啥样是啥样，但是因为我都觉着原厂自带的各种图库奇丑无比，下面就是奇丑无比的项目之一的截...】进行回复：

        -----------------------------------------------------------------


简洁、美观是首要考虑的。企业对于这一块没有相关规范和参考标准，只要设备能用、不出安全事故，夸张点说屏上画个狗都没人说你

回复 引用 举报

郭冬冬

  • 精华：0帖
  • 求助：0帖
  • 帖子：19帖 | 619回
  • 年度积分：91
  • 历史总积分：147000
  • 注册：2022年4月24日
发表于：2022-06-16 17:13:48
16楼

我觉得HNI设计合适最重要，在追求实用，设计合理情况下，在追求画面的质量。这需要积累经验，每个项目不一样。里面的元素和布局也有很大不同。最好找一些模板参考一下，学习一些优秀的设计方法和思路才是关键。

回复 引用 举报

郭冬冬

  • 精华：0帖
  • 求助：0帖
  • 帖子：19帖 | 619回
  • 年度积分：91
  • 历史总积分：147000
  • 注册：2022年4月24日
发表于：2022-06-17 06:54:01
17楼

HMI设计因地制宜，灵活设计。才是做项目的关键。不是最好看的就是是最完美的。最合适的，最符合客户习惯，才是最为关键的。

回复 引用 举报

夜雨逍遥

  • 精华：0帖
  • 求助：0帖
  • 帖子：1帖 | 83回
  • 年度积分：0
  • 历史总积分：482
  • 注册：2015年7月27日
发表于：2022-06-17 08:56:03
18楼

把设备布置图放上面，对应的元件做出来相应的切换

回复 引用 举报

fighting2021

  • [管理员]
  • 精华：4帖
  • 求助：4帖
  • 帖子：1024帖 | 7244回
  • 年度积分：1290
  • 历史总积分：18898
  • 注册：2008年11月11日
发表于：2022-06-17 08:59:26
19楼

引用 "太月星辰" 的回复，发表在11楼
        内容： "fighting2021" 的回复，发表在9楼        对内容： 【"太月星辰" 的回复，发表在8楼        对内容： 【我这边是自给自足，自己造设备给自己生产线使用。所以弄成啥样是啥样...

哈哈
回复 引用 举报

fighting2021

  • [管理员]
  • 精华：4帖
  • 求助：4帖
  • 帖子：1024帖 | 7244回
  • 年度积分：1290
  • 历史总积分：18898
  • 注册：2008年11月11日
发表于：2022-06-17 13:19:05
20楼

"sdlgzxb" 的回复，发表在16楼
        对内容： 【我用昆仑通态做的还有开机动画】进行回复：

        -----------------------------------------------------------------


学习啦，厉害

回复 引用 举报

热门招聘
相关主题

官方公众号
智造工程师
    首页 上一页 1 2 下一页 尾页