摒弃繁杂 15个简约风格网站设计创意(图)

2019-03-10 12:06:06来源: 菠菜博 阅读 ()

新老客户大回馈,云服务器低至5折

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

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

在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)

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:div+css重写网页的好处

下一篇:说说我做站四年的经历 简单而艰辛