自己动手做一个博客,比想象中简单,也比想象中复杂。分享一下我在设计这个网站时学到的东西。
先确定内容,再确定设计
很多人的第一个错误是一上来就纠结配色和字体。正确的顺序是:先想清楚你要写什么、给谁看、多久更新一次。内容决定结构,结构决定设计。一个只写技术文章和周记博客的布局完全不同。
移动端优先不是口号
超过一半的读者会用手机访问你的博客。设计时应该先在375px宽的屏幕上把布局调好,然后用媒体查询适配更大的屏幕。反过来做的话,大屏上看起来很漂亮,到了手机上就一塌糊涂。
字体和配色克制一点
我在这个网站上用了两个字体:正文用系统默认(苹方/微软雅黑),标题用站酷快乐体加一点个性。配色方面,一个紫蓝渐变做视觉锚点,金色做高亮强调,其余全是黑白灰。
克制不是偷懒——越是简单的配色,越考验排版功底。
性能比花哨重要
再漂亮的设计,如果页面加载超过三秒,用户就走了。压缩图片、开启Gzip、配置缓存、关键CSS内联——这些优化比任何动画效果都更影响用户体验。
不是所有东西都需要自己做
用WordPress还是自己写?我的建议是:如果你喜欢折腾技术细节,自己搭一个很有趣;如果只想写文章,WordPress配合一个干净的主题是最好的选择。不用重新发明轮子。
好的设计不是炫技,是让人忘记设计的存在,专注于内容本身。
4 3