虽然命运让我选择了理科,但这丝毫不影响我对文学的喜爱。在有限的时间里,能静下心来记下自己的感受,实属享受,可惜这样的时间越来越少了(哭死。话说远了,回到网页设计上吧。

blog

这个博客采用了多列文章显示,每个文章显示缩小的图片加文字概括及继续阅读,就是为了力求页面干净,有序,方便阅读。

这个网站很早就建成了,当时响应式模式(Responsive layout)和Bootstrap模式(Bootstrap Framework)才刚刚开始,不像现在遍地开花。当时设计这个网页时考虑的是与中国有关的色彩。因为教中文是教育的一种,而教育就像种树,“十年种树,百年育人”,所以在商标设计时采用了一颗大树,树叶被风吹起,落下,就像我的学生们学到了知识,离开了学校,开创自己的明天。。。

learn-chinese

最近做了四个演示网站,网页的基本结构基本上差不多,都包括:顶端菜单,主菜单和脚部菜单;支持中德英文版;商标和网页抬头说明在右边,用户登路/登记在左边;滑动窗口加文字说明及点击按钮;功能部分文字加图片;脚部的边窗等等。都支持响应式设计及font awesome。

可是细节上还是有所不同,两个是全屏,另外两个是窄屏;滑动窗口的动画也多有不同。

 

yanyan.ch网站的主人是位艺术家,她的作品色彩丰富鲜艳,充满动感。为了突出艺术家本人和作品的独特性,在设计网站时我采用了最新的设计风格“首页一页纸式结构(one page layout)”,也就是说在首页上即显示了所有关于艺术家和她的作品的信息。这种方式对好处是浏览者在很短的时间内就能对艺术家有直观的了解。

yanyansnapshot

首页上的滑动窗口展示了艺术家的作品;首页的其他部分都做了动画处理。在褒奖(Testimate)部分使用了背景窗上下滑动处理,配的是白色的字体和圆形的图片。网站上所有的图片都做了相应的尺寸,水印和签名处理。网站使用了中文,德语和英文三种版本。

 

这是最新版的liusauer.ch网站设计。以前做过很多版的设计,这是我最喜欢的一款。在选择滑动窗口,固定头页图片,还是一段视频之间犹豫了很久。最后选择了固定头片,也是因为从心底喜欢这张图片所表现出来的悠远坚持和守望。

liusauer_ch

自我介绍部分使用了上下滚动图片,增强页面的可读性。选择了窄屏滑动窗口,配合整个页面的主题。图片册使用了无缝式图片显示。