最大的网站策划、网站运营、网络营销人才免费学习、培训、认证、展示、交流、工作平台,服务国家经济建设与民族伟大复兴!
网络创业秘籍预定banner

查看完整版本: 当前的网站设计风格分析

issue 2008-9-17 10:11

当前的网站设计风格分析

[font=Tahoma][size=2][b]当前的设计风格,[url=http://www.netkey.com.cn/][color=#800080]网麒[/color][/url]总结了一些经验,如下:[/b][/size][/font]
[font=Tahoma][size=2][b]共同的特点[/b]:布局简单;[/size][/font][font=Tahoma][size=2]中心定位;[/size][/font][font=Tahoma][size=2]3D效果;[/size][/font][font=Tahoma][size=2]柔和,自然的背景色;[/size][/font][font=Tahoma][size=2]颜色鲜亮(要谨慎使用);[/size][/font][font=Tahoma][size=2]可爱的图标(也要谨慎使用);[/size][/font][font=Tahoma][size=2]有许多留白;[/size][/font][font=Tahoma][size=2]大字体。[/size][/font]
[b][font=Tahoma][size=2]布局简单[/size][/font][/b]
[font=Tahoma][size=2]和几年前相比,设计师们似乎正在寻找更加简单的单栏或双栏布局。总的感觉就是设计师们普遍认同简单的页面表现更好。阅读这类页面只需要从上看到下即可,你的眼睛不用在页面上转来转去拼命寻找想要的东西。同时在浏览过程中它也提供更加平和、稳定的浏览体验。[/size][/font]
[b][font=Tahoma][size=2]中心定位[/size][/font][/b]
[font=Tahoma][size=2]从上面的这些网站还可以发现第二个特点,它们的内容都分布在中轴线附近。大概两年前,你可以找到很多“流动布局”和“左对齐并固定宽度”的布局,现在内容开始在出现在屏幕的中央。[/size][/font]
[img=467,164]http://www.netkey.com.cn/enter/newspic/Image/01.gif[/img]
[font=Tahoma][size=2]左对齐的布局方式已经不如以前常见了,流动布局也没有这么流行了。尽可能在“一屏”以内显示更多的信息似乎是一直以来的至理名言。而流动布局可以达到这一点。然而,现在我们似乎不太介意滚屏了,而且我们更乐意发挥由滚屏带来的优势,比如更多的留白和行高。[/size][/font]
[b][font=Tahoma][size=2]有节制地使用3D效果[/size][/font][/b]
[font=Tahoma][size=2]上面所有的网站都使用了一些很细致的斜面、给分隔条的边缘来个轻微的倒角、给背景一点点空间感、或者使用一些很“跳”的带着浮雕和阴影的图标。倒影和渐变非常普遍,阴影也还在使用,不过非常小心。[/size][/font]
[img]http://www.netkey.com.cn/enter/newspic/Image/02.jpg[/img]

[font=Tahoma][size=2]到处都是带着闪光图案的商标:[/size][/font]
[img=510,87]http://www.netkey.com.cn/enter/newspic/Image/03.jpg[/img]

[b][font=Tahoma][size=2]柔和,自然的背景色[/size][/font][/b]
[font=Tahoma][size=2]上面这些网站都有一个朴素的背景,最流行的就是白色和灰调渐变。这样的背景提供了一个又酷又柔和又中立的环境,让那些抢眼的颜色可以引导用户的目光。[/size][/font]
[b][font=Tahoma][size=2]颜色鲜亮(要谨慎使用)[/size][/font][/b]
[font=Tahoma][size=2]柔和、时髦的背景色为添加吸引眼球的特性提供了极好的基础,而强色调高对比度非常适合页面上的其他重要元素。[/size][/font]
[img=510,87]http://www.netkey.com.cn/enter/newspic/Image/04.jpg[/img]

[b][font=Tahoma][size=2]可爱的图标(也要谨慎使用)[/size][/font][/b]
[font=Tahoma][size=2]有一个“规则”:不要在同一个页面上使用太多好看的元素(这样会影响用户的注意力)。
抢眼的颜色、3D效果、漂亮的图标和按钮可以给页面增加一些闪光点,给人一种高品质的感受。但是,如果用滥了,就会产生一种叠加效应,使页面变得混乱,用户变得迷惑。[/size][/font]
[img=510,86]http://www.netkey.com.cn/enter/newspic/Image/05.jpg[/img]

[b][font=Tahoma][size=2]有许多留白[/size][/font][/b]
[font=Tahoma][size=2]今天的[url=http://www.netkey.com.cn/][color=#800080]网站建设[/color][/url]风格非常之清新,仿佛刚刚经历了深呼吸一般。有时候甚至想把一些非常拥挤的网页粘到气球上,然后一直吹气直到页面上所有东西之前都有足够的空隙。我们的眼睛需要被注视物的周围有一定的空间,这样才能看清楚它是个什么玩意儿。[/size][/font]
[align=left][b][img=510,170]http://www.netkey.com.cn/enter/newspic/Image/06.jpg[/img]

[font=Tahoma][size=2]大字体[/size][/font][/b][/align][align=left][font=Tahoma][size=2]我并不是说你网站上的所有文字都要大得让人吃惊。事实上,在某些情境下,小字体也不错。[/size][/font][/align][size=5][color=#8b0000]让重要的文字比一般的文字更大[/color][/size][font=Tahoma][size=2]就像上面提到的设计方法一样,它只有在一定的模式下使用才能起作用。如果所有的文字都很大,那就没有一个是大的了。用大字体让你的访客迅速地了解这个页面是关于什么的,什么是重要的,并且指出接下来他们可以在哪里找到想要的东西。
[/size][/font]

来源:网麒科技 [url=http://www.netkey.com.cn/][color=#800080]网站建设[/color][/url]专家 [url=http://www.netkey.com.cn/][color=#800080]上海网站建设[/color][/url]品牌企业
引用网址:[url=http://www.netkey.com.cn/viewpoint/viewpoint_display-83.htm][color=#800080]http://www.netkey.com.cn/viewpoint/viewpoint_display-83.htm[/color][/url]

莫言 2008-9-17 13:50

楼主的信息很好
学习了
::39::

issue 2008-9-23 16:55

::009:: ::009:: ::009::
页: [1]
查看完整版本: 当前的网站设计风格分析