当前位置:首页 >> 互联网 >> 2006年10月29日
"Times New Roman",![](dot.gif)
Times,![](dot.gif)
serif; align="center">译文:2006年网站设计风格 流行趋势
[ 关键词:ue 设计 ui 译文 原文/来源链接 ]
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
推荐者:尘一 (积分 63162) | 原作者:
我很高兴看到2006年 网站设计比以往任何时候都要好. 这并不仅仅 因 现在有更多 网站,![](dot.gif)
我想 因 有越来越多 网页设计师比以往更懂得该如何做设计.
下面 这些例子显示了现代图形设计技术 精彩. 它们看起都很漂亮,![](dot.gif)
干净而且容易使用:
iconbuffet.com
iomega.com
linkedin.com
mozilla.org
plaxo.com
共同 特点
以上这些网站都有下面 特征:
>布局简单
>中心定位
>3D效果
>柔和,![](dot.gif)
自然 背景色
>颜色鲜亮(要谨慎使用)
>可爱 图标( 要谨慎使用)
>有许多留白
>大字体
我们一个一个来说.
布局简单
和几年前相比,![](dot.gif)
设计师们似乎正在寻找更加简单 单栏或双栏布局. 总 感觉就 设计师们普遍认同简单 页面表现更好. 阅读这类页面只需要从上看到下即可,![](dot.gif)
你 眼睛不用在页面上转来转去拼命寻找想要 东西. 同时在浏览过程中它 提供更加平和,![](dot.gif)
稳定 浏览体验.
中心定位
从上面 这些网站还可以发现第二个特点,![](dot.gif)
它们 内容都分布在中轴线附近.
大概两年前,![](dot.gif)
你可以找到很多"流动布局”和"左对齐并固定宽度” 布局,![](dot.gif)
现在内容开始在出现在屏幕 中央.
左对齐 布局方式已经不如以前常见了,![](dot.gif)
流动布局(全屏) 没有这么流行了.
尽可能在"一屏”以内显示更多 信息似乎 一直以来 至理名言( 就 尽可能不要滚屏). 而流动布局可以达到这一点. 然而,![](dot.gif)
现在我们似乎不太介意滚屏了,![](dot.gif)
而且我们更乐意发挥由滚屏带来 优势,![](dot.gif)
比如更多 留白和行高.
有节制地使用3D效果
上面所有 网站都使用了一些很细致 斜面,![](dot.gif)
给分隔条 边缘来个轻微 倒角,![](dot.gif)
给背景一点点空间感,![](dot.gif)
或者使用一些很"跳” 带着浮雕和阴影 图标. 倒影和渐变非常普遍,![](dot.gif)
阴影 还在使用,![](dot.gif)
不过非常小心.
柔和,![](dot.gif)
自然 背景色
上面这些网站都有一个朴素 背景,![](dot.gif)
流行 就 白色和灰调渐变. 这样 背景提供了一个又酷又柔和又中立 环境,![](dot.gif)
让那些抢眼 颜色可以引导用户 目光.
颜色鲜亮(要谨慎使用)
柔和,![](dot.gif)
时髦 背景色 添加吸引眼球 特性提供了极好 基础,![](dot.gif)
而强色调高对比度非常适合页面上 其他重要元素.
Iomega比其他几个网站用了更重 颜色,![](dot.gif)
它 推广区域使用了浓烈 暗红色. 然而这并没有淹没页面上 其它部分,![](dot.gif)
因 它采用了一致 色调和简单 形状.
可爱 图标( 要谨慎使用)
有一个"规则”:不要在同一个页面上使用太多好看 元素(这样会影响用户 注意力). (译者注:所谓适可而止)
抢眼 颜色,![](dot.gif)
3D效果,![](dot.gif)
漂亮 图标和按钮可以给页面增加一些闪光点,![](dot.gif)
给人一种高品质 感受. 但 ,![](dot.gif)
如果用滥了,![](dot.gif)
就会产生一种叠加效应,![](dot.gif)
使页面变得混乱,![](dot.gif)
用户变得迷惑.
有许多留白
今天 网页设计风格非常之清新,![](dot.gif)
仿佛刚刚经历了深呼吸一般
有时候我甚至想把一些非常拥挤 网页粘到气球上,![](dot.gif)
然后一直吹气直到页面上所有东西之前都有足够 空隙.
我们 眼睛需要被注视物 周围有一定 空间,![](dot.gif)
这样才能看清楚它 个什么玩意儿.
一般来说,![](dot.gif)
留白越多越好. 我极少看到一个页面,![](dot.gif)
然后会想:"唉,![](dot.gif)
他们一定要再加点内容上去才行!”.
![](dot.gif)
![](dot.gif)
下面 这些例子显示了现代图形设计技术 精彩. 它们看起都很漂亮,
![](dot.gif)
![](dot.gif)
iconbuffet.com
iomega.com
linkedin.com
mozilla.org
plaxo.com
共同 特点
以上这些网站都有下面 特征:
>布局简单
>中心定位
>3D效果
>柔和,
![](dot.gif)
![](dot.gif)
>颜色鲜亮(要谨慎使用)
>可爱 图标( 要谨慎使用)
>有许多留白
>大字体
我们一个一个来说.
布局简单
和几年前相比,
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
中心定位
从上面 这些网站还可以发现第二个特点,
![](dot.gif)
![](dot.gif)
大概两年前,
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
左对齐 布局方式已经不如以前常见了,
![](dot.gif)
![](dot.gif)
尽可能在"一屏”以内显示更多 信息似乎 一直以来 至理名言( 就 尽可能不要滚屏). 而流动布局可以达到这一点. 然而,
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
有节制地使用3D效果
上面所有 网站都使用了一些很细致 斜面,
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
柔和,
![](dot.gif)
![](dot.gif)
上面这些网站都有一个朴素 背景,
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
颜色鲜亮(要谨慎使用)
柔和,
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
Iomega比其他几个网站用了更重 颜色,
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
可爱 图标( 要谨慎使用)
有一个"规则”:不要在同一个页面上使用太多好看 元素(这样会影响用户 注意力). (译者注:所谓适可而止)
抢眼 颜色,
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
有许多留白
今天 网页设计风格非常之清新,
![](dot.gif)
![](dot.gif)
有时候我甚至想把一些非常拥挤 网页粘到气球上,
![](dot.gif)
![](dot.gif)
我们 眼睛需要被注视物 周围有一定 空间,
![](dot.gif)
![](dot.gif)
一般来说,
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
[ 关键词:ue 设计 ui 译文 原文/来源链接 ]
顶一个呀4.339236E-02