一直以来我都在改进 我的 Blog ,使其觉得完美。但坦白的说,我没有专业的设计素养 -- 所有的界面设计,都仅是「感觉」优先。但然而「感觉」这种东西往往飘忽不定,所以本人也在持续的更改界面。
期间参考了很多设计观点,多多少少有点心得,在这里总结一下。这一系列的文章可能会比较长(也可能会比较短),我也没有把握控制篇幅。总之,想到什么就写下什么吧。
首先,先来针对我的 旧版的 Blog 界面 做个分析。替换掉这个页面的直接原因,就犹如上述所说的,就是「感觉」不好。
先说明下我写此页面前的构思。我想将页面做成整体风格比较严肃的、很学院派,层级清晰,方便阅读。
然而在接下来的一段时间,由于思路变化、加上添加了很多的功能,我不得不添加或删除页面的部分元素。然后,一切就变得越来越糟糕。
上面是列表页,近似于首页的样子。大家还可以从 这里 访问得到。我的不满已经从图中标注了出来。
- 两个 Logo,我该选择哪个?另外一个有什么特殊的功能吗?
- 左边的这些文字在讨论什么呢?
- 这些链接我应该点击哪个?
- 「订阅本站」与上面的页面类目描述,是否有任何的关联?
- 多个 Border 形成区块再加上背景,是否感觉太生硬了?
文章的详细页面也是一样,也有很多的问题。
- 那么多的订阅种子,我该选择哪个?
- 访问过的链接颜色都变了,是不是我不用再点了?
- 间距那么大,感觉整个页面都是一条一条的。
- 日期和这些按钮在一起,我点击以后会发生什么?
总之,一切都很糟糕。
未完,待续……
我很喜欢那个 slackware 风格的页面。
道歉一下,由于工作的缘故,几乎忘记了后续。下面,主要说下针对上期提出的些问题,说下我的解决办法。
其实针对上期提出的问题,很多时候都是风格不确定造成的,比如有两个 Logo 等等。于是,我计划将 Blog 的风格确定下来。
本人非常的懒,对于页面的制作不想花太多的心思。所以,初步确定的风格就是“越简单越好”。
然后,我开始设计一个全新的 Logo。通常这个时候,顺便可以想些其他方面的问题,比如排版等细节。
先“回忆”下 Gracecode.com 的第一版的 Logo 。很显然,这个 Logo
@vvoody 兄弟也可以隐约的看出,目前的这个页面和以前的还有些“血缘”的 :^)