OKVI.com™
 | 网站首页 | 视觉设计 | 高等院校 | 会展活动 | 设计竞赛 | 获奖作品库 | 佳作欣赏 | 电子杂志 | 视觉玩家 | 网址导航 | Flash 游戏吧 搞搞震 | 
您现在的位置: okvi.com >> 视觉设计 >> 随笔 >> 正文         ★★★
当前的网站设计风格
 文章来源:uiplanet.com 作者:承志 更新时间:2006-10-28 18:16:25

这篇文章翻译至:http://www.webdesignfromscratch.com/current-style.cfm

它总结了一些当前网站设计风格的发展趋势。但是我得先提一句,它说的都是西方网站,未必适合我们中国网站的情况和中国网民的审美观。如果能给你一点点参考和借鉴的价值,就足够了。

————–Enjoy!————–

我很高兴看到2006年的网站设计比以往任何时候都要好。这并不仅仅是因为现在有更多的网站,因而可以找到更多长得不错的。事实上还是有很多长得抱歉的。我想是因为有越来越多的网页设计师比以往更懂得该如何做设计。

下面的这些例子显示了现代图形设计技术的精彩。它们看起都很漂亮、干净而且容易使用。

最热门的

我并不是说下面这些就是最好的,但它们是典型:


» The Alternative Energy Store


» Gr0w collective


» Forecast Advisor


» emaginacion.com.ar


» iconbuffet.com


» Save Longstone Edge


» iomega.com


» linkedin.com


» mozilla.org


» Rapid Mortgages


» plaxo.com


» Prolotize

 

共同的特点

以上这些网站都有下面的特征:

  • 布局简单
  • 中心定位
  • 3D效果
  • 柔和,自然的背景色
  • 颜色鲜亮(要谨慎使用)
  • 可爱的图标(也要谨慎使用)
  • 有许多留白
  • 大字体

我们一个一个来说。

布局简单

和几年前相比,设计师们似乎正在寻找更加简单的单栏或双栏布局。总的感觉就是设计师们普遍认同简单的页面表现更好。阅读这类页面只需要从上看到下即可,你的眼睛不用在页面上转来转去拼命寻找想要的东西。同时在浏览过程中它也提供更加平和、稳定的浏览体验。

中心定位

从上面的这些网站还可以发现第二个特点,它们的内容都分布在中轴线附近。

大概两年前,你可以找到很多“流动布局”和“左对齐并固定宽度”的布局,现在内容开始在出现在屏幕的中央。

左对齐的布局方式已经不如以前常见了,流动布局(全屏)也没有这么流行了。

尽可能在“一屏”以内显示更多的信息似乎是一直以来的至理名言(也就是尽可能不要滚屏)。而流动布局可以达到这一点。然而,现在我们似乎不太介意滚屏了,而且我们更乐意发挥由滚屏带来的优势,比如更多的留白和行高。

有节制地使用3D效果

上面所有的网站都使用了一些很细致的斜面、给分隔条的边缘来个轻微的倒角、给背景一点点空间感、或者使用一些很“跳”的带着浮雕和阴影的图标。倒影和渐变非常普遍,阴影也还在使用,不过非常小心。

到处都是带着闪光图案的商标:

柔和,自然的背景色

上面这些网站都有一个朴素的背景,最流行的就是白色和灰调渐变。这样的背景提供了一个又酷又柔和又中立的环境,让那些抢眼的颜色可以引导用户的目光。

颜色鲜亮(要谨慎使用) 

柔和、时髦的背景色为添加吸引眼球的特性提供了极好的基础,而强色调高对比度非常适合页面上的其他重要元素。

Iomega比其他几个网站用了更重的颜色,它的推广区域使用了浓烈的暗红色。然而这并没有淹没页面上的其它部分,因为它采用了一致的色调和简单的形状。

可爱的图标(也要谨慎使用)

有一个“规则”:不要在同一个页面上使用太多好看的元素(这样会影响用户的注意力)。(译者注:所谓适可而止)

抢眼的颜色、3D效果、漂亮的图标和按钮可以给页面增加一些闪光点,给人一种高品质的感受。但是,如果用滥了,就会产生一种叠加效应,使页面变得混乱,用户变得迷惑。

     

有许多留白

Today’s web designs are so fresh, they feel like they’ve taken a deep breath.

有时候我甚至想把一些非常拥挤的网页粘到气球上,然后一直吹气直到页面上所有东西之前都有足够的空隙。

我们的眼睛需要被注视物的周围有一定的空间,这样才能看清楚它是个什么玩意儿。

一般来说,留白越多越好。我极少看到一个页面,然后会想:“唉,他们一定要再加点内容上去才行!”。

当然,留“白”不一定是的,但它必须留出一定的空间。

很高兴地看到现在有很多设计都使用了合适大小留白,页面上的元素之间有足够的空隙。同时为了屏幕阅读也设定了额外的行间距。

看看这些让人舒服的留白吧!

   

大字体

我并不是说你网站上的所有文字都要大得让人吃惊。事实上,在某些情境下,小字体也不错。

真正优秀的设计应该是这样:

让重要的文字比一般的文字更大

就像我们在上面提到的设计方法一样,它只有在一定的模式下使用才能起作用。如果所有的文字都很大,那就没有一个是大的了。

用大字体让你的访客迅速地了解这个页面是关于什么的,什么是重要的,并且指出接下来他们可以在哪里找到想要的东西。

 
设计文章录入:smile    责任编辑:smile 
  • 上一篇设计文章:

  • 下一篇设计文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口

    没有相关设计文章


    (只显示最新10条。评论内容只代表网友观点,与本站立场无关!
    最后一次的温柔 坐着火车去拉萨 做我老婆好不好 我的爱有罪 摇啊摇 做我的爱人 爱的奉献 当雪花爱上梅花 拉拉爱 忘不了的伤 原谅我一次 有缘人 等爱的玫瑰 为爱停留 歌曲
    放手去爱 下辈子不做女人 黄昏晓 怎么会狠心伤害我 其实我很在乎你 忘了我忘不了你 第三者的第三者 越长大越孤单 那些女孩教我的事 依然在一起 爱情里没有谁对谁错 4399
    我的答铃 爱死了昨天 北京一夜 等一分钟 昨日重现 爱笑的眼睛 香烟爱上火柴 快乐阿拉蕾 爱死了昨天 有没有人告诉你 不要用我的爱来伤害我 不顾一切爱你 有一种爱叫做放手
    陪你一起看草原 红豆红 狼爱上羊 冰吻 高原红 北国之春 彩云追月 月亮之上 你的承诺 音乐在线 中国基金网 音乐 手机网 非主流时尚 电子杂志 展会信息 DJ 音乐排行榜 歌曲
    MP3 BT电影下载 爱上你是一个错 HEY oh 下辈子也要找到你 男人的好 感动天感动地 自由飞翔 做你的爱人 为你写诗 遇上你是我的缘 老人与海 冰河时代 隐形的翅膀 缘分五月