上周我连个像样的个人网页都整不出来
之前我的个人主页丑得自己都不想看,就几段字几张图硬邦邦地堆在那儿。想搞点高级感完全无从下手,急得我直挠头。
硬着头皮开始折腾
先找了个免费建站工具,上来就犯了大忌:啥都想往上堆。自我介绍、作品集、兴趣爱好、联系方式...全挤在一个页面,加载慢得像蜗牛,自己看着都晕。后来才懂,新手真该学我这样:
- 把手机掏出来,打开备忘录,一条条列清楚自己最想让别人知道的信息
- 只挑最重要的三点,比如名字、职业、代表作
- 其他乱七八糟的,全部塞进二级页面
配色差点把我整瞎
一开始沉迷彩虹色系,背景整了个骚紫色,标题又来个荧光绿,自己点开链接都被闪瞎。后来找了个配色工具,才发现秘诀贼简单:
- 主颜色只用一种,我选了藏青色
- 工具自动生成浅蓝和深蓝当辅助色
- 文字必须用纯黑或纯白
改完像换了双眼睛,舒服多了!
字体这玩意儿真能救命
以前觉得用宋体挺稳重,结果网页上看着像发霉的报纸。咬牙换了个免费的无衬线字体,再把字号折腾了半小时:
- 标题直接拉大到手机屏幕外都看得清
- 正文缩小到需要凑近点看的程度
- 重点句子加粗变颜色,其他部分统统变灰色
就这么点变化,感觉整个页面都透气了!
被忽略的空白是真香
以前生怕浪费屏幕空间,字挨着字,图贴着图。这回狠狠心在每个板块之间硬加了三大块空白:文字和图片隔开两指宽,板块之间直接空出一屏。调完惊喜了:
- 手机竖着看手指能轻松点到想点的位置
- 重点内容自己跳进眼睛
- 莫名有种几千块设计费的效果
偷偷加了点魔法
在设置里找到阴影和圆角的选项瞎调:
- 所有图片加1毫米灰色阴影
- 按钮四个角磨得圆溜溜
- 图标统一调成半透明
就这么点小动作,整个页面的死板气全没了!发给朋友看,都问我是不是花钱请人做的。
现在看成品爽翻了
折腾三天,总结就五句话:内容砍到最核心,颜色别超过三种,字体越大胆越留白千万别手软,细节加点小特效。高级感根本不用烧钱,下次准备研究怎么加小动画了!