当前位置: 首页 > 图文教程 > 网站运营 > 建站经验 > 摒弃繁杂 15个简约风格网站设计创意(图)

建站经验
我骄傲我的站 关于我的纹身网站
大学生网上卖菜 为你解决开门七件事
做电子商务 选择好的虚拟主机是关键
惨痛教训站长足戒 给建站初期的各位站长
做网站需要的是坚持和不断学习的精神
网站发帖宣传应该注意哪些地方
新手做论坛,要用好你的每一分钱
草根站长每天需要做的事情 今天你做了吗
从站长力量网的成功看网站功能的创新重要性
设计能力决定权力
坚持、勤思、善学 建站路程从失败走向成功
分类信息网站未来命运!
关于快速提升新站PR值的方法见解
真正学会做网站的时候 你就成了情场高手
网站容易被百度拔毛的几点情况及预防建议
如何让SupeSite7.0首页显示全部的频道分类
我建站被骗经历和一点经验
软文使网站从PR1提升到PR3 谈软文的好处
踏踏实实做站 放弃网赚成富翁的幻想
教训:垃圾服务器差点让我的网站毁于一旦

建站经验 中的 摒弃繁杂 15个简约风格网站设计创意(图)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-17   浏览: 335 ::
收藏到网摘: n/a

没有谁是天生的天才,这句话适用于任何人。同样,网站设计也是如此,开始对这门艺术有感觉的时候,一定是看到了别人的作品后才惊醒了你那根本来沉睡的神经,也同样是看了别人多彩的作品后,逐步把自己的设计能力慢慢提高到如今的水平。在蓝色理想看到过这么一句话:没有模拟不了的效果,只有模拟不了的创作。堪称经典!

从成熟有创意的网站中吸取灵感,结合自己网站的定位,把吸收的创意消化提炼,充分运用到自己的设计中去,把自己要通过网站表达的东西都渗透到页面风格的设计中去,这样你一定能作出一个有自身特色的好风格。

在Web 2.0盛行的风潮下,简洁设计已经是一种大的趋势,摒弃错综复杂的页面排版和花哨的视觉,让用户在页面显示的第一时间找到最需要的东西,这样可能比特立独行的视觉更能给用户留下深刻的印象。理论的不多说,貌似我也挤不出什么更精炼的语句了,用事实说话。

下面15个简洁设计风格的网站可能会给你些灵感,每一个站的定位和服务都不一样,但类似的设计风格都在表达一个目的。

1. Sitening

设计特色:

个人不太喜欢文字罗列的网站,但这个网站没给我太大的压力,究其根源应该是设计布局比较流畅,字体运用合理的缘故。网站使用大号字体和JavaScript来突出显示某些重要信息给用户,用较小的字体来进行补充注释。CSS样式布局将页面区块划分的非常清楚,一目了然。大胆的边框应用引导用户浏览操作,达到了流畅紧凑的效果。

2. Swissmiss

设计特色:

网站咋看没什么特色可言,这就是简洁的魅力,因为对于网站来说,内容可能更重要。3栏式布局,将最重要的信息突出显示的中间部分,两侧只是辅助的浏览引导功能,连header和footer都简洁到了基本忽略的程度。

3. National Gazette


设计特色:

页面很小,你无需向下滚动浏览器即可把首页的内容一览无余。顶部导航把网站内容作了很好的分类,方便用户选择感兴趣的部分浏览。

4. Emil Milanov

设计特色:
网站使用极少的文字,而是充分发挥图像的魅力,布局为图像而生。

5. Finch

设计特色:
谁说简就一定要用单调的色彩?Finch充分把深色调和简洁设计完美地融合在一起,既强调了内容又实现了视觉表达。

6. AIGA New York

设计特色:
不论是字体排版还是页面布局,整体设计都可以跟传统的报纸媲美。内容也巧妙地使用层的布局清晰地进行了分类。

7. Rikcat Industries

设计特色:
这是一个没有多余内容的典型blog布局。简洁的sidebar功能丰富但不凌乱,整个body紧凑有序。

8. Mark Boulton

设计特色:
网站利用一段简短的概述、一个醒目的Logo和四列长条区分内容,列表中的标题引导用户进入对应的二级页面。

9. Rainfall Daffinson

设计特色:
Rainfall Daffinson的设计,对此我无话可说,简洁干净,没有任何多余的东西。

10. Braintied Wordpress Theme

设计特色:
Wordpress的用户总是会给人惊喜不断,wpdesigner.com向来也是已简洁风广受Wordpress主题用户青睐。

11. Work By Hanna

设计特色:
这个网站真的是简洁的不能再简洁了,首页没有一幅图片,没有突兀的色彩点缀,仅仅是文字和文字间流畅的罗列,可见也是网站设计者一个勇敢的尝试了。

12. Coptix

设计特色:
简约不一定就意味着单调,Coptix就证明了这一点。网站设计在色彩和图像中巧妙地运用了一些交互效果(也可以说是伪交互,因为在图片交互中只是在图像上做了很好的修饰改变),使整个小巧的网站紧凑富含动感。

13. Shaun Inman

设计特色:
整个页面除了绿叶图标外,是统一的黑灰色系,加强了页面的一致性。使用大的空白间隙来把页面分割为左右两列,并在底部加入列表显示的内容增强整体的充实度。

14. Peter Pixel


设计特色:
Peter Pixel的多列布局和一个简单的顶部横向导航菜单,把页面分布的很匀称,顶部右侧的简单logo把左侧倾斜的页面重新拉回了平衡。

15. Mini Blog Wordpress Theme

设计特色:
布局跟Wordpress的默认主题类似,但宽度更窄,把整个的视觉吸引到了屏幕中间部分的内容上,感觉sidebar的比例再小些,内容区的字体大小和颜色再突出些,可能整体的效果会更好。(来源:sbala.com 翻译:bbon.cn)