你的页面设计可以更加精彩

美女程序员 原创编译 转载请注明出处。

放眼望去现在的网页样式视乎都大同小异,不论是主流门户还是专业定向媒体,当你打开首页,无疑都会有一种时曾相识的感觉,不是吗,都这么眼熟,比如新浪、搜狐、网页等门户,首页的布局几乎一样,而36kr,中关村在线、虎嗅等,也是让人没有什么兴奋点。互联网诞生以及有很多年了,网页设计技术日新月异,当然,这依赖于浏览器技术的发展,只有在谷歌浏览器、火狐浏览器的现代浏览器的支持下,HTML5和CSS3等技术才能普及开来。有了这些现代的网页开发设计技术,我们就能够让过去这么多年平淡的网页设计变的丰富多彩。下面选出的十个网页设计模板就是典型优秀设计代表。

1、anakin

整个网站有一种动态的感觉,可以看到巨大的英文字母作为背景,使得页面变得不平衡,还有各种不规矩的线条图案都是整体感觉很灵活,页面下方的业务内容留白很充分,给人很宽松的感觉。

2、fixate

插画给人以古朴的感觉,这个页面的顶部和页脚都使用了插画图案,而且顶部的图案非常明显,让人有一种非常放松的感觉,这就达到了设计的效果。

3、forbetter coffee

4、happyfuncorp

看上去是一个儿童乐园,有飞机,大风车,热气艇、热气球、商店、游乐园,主题非常鲜明,浏览者进入这个页面就会知道这是一个什么样的网站,针对什么样的人群。

5、dconstruct

这个网页的插画带着怀旧风格,还保留整体倾斜的一种律动感。

6、objetorocha

一个内容非常少的网站,只有几张图片和一个链接。设计师将网页处理得非常精细,抛弃了常规的图片展示方式,每张图片甚至能根据鼠标的移动而呈现出不同角度的阴影。这点让人印象深刻。

7、phasesmag

略显静态,但绝对反规则。界面依然简洁,细节却已经让人耳目一新,比如侧转90度的文字。很多人觉得文字必须清晰易读,但如果当文字旁辅佐的图片成为主角时,你可以试试用不一样的呈现文字的方式,降低它的辨识度也许也不失为一种好办法。

8、curiousspace

除了页面中对图片重重叠叠的范式外,我还特别看中网页的标识设计,几个随机摆放的字母,等你往下拖动鼠标时,文字就各就各位变得归正。背景纹理的运用让网站整体风格趋于华丽,但不会凌乱。

9、letempsduntrajet

推荐用户亲自登录这个网站体验一下其中的动态效果,会让你对立面的互动效果感动吃惊,这是一个花费了很大精力设计的网站。

10、builtbybuffalo

主页面的菜单摆设出了蜂巢的样式,很有特殊,虽然每个六边形蜂巢里很多都有图片作为背景,但因为图片不大,它们可以灵活的变换,而且主框架采用了自适应设计,在不同屏幕大小设备上的显示效果会自动适应变换,让所有的浏览者都获得最佳的浏览效果。

加载余下内容▼

相关文章:

;