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

建站经验
11个PR7以上的国内网址导航站
国内现状 目前没几个博客能赚钱
网站推广最重要的2点 细节和坚持
给想通过博客赚钱的站长朋友的一些建议
网络推广经验 前期准备和发帖原则
盈利模式 细分市场是站长梦开始的地方
把握博客更新时间
总结网站推广中需要避免的12种推广方式
淘宝网店推广重点 抓住潜在的购买客户
建站杂谈 2010年web领域的预测
给用户一个无法拒绝的回访理由
建站案例 地方门户网站运营的心酸事
制作英文网站的基本流程
网站备案 图文教程
独立域名的英文博客从WordPress切换到Blogger的步骤
大胆尝试电子商务 改变传统盈利思路
404页面设计全攻略
以收购网站为名的商业间谍不可不防
运营企业网站来实现营销目标的经验
淘宝的站内搜索能改变搜索格局?

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


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