开始捣鼓Windows界面设计
最近,我手头有个活儿,是给公司做个简易的记账软件,得在Windows上跑。一开头,我啥都不懂,就知道Windows界面得好看又好用。可打开电脑,装了个免费设计工具,界面空空荡荡的,跟白纸似的,心里头直犯嘀咕。
先动手画草图,我用鼠标瞎拖控件,按钮乱放,颜色胡调,搞得整个画面乱七八糟。朋友来看了一眼,说:“你这啥玩意儿,太乱了!”我挠挠头,索性删了从头来。
第一步:搞点简单布局
我从朋友那儿听说,要界面清爽,别塞太多东西。就琢磨着,只留最必要的:顶头放个标题栏,中间搞表格放数据,底下加一排按钮。用工具拖出文本框、列表和几个按钮,全给排整齐点儿。试了试,这下看着舒服多了,用户扫一眼就懂在哪点哪儿。
技巧一:少塞点玩意儿,关键地方摆顺溜第二步:学用通用控件
我试了各种控件组合。比方说,表格用现成的ListView,按钮用Button控件,这玩意儿Windows自带,用户都习惯摸了。我加了个“保存”按钮,点下去弹出个小提示,别让用户猜来猜去。跑起来挺顺,省了我瞎整别的花花架子。
技巧二:偷懒用常见控件,别搞新花样第三步:统一颜色和字体
颜色这块,我可吃过亏!头一回试,红色按钮这儿、蓝色文字那儿,拼一块儿像打翻颜料盘。后来我定了方案:整个软件只用蓝白灰三种色,按钮都用蓝色,文字统一宋体加粗。工具里选好配色参数,复制粘贴一遍搞定。再预览下,连我妈都说看着不晕乎了。
技巧三:颜色字体别变来变去,一套玩到底第四步:加点响应反馈
做到一半,我琢磨得让用户知道点哪儿有用。就在按钮上加了个效果:鼠标移到按钮上,颜色变亮点儿;点下去后,按钮稍微下压一下,再弹回来。工具配置这些参数很简单,几秒搞定。测试了下,反应快得像闪电,用户肯定不被卡住。
技巧四:反馈做快点,鼠标一碰就告诉用户干啥第五步:多设备试试水
一步,我可不敢马虎。拿出家里旧电脑、新电脑全跑一遍。界面大小变了?我提前设好自适应,布局自动调整别乱跑。找同事帮忙在台式机和笔记本都点一点,结果人家反应流畅没死机。这技巧太关键,省得用户抱怨破机器卡死了。
技巧五:大小屏都兼容别只在一台机瞎搞搞定后的乐子事儿
折腾完界面,我把它打包发给老板看。他点了点按钮,竖个大拇指说:“跟原装系统似的,舒服!”可那天回家路上,邻居小伙看我弄这软件,直接问:“哥,教教我呗,我也想设计一个。”我哈哈笑,拉他一块儿坐电脑前,一步步演示这五个技巧,从头拖拽到测试,结果他半个钟头就弄出个小计算器界面。现在想起来,这些招儿真不难,关键得动手练。要是光看书不实干,跟纸上谈兵没两样。
Windows设计就这么回事儿:从零开始画、加控件、调颜色、搞反馈、试兼容,用好这五招儿,界面自然流畅不翻车。记住,别想太多——开干就是了!





