上app页面设计网必学3招 轻松打造专业级界面

早上刷手机看见别人家的app界面那叫一个高级，回头瞅瞅自己搞的摄影分享网站，跟个毛坯房似的。干脆撸起袖子改版，上网扒了篇干货就开干。

第一招差点让我砸平板

文章说先画线框别急着上色，我寻思这还不简单？打开设计软件咔咔整了十几个灰框框。结果排列时发现按钮大的大小的小，手机上一看压根没法点。气得我原地转了三圈，把娃的方格作业本撕了张纸，捏着铅笔蹲地上重新画。纸片排了又排，突然发现把拍照按钮塞右下角最顺手——大拇指一伸就够着！

• 血泪经验：先在纸上用方框圆圈模拟布局
• 邪门发现：蹲厕所时画的草图反而最合理

顺手偷了媳妇的化妆盘

到配色环节彻底抓瞎。那篇教程甩出个"黄金配色公式"，我对着显示器调了三小时饱和度，屏幕都快戳穿了也没调出高级感。正烦躁，媳妇的圣诞限量眼影盘在茶几上反光。鬼使神差抓过来照抄，香槟金当背景，酒红做按钮，还蹭了点珠光粉当高光。晚上拿给做美甲的表妹看，她张口就问："你这界面能预约美甲不？"

第二天买菜被卖豆腐的大妈拉住："小伙子脸色这么差？"我哭丧着脸说熬夜做设计，她指着我衣领说："你这红配金跟咱庙里菩萨似的，多亮堂！"醍醐灌顶冲回家把字体全换成菩萨金。

动效差点闪瞎眼

搞图片切换效果，教程视频里丝滑得跟德芙似的。我照着参数设完预览，图片转场快得像是有人抢我手机。正想骂街时儿子玩蹦床摔了，哭着说屁股疼。抱着他揉伤突然想到：动画速度不就该跟揉淤青似的？要缓着来！回去把参数砍掉七成。效果慢下来反而显得贵了。

• 意外收获：把转场速度从0.3秒改到0.8秒
• 偷师对象：公园打太极的老爷子

折腾到后半夜终于搞完，拿旧版对比像换了个人做的。今早收快递时让快递小哥扫个码测试，他划拉两下说："你们公司页面真体面。"我蹲门口笑得像捡了钱——就用了灰盒子、菩萨色、揉屁股速度这三招。