上礼拜接了个私活儿，甲方非要我做个产品展示页面。我寻思都2025年了，该整点像样的门面了，干脆从头捋一遍UI设计的流程。直接打开笔记本就开始干，记录都在这儿了。
第一步：抓支破笔瞎划拉
我翻出吃灰的网格本，先画了七八个歪歪扭扭的方块。左边塞个导航条，右上角怼个搜索框，中间留了大片空白准备放产品图。划到本子边角突然想起：手机用户也得能看清字！赶紧在手机框里把导航栏改成汉堡图标，搜索框缩成个小放大镜。
第二步：找参考图抄作业
翻开收藏夹里三十多个设计网站，发现有个家具店的页面特顺眼。立刻截图拼到Ps里，把人家配色扒了个底朝天：米白当背景，深胡桃木色作标题，金铜色按钮点睛。顺手抄了字体组合——英文用无衬线体配宋体中文，实测确实不辣眼睛。
第三步：开Figma画框框
新建画布拖出个1200px的框当电脑版，底下叠了个375px的手机版。把笔记本上的鬼画符复刻成灰色线框：
- 顶部死活塞不下甲方六个菜单项，砍掉俩合并成"产品家族"
- 主图区域被客户要求加动态效果，随手拽了个图片轮播组件
- 发现按钮太大挤占空间，调小后立刻多出两行文字位
第四步：填色加料撒葱花
线框描完直接倒配色，主按钮调成铜金色时候手抖加太多阴影，活像块烤糊的月饼。又试了三种方案：
- 浅金色配白字——阳光下根本看不见字
- 深棕配金字——老板说像巧克力包装
- 用了哑光金配黑字，总算没人挑刺
图标库扒拉半小时，发现购物车图标长得像收废品的推车，自己拿钢笔工具硬改了俩锚点。
第五步：抓同事当小白鼠
把设计稿发到工作群，前脚刚发完就后悔。果然运营小妹发来截图画红圈："付款按钮怎么藏在脚注里？" 连夜把按钮提到产品图右边，结果测试组胖子点错三次："这金疙瘩和背景色太像！"给按钮加了深色边框才消停。
今早交稿时甲方盯着手机版问："汉堡菜单里能不能加个动画？"我反手调出组件库里的弹跳效果，三秒改完收工。这玩意儿真不必想太复杂，多找人看两眼，少加班两小时。
