那天闲着没事,突然想给自己整个个人主页。看着别人酷炫的界面,心痒痒的,说干就干!
从完全抓瞎开始
打开设计软件直接懵圈了,空荡荡的画布上就一个鼠标指针在闪。心想着要放啥?头像肯定得有,又琢磨着写段自我介绍。
掏出手机扒拉半天相册,挑了张戴墨镜的自拍当头像。文案憋了半小时,删了写写了删,结果只憋出两句话:"爱撸代码的打工人,偶尔拍点烂照片"。行,先这么着!
撞上颜色大坑
选配色时才真要命:
- 试过骚紫色配荧光绿,打开瞬间眼瞎
- 换成全黑背景像黑客,老妈说像墓碑
- 偷懒扒了张日落图当背景,结果文字根本看不清
气得直接放弃治疗,从壁纸里吸了个浅蓝色当底色,文字统一用深灰色。别说,看着居然最顺眼。
排版鬼打墙
最抓狂的是内容布局:
- 头像怼左上角,联系方式塞右下角,中间大片空白像没交房租
- 把所有内容堆在正中央,挤得像个煎饼果子
- 想学别人加个侧边栏,结果按钮跑出屏幕外
干脆掏出手机把三十几个APP首页截屏打印,趴在茶几上研究。发现有个规律:重要内容都在屏幕上半截。重新把头像和简介往上提了20%,下面塞作品集,瞬间顺眼多了。
上架前的鸡飞狗跳
准备传网站前心血来潮,用不同手机看效果:
- 在老妈旧手机上文字叠成俄罗斯方块
- 平板电脑上图片拉伸成哈哈镜
- 电脑浏览器里某个按钮离家出走
连夜把所有尺寸改成百分比,图片换成能自动缩放的格式。折腾到凌晨三点,终于能在各种设备上看了。
几个救命经验:
- 颜色别超过三种,多了像马戏团
- 文字和背景对比不强烈就加阴影,亲测有效
- 移动端排版先用手机画草图,比电脑靠谱
- 千万别塞满整个屏幕,留白才显高级
现在主页虽然还是简陋,至少能见人了。回头看看第一版设计稿,丑得想销毁证据。做设计就是不断试错的过程!





