焦点合安监控系统PC软件设计

用户头像
成都/UI设计师/2年前/78浏览
焦点合安监控系统PC软件设计
一个成都本地的客户需求,甲方需要一个监控危险易爆物品的监控软件,能对监控器进行管理和查看,并附带一些监控器远程操作,今天将这个项目放出来是想给各位同学提供一下PC软件的设计思路和注意事项。
监控系统全局DEMO这里给大家一个全局的样式供查看。
焦点合安监控系统PC软件设计(图ZMzUyMzgyNzQw) - 软件界面 - 站酷设计师ciqingyijiu1314原创素材 - 站酷ZCOOL
全尺寸为1920,兼容最小PC尺寸适配

因为我们的开发团队技术都是老司机了,所以这次在开发环节少走了很多弯路,设计桌面软件的切图远比APP要轻松太多,你们只要照着你设计出来的icon来切图就OK,标注的话就以最小窗口化来标注,如果产品过程中遇着加载动效,建议直接AE撸GIF,WPF框架是支持直接加载GIF的,我们整个软件用C#语言完成,因为现在WPF这个框架已经比较成熟,我感觉PC设计火起来指日可待。
收藏
焦点合安监控系统PC软件设计(图ZMzUyMzgyNzA0) - 软件界面 - 站酷设计师ciqingyijiu1314原创素材 - 站酷ZCOOL
PC登录窗口

一个产品肯定离不开一套设计规范,我们从登录注册界面开始,首先整个软件的主色调是天蓝色,定好主色调之后,我就可以开干了。

登录窗口扩展—因为登录的方式和连接的IP需要各种不同的参数,所以登录界面有动态的扩展设置效果,在这个登录界面之后便是我们的加载动效界面

登录加载界面—这个界面的设计是因为在登录过程中可能会有长时间等待的情况出现,这个网络电脑有关,为了避免用户在使用的时候枯燥所以设计了 这么一个界面,它还有一个作用就是提示当前进度情况,排除是不是电脑顿卡或者电脑卡死的情况,因为我们在使用一个软件的时候,有时候等的时间很长明明是电脑卡死了,但我们还以为是在软件启动中,这造成了我们浪费过多的等待时间,而有这个loading界面的存在则可以表现是软件是否正常启动。
收藏
焦点合安监控系统PC软件设计(图ZMzUyMzgyNzA4) - 软件界面 - 站酷设计师ciqingyijiu1314原创素材 - 站酷ZCOOL
收藏
焦点合安监控系统PC软件设计(图ZMzUyMzgyNzEy) - 软件界面 - 站酷设计师ciqingyijiu1314原创素材 - 站酷ZCOOL
收藏
焦点合安监控系统PC软件设计(图ZMzUyMzgyNzM2) - 软件界面 - 站酷设计师ciqingyijiu1314原创素材 - 站酷ZCOOL
监控软件主界面—成功登陆过后这就是主界面了,从主界面能我们能看到 大部分应用功能和设计布局,在这个界面我们要关注的是,任何一个PC软件的设计 图标和状态都有4种交互行为分别为:可用、禁用、选中、点击,所以需要对这些功能项的图标和状态进行4种设计。
收藏
焦点合安监控系统PC软件设计(图ZMzUyMzgyNzE2) - 软件界面 - 站酷设计师ciqingyijiu1314原创素材 - 站酷ZCOOL
PC端软件设计还有一个需要同学们注意的就是,全屏尺寸和窗口尺寸,所以市面上的PC软件没有统一的尺寸规范,这导致让我这个菜鸟绕了很多的弯路,比如我天真的以为桌面软件和Web设计一样,就设计一个全屏的尺寸就好(小Tips:一般网页设计的尺寸是1920x1080)现在回忆起来我真的是Too young Too simple。当我以全屏的思路去设计这款软件时,整个软件根本没法直视。在开始设计之前,我要给大家几点建议,第一,要和开发定好最小窗口尺寸,就拿我做的这个产品来说,我们设置的最小窗口尺寸为1300x750。因为你只有定好最小窗口后,设计才好进行,开发的同学也才能去做适配。定好最小窗口后,我们就可以开始设计整体的框架了。
收藏
0
举报
|
收藏
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
蓝色透明文件夹图标设计
蓝色科技感检查清单界面
三维手机应用软件界面图标立体化
科技感软件升级提示
蓝色科技图表数据展示
蓝色红色文件夹置于透明底座
B端2.5D插画
未来科技界面插画
科技感十足的音乐作曲软件界面
IP形象插画设计
绘图软件界面中的菠萝插画
智能手表插画
唯美系插画
蓝色日历图标悬浮展示
科技感软件升级提示
科技感软件升级提示
基斯·哈林风格的乐器贴图
图片编辑界面截图主题
人物图标设计
炫彩渐变风格的 APP 图标素材
软件界面工具栏主题
视频编辑软件界面
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册