从心设计ideex
#ideex  #设计  #简洁  #内涵  #故事 


这个名字从来都没有让人印象深刻过,so do with my heart.

Title

从主题来讲,可以分为技术生活分享,外加自己喜爱的摄影。之前我的Blog里只有技术和生活,这里我仔细想过,我可以把分享和摄影融入以其它文章为载体的Post。

Section

段落的文字配上一幅绝美的图片,能够让文章上升为艺术,不过个人感觉图片不宜喧宾夺主,一些微小的图片或者嵌入背景的淡色图片都是可以采用的。由于Jekyll里面用的是Markdown作解析,背景图片不宜采用,这里采用图片搭配文章。图片的位置,可以放在文章的最前端,其实Pages里面的这个模板就挺好的,尤其是颜色的搭配,最能说明一个网页设计者的挑剔眼光,我们可以从一个图片的选取和title的位置颜色来考量这些。之前网页的title很随意地摆放title跟content,现在看来只是对自己是一个不严格要求自己的理由。

e.g.
Pages的模板

Slide

之前的slide做的样式还算是中规中矩吧,但是现在来看,还是太繁琐了,深受无印良品的影响,觉得简洁的,能够表达主题的样式还是最优秀的,尤其是在个人博客这种展现个人情怀的地方。Slide砍掉,替换成主题的样式图片。放在整篇文章的结尾左边,用随机数生成相应category的图片。所以这个想法先放这里,以后有时间再实现这个想法。

Structure

1列,居中,还是2列?如果2列,那么势必在左侧,会留下一些不必要的东西,比如home, post, about, etc。为了简洁,也许还是采用1列的布局,让来访者感受到一丝清新的气息,权衡再三,决定放弃之前的2栏设计(即左边固定,右列自适应),采用一列的形式。示例:http://lhzhang.com/ 这里的blog形式我个人还是蛮喜欢的。这里的图标设计和博客的列表借鉴了此处的设计。不过此博客没有评论,考虑再三,留言还是留着,也许等到什么时候我也会撤销评论系统,但不是现在。

Color

一般来讲,网页的整体设计应该是柔和,醒目,即背景尽量偏柔色,淡色,然后配上深色的字,让整体的感觉趋向于网页阅读欲的提升。之前试过『红 + 白 + 黑』:即红色的提示,连接,菜单,和『蓝 + 白 + 黑』,前面一种红色总感觉给人一种激情,但是不沉稳的感觉,有点浮躁过了。而蓝色则比较清爽、顺滑,还是比较符合我的个性,所以上个博客样式还是用了很久的。

目前我采用的下面的配色方案:

背景底色:#f8f8f8
文字颜色:#333
Title:#127F78
Title desc:#D90B06
连接高亮:#15aba1

主打深绿色和深蓝色之间的颜色,经过对比,发现这个系列的颜色,透露出一种安详,一丝宁静,能散发出优雅,舒适的感觉。

Font

不得不说,这是难点,在Mac和Windows要做一个平衡。

Mac: 冬青黑体简体中文,华文黑体
Window: 微软雅黑,宋体
Linux: 文泉驿微米黑

此处,由于可能Windows看我博客的可能性更大,所以在此更多的是用微软雅黑,至于Mac,会自动优化字体,我是觉得在Mac下什么字体都比Windows渲染得好看。所以这里Mac的字体就忽略不计了。

对于英文呢?这里我采用的是自己下载的字体,@font-face 方法来加载的。也就是css的自定义字体。推荐一个字体网站:http://www.fontsquirrel.com/

Main Idea

光有上面这些,远远不够。
我设想的是有一个故事在我的网站里面,让看到我网站的人觉得浏览自己网站并非在浪费时间,觉得别人也会喜欢这个故事。通过一些细小的设计来让来访者感觉处处是生机,处处有灵魂。所以在网站的首页,我大胆采用小方块的方法来展示我的idea,我觉得一个点可以拓展出许许多多的故事,就像太阳光一样,普照大地,让我们一个个的故事得以延续。因为整个网站的风格是格子,所以这里并没有采用圆圈来表示一个点的开始。这里的点可以理解为一个点的放大,一个有棱有角,真实的自己。

Published under (CC) BY-NC-SA