您的位置: 首页 > 艺术设计 > 设计理论 > 当前的网站设计风格
自然选择:自然界的颜色与界面设计 回到列表 理论上逻辑越清晰,产品越易用?
 当前的网站设计风格

作者: 时间: 2006-12-15 文档类型:翻译 来自:

第 1 页 当前的网站设计风格 [1]
第 2 页 当前的网站设计风格 [2]

原文:Current web style

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

共同的特点
近期惹人喜欢的网站都有下面的特征

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

我们一个一个来说:

布局简单

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

中心定位

从上面的这些网站还可以发现第二个特点,它们的内容都分布在中轴线附近。大概两年前,你可以找到很多“流动布局”和“左对齐并固定宽度”的布局,现在内容开始在出现在屏幕的中央。

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

有节制地使用3D效果

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

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

柔和,自然的背景色

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

颜色鲜亮(要谨慎使用)

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

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

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

有一个“规则”:不要在同一个页面上使用太多好看的元素(这样会影响用户的注意力)。
抢眼的颜色、3D效果、漂亮的图标和按钮可以给页面增加一些闪光点,给人一种高品质的感受。但是,如果用滥了,就会产生一种叠加效应,使页面变得混乱,用户变得迷惑。

有许多留白

今天的网页设计风格非常之清新,仿佛刚刚经历了深呼吸一般。
有时候我甚至想把一些非常拥挤的网页粘到气球上,然后一直吹气直到页面上所有东西之前都有足够的空隙。
我们的眼睛需要被注视物的周围有一定的空间,这样才能看清楚它是个什么玩意儿。
一般来说,留白越多越好。我极少看到一个页面,然后会想:“唉,他们一定要再加点内容上去才行!”。
当然,留“白”不一定是白的,但它必须留出一定的空间。
很高兴地看到现在有很多设计都使用了合适大小留白,页面上的元素之间有足够的空隙。同时为了屏幕阅读也设定了额外的行间距。
看看这些让人舒服的留白吧!

大字体

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

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

就像我们在上面提到的设计方法一样,它只有在一定的模式下使用才能起作用。如果所有的文字都很大,那就没有一个是大的了。
用大字体让你的访客迅速地了解这个页面是关于什么的,什么是重要的,并且指出接下来他们可以在哪里找到想要的东西。
下面的这些例子显示了现代图形设计技术的精彩。它们看起都很漂亮、干净而且容易使用。

出处:
责任编辑:moby

上一页 下一页 当前的网站设计风格 [2]

相关文章 更多相关链接
信息之美
用文字注入情感
用户喜欢点什么
剪纸艺术
向Yahoo Mail的主页学习
作者文章 更多作者文章
方正推出徐静蕾字体
CrossOver 参展作品选
视觉中国6周年主题设计展
AS3 中的反射
鱼眼镜头简介
热门搜索:CSS Fireworks 设计比赛 网页制作 Dreamweaver Studio8 Flash
站点最新 站点最新列表
跟我去香港:The third Day
单件模式结合命令链模式
快乐狗原创动漫大赛
元素层叠级别及z-index剖析
CSS 浏览器的等宽空格
电影变形金刚概念画欣赏
疯狂的程序员 第三十五回
疯狂的程序员 第三十四回
疯狂的程序员 第三十三回
运用ASDoc工具
栏目最新 栏目最新列表
成为一个顶级设计师的第二准则
一起回味经典老体育宣传画
你是真正的用户体验设计者吗? Ⅲ
菜菜贺年动画
网页效果图设计之色彩索引
Google的产品设计指导思想
Siggi Eggertsson 几何魅力
令人惊叹的"手绘"
再见吧,创意
创意的生产方式
 
>> 分页 首页 前页 后页 尾页 页次:1/21个记录/页 转到 页 共2个记录

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

本文总共有 8 条评论,现在显示最新的 5 条。暂时没有人参与评分


woodghost Publish at 2007-4-19 22:39:45
有点道理。
apple0405 Publish at 2006-12-25 13:52:55
大家好,我现在在学习网页制作,希望大家多多指教,491967491是我的QQ号,希望朋友们能帮帮我,谢谢
lzlizhao Publish at 2006-12-23 15:42:52
希望大家最好是在元旦之前帮助我好吗、
那我就先谢谢大家了啊\
lzlizhao Publish at 2006-12-23 15:41:44
有时间请大家吃饭啊
我就在中国软件之都北京中关村啊
lzlizhao Publish at 2006-12-23 15:40:48
希望大家能把你们的意见和建议都发到我的邮箱去
我在就先谢谢大家了啊

查看全部评论

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
大师之路--Photoshop 完全解析
《超越CSS》新书上市
Don't Make Me Think 第2版
HTML与CSS入门经典(第7版)
《FLASH MX2004网站开发精粹》
《CSS入门经典》
《设计师谈网页设计思维》
作品集 更多内容

涂鸦.. 汤加丽时尚美业 中国风 QQ for Mac START BAR VIS 民生租赁 Chill out 如约将至