开始动手前的纠结时刻
那天坐在电脑前面发呆,新搞的记账App想做个好看的“我的”页面,结果死活卡在工具选择上。我就是想找个顺手不折腾的,能在手机上点点画画就出效果的那种,别动不动就要我写代码。
第一步:直接跑去试水网上看了一堆推荐,头都大了。干脆直接上手装了几个,准备亲自踩坑。
- 第一个打开那个贼有名的,英文名老长的那个。界面花里胡哨,功能按钮密密麻麻,看得我眼晕。想拖个头像框,研究十分钟才找到地方,新手上路直接劝退。
- 不服气,换了个名字带“线框”俩字的国产货。这回倒是中文了,但点进去发现做个按钮还要自己调间距!我想要的是拖拖拽拽直接出效果大哥,这种细节调整留给美工不好吗?
柳暗花明找到宝
正烦躁,想起之前刷帖看到个小众的,图标长得像调色盘。反正都试了这么多了,不差这一个。
安装完一打开,哎哟呵?界面贼清爽!左边是素材库,啥头像框、卡片、按钮分类整整齐齐的,中间就是手机预览画面。
动手实测:
我想要做个带头像、昵称、会员标签和功能列表的页面。直接左手在素材区找到“个人信息栏”,右手拖到手机屏幕中间,咚的一声就吸上去了!然后双击“XXX的头像”几个字,改成自己的名字“抠门记账小能手”。接着在素材里扒拉出个“VIP小标签”,顺手贴名字旁边。
底下要放功能入口,找到“图标+文字”那个组件,直接拖进来四个。挨个点开,图标换成购物车、账单、设置和钱包图片,文字也改改。改完一瞅手机预览,哎妈呀整整齐齐!
惊喜彩蛋功能拖完后瞄到右上角有个“皮肤”按钮。点了一下,噌噌噌跳出十几种配色方案!选了个墨绿配金的,整个页面瞬间变成高端大气会员版,比自己瞎调色省事一百倍。
踩坑总结
折腾一天的心得就是:工具千万别贪大求全!花里胡哨的功能普通人根本用不上。用顺手的那个,就赢在三点:
- 素材够多够直接,不用自己画
- 中文界面看着不累心
- 拖来拖去像玩拼图,傻瓜操作
现在记账App那个“我的”页面做得贼有面子,重点是没掉一根头发!以后谁问我APP页面拿啥搞,我就把那个调色盘图标甩过去。亲测省时间不秃头,就这样。





