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

建站经验
经验探讨 用户体验与搜索引擎优化的结合
让你的网站产生Google Sitelinks的六个要素
凸显使用体验 网站导航最受美国厂商关注
外国人眼中网站设计和网站建设二十个原则
网站更换域名应该注意的八个方面
五年经验告诉你 细节决定网站成败
新网站如何提高流量
稳中求升 购买付费链接应注意的九个问题
经验越多下手越难 你能抛弃你所学习的吗
站长进行设计网站时必须注意二十三个方面
路径突破 谈谈英文站比中文站更能做成功
谈谈网站运营中的关键的一环 团队的管理
最原始的东西最有价值 致天下所有创业者
名博怎样练成 析月光博客成功的六个原因
学生站长持续自己的冬天 仍坚守春天的期待
关于对web的分析 获得可行动的认识和度量
五个月前后五次改动 让我的流量稳在五万
亲手关闭自己论坛 泣血奉献一些心得经验
用户体验指导思想 易用友好 把用户当傻瓜
网站如何将用户体验与搜索引擎优化相结合

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-17   浏览: 192 ::
收藏到网摘: 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)