熟悉我的朋友都知道,这些年,我用MATLAB写过的大大小小的GUI工具,不下一百个。

江苏快3官网其中有自己用的,也有通过百度云分享给大家用的,还有在公司内部用的。

其实,对于GUI开发者来说,最头疼的,肯定不是功能算法的实现,而是自己写的GUI工具要开放给别人使用。

江苏快3官网分享给别人使用,就意味着,人人都将会是这款工具的产品经理。你会收到永无止尽的“建议”:

“我按这个按钮,为什么会报错,你的工具怎么不考虑这种情况”

江苏快3官网“你这个返回按钮怎么放右边,你见过哪个App的返回放右边的?”

“你能不能帮我加个类似于格式刷的按钮,每次点,好累”

江苏快3官网无数次,我内心OS + 翻白眼

“妈卖批,我真特么是闲的,秀什么工具,留着自己用不就行了”

江苏快3官网不过,这么多年来,我GUI开发技术开始突飞猛进,也正是从工具分享开始的。

江苏快3官网早些年写过的工具,虽然功能上很给力,可是界面也实在丑的没法描述。

有给电池系统开发的参数计算工具

有自己造轮子写的录屏工具

还有开发的扫描工具。不服扫描王的会员去水印,是我作为程序员最后的倔强!

那么,今天我就来总结一下,这些年来,我常用的几种方式来包装自己的GUI工具。

前阵子,我老板让我把HaoFind在组里推广一下。于是,我打算,把HaoFind做得稍微国际化一些。

在我研究了将近一个小时的Google的Logo之后,我决定要给我的工具加一个特有逼格的开机动画,最好是能让人虎躯一震的那种!

好吧......虽然看起来确实有些山寨,不过每次我在用HaoFind看到开机动画的时候,心情还是蛮好的

江苏快3官网从以前的工具界面上看,觉得那时候的界面设计很不美观的其中一个原因是,满屏幕都是冷冰冰的按钮。

江苏快3官网所以,在之后的GUI开发过程中,我通常不会把所有按钮都集中在同一层界面上,会根据调用的先后顺序,进行划分。

同样,在界面的设计上,会增加一些图形与色彩的元素。

举一个HaoTemplate的例子

除了按钮功能的划分之外,在按钮的定义上,我也不再只是简单的通过按钮与单词的组合来定义了,而是用一个个图标来代替。当然,这里需要注意的是,图标背后所对应的用户习惯与刻板印象。

这类的图标很多,也很常见,你可以比较各个App,在其中,很多按钮都会有同样或类似的图标,比如返回按钮,添加照片按钮,等等。

还是举HaoTemplate的例子

因为这是一款针对Excel生成模板脚本的工具,所以其中大部分的按钮,我都不需要通过定义名字,而是直接加入图标就行。甚至有时候,英文版Excel用不习惯的朋友,反而认不得Merge是什么意思,相反,看一眼图标就知道对应的功能了。

江苏快3官网在我开发GUI工具的后几年,我在研究用户友好度所花的时间,丝毫不亚于本身算法功能开发。

江苏快3官网一个蛮深刻的例子是,曾经有一段时间,我一直在思考,怎么让用户一下子就明白,这个编辑栏是干什么用的,应该输入写什么,但是又不会额外费劲去删掉这些提示词。

后来,我在有道词典上找到了答案。

江苏快3官网同样,我把这个小细节,几乎运用到了大部分的工具中,举个HaoModelling的例子

最后再举一个关于用户友好度的例子,关于曾经我模仿过老罗的锤子手机里的一项功能,叫做大爆炸。大爆炸的功能体现是,长按一段话,一段话就会按照词组拆分开,方便后续的选择,复制,或再编辑。

我觉得,这个功能实在是太适合我的AutoSAR缩写词典了,于是就把功能加入了HaoNaming中。

以上,就是关于我对GUI工具界面设计的一些分享,虽然我并不是设计专业出身,不过这是我在很长一段时间里 ,通过自己的学习,理解,模仿然后到最后的总结。希望对大家的GUI开发有所帮助。

江苏快3官网同时,我还想分享的是,像我这样本职工作并不是工具开发或者是设计方面的朋友,平时没有机会得到专业的指导,其实可以多加留意生活中经常使用的软件和App,它们的成功与普及不无道理,最起码,在用户友好度和界面设计上,还是很值得我们学习与模仿的。

江苏快3官网最后,介绍一下最近我举办的一个关于MATLAB GUI的实战训练营。今天所分享的内容,也将会是这个训练营之后的练习题。

这个训练营很有意思,虽说是我举办的,但是我不提供任何代码,每期任务结束也没有任何答案。

江苏快3官网而我在其中要做的,就是掌握进度,确定下阶段要掌握的技能,以及Review结果。

目前看来,实战训练营的效果还是很不错的。同时,我打算在结束这次GUI实战训练营之后,将会陆续开展<提高工作效率的训练>,<Simulink入门训练>等等。