早上打开电脑盯着空白页发愣,单页设计这玩意儿看着简单,做起来贼容易翻车。上回做的产品介绍页被同事吐槽像九十年代宣传单,这回非得整好看点不可。
第一步:先拿纸笔乱涂乱画
抓了张A4纸就开始画框框,标题该放哪儿?按钮要多大?图片位置怎么摆?画了五六个版本都不满意,纸上全是橡皮擦的黑坨坨。突然想起老刘说过工具上手比空想强,立马扔了铅笔开电脑。
第二步:试水在线设计工具
想起之前收藏过几个网页工具,挑了个名字顺眼的打开:
- 拖组件跟玩积木似的:左边拽个标题框,右边丢个图片框,两分钟搭出骨架
- 配色当场犯选择困难症:预设的渐变色卡挨个点过去,薄荷绿配香芋紫居然不丑
- 字体组合直接套现成模板:标题用粗黑体,正文换细圆体,间距自动调好了
手抖导错图差点白干,幸好历史版本能回溯到十分钟前,救回一条狗命。
第三步:搬出本地老伙计
网页版用着总怕卡崩,又开了桌面的老牌设计软件:
- 参考线拉得飞起:按住alt键拖辅助线,图片边缘咔咔对齐
- 阴影玩出立体感:给按钮加了0.5像素柔边阴影,立马从纸片变凸起
- 响应式查看逼死强迫症:手机预览时标题折行,电脑上看图片又太挤,来回调了八遍
发现个神器——自动吸色插件,截图扔进去直接生成配色方案,连LOGO里的藏青色都给扒出来了。
关头调细节
眼看大功告成,突然发现:
- 手机端按钮太小戳不准,指头面积预留区扩大到48像素
- 深色模式文字融进背景,连夜追加浅色版本
- 加载动画藏彩蛋——进度条跑到头弹个小爱心
咖啡喝光三杯终于导出成品,手机电脑轮流戳着检查,这回总算没人说像村口电线杆广告了!
等等我好像漏说了是字号!正文永远不小于16像素,上次用12号字被客户骂"想让人瞎"这事我能记十年...





