请选择 进入手机版 | 继续访问电脑版
收藏本站腾讯微博新浪微博
点点网模板设计大赛 phpchina

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 用悬赏 三天解决问题 解决访问速度慢 论坛支持农历生日 - 给官方提建议

论坛活动及任务 归纳网站最新活动 地图任务 邮件更新任务:保护帐号安全

积分换实物,来参加蓝色理想积分兑换吧! 联系招聘客服 蓝色理想帮你找工作! 万元奖励等你拿——点点网模板设计大赛

查看: 14718|回复: 28

[欣赏] Web2.0时代的网页视觉设计 [复制链接]

tomyidea 楼主
帖子
7
体力
8
威望
0
居住地
广东省 深圳市
发表于 2008-7-3 00:46:33 |显示全部楼层
2008年7月3日 in blog

(原创作品,转载请注明出处:刘振东tomyidea.com)

随着网页技术的发展,网络视觉设计与之前以程序员为主导的审美特征相比,具有了极大的改观。同时,随着美术、音乐、舞蹈人才的加入,网络开始在这一社会特别用户群体的作用下,开始了真正艺术审美的时代。
Web2.0的定义有很多种,不过我们没有必要非要给这个时代的网络冠以一个框框,因为,它的本身也是不固定的、技术的基础也正在发展与涅磐中。我们要做的,只是略观万象、总结出对我们有所启示的一些感官特征。
首先,从色彩上看,当代的网络是一个缤纷的世界,Web2.0的颜色活泼、鲜艳、协调。



活泼鲜艳的色彩适合大多数人的口味,可以使人产生愉悦轻松的感觉,营造一种缤纷、仿佛可以触摸的情境。
对于冰冷的机器、电脑硬件和虚无缥缈的网络来说,用户乐于存在于这样的体贴的、具有亲和力的世界。



无论LOGO还是网页本身,都在昭示着,这是个多彩的年代。


另外,色彩渐变这个手法在WEB2.0网站中大量体现。
渐变色彩可以有效地表现和烘托主题,有利于表现一种品质感,渐变色彩也符合人在刻画分明像素的世界里寻求一种“真实”的心理,利于观众接受。


WEB2.0把图片的魅力发挥到极致,运用Photoshop和AI的滤镜和各种特效,绘制ICON和场景,在网络世界2维里尽可能地建造立体空间、渲染一种超脱现实的存在。




其次,WEB2.0网站的编排布局完全脱离了程序主导时代那种刻板的形象,开始注重简洁明快的排版和平衡的视觉。


简洁明快在各类设计中都是设计师追求的目标。在网络视觉里要做到这一点也同样格外艰难。
现在比较完美的网页设计中,导航、banner甚至字号等元素被UE反复推敲,最终精炼出为数寥寥的要素



居中、还是居右?这不是更本问题。网络编排的目的是为了便于信息的有效传递,那种先画框框再填内容的方法是不可取的。
事实上,有些网站如果采用框架法,几乎无法做出来。


巧妙的编排,会在保持平衡的基础上,略加突破,改变单一的长方形造成的压抑和沉闷。



好的平衡感不仅存在于视觉上,APPLE 的成功在于,他们把人们需要和正在寻找的东西明白无误地推到用户的面前,不加修饰和干扰,这就一种对技术、体验、美观的平衡,这种平衡来源于对用户的尊重。



WEB2.0好评的网站,都具有速度快、功能识别简单的特点。
功能区之间都有泾渭分明的识别标志,便于阅读的字体和字号。
良好的编排布局,会告诉读者从哪里开始,到哪里停顿,该如何做下一步?


有人说网页设计的70%是文字编排,虽然有所偏颇,但也充分体现了文字这一基本载体在网络世界的地位。西方设计师中,字体设计有着极大的影响和规模,生活和网络世界,优美的文字设计在影响着一代又一代人,然而,无论使用哪种文字编码,排版的基本原理是相同的,那种认为中文比拉丁语系文字更难编排得认识是肤浅的。


Digg和facebook文字编排,很注重标题、内文、辅助性链接之间的空白、颜色、距离,这使人读起来有一种韵律感,缓解了视觉的疲劳。

(为什么最大号的字通常会和最小最不显眼的文字排在一起?)

Web2.0的推介网站很多,比较权威的有:
http://www.smashingmagazine.com(拥有全面的视觉体验推介)
http://pages.blueidea.com/(中国唯一一个堪舆老外媲美的推介网站)
http://www.netdiver.net/(更注重所收录网站整站的环境体验)
http://www.webware.com/(每年评出Webware 100 winner)


其实以上的网站也有各自的局限性,毕竟网络的海量信息使任何一个人都无法统揽全局,这里所讲所述的,仅仅是沧海一粟,更多更美的网络视觉体验,等待着我们各自去发现、去创造。。

[ 本帖最后由 tomyidea 于 2008-7-3 00:54 编辑 ]
西部数码顶级域名注册商39元抢注!
ptliko 
帖子
73
体力
285
威望
0
发表于 2008-7-3 09:05:01 |显示全部楼层
不错,楼主真辛苦呀。半夜还在为我们写贴子

再补一句:楼主有没有类似的中文网呢?这里看到的都是E文的。

[ 本帖最后由 ptliko 于 2008-7-3 10:01 编辑 ]
租服务器,上51IDC | [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

使用道具 举报

非桐不栖

金牌会员 手机认证 

帖子
766
体力
3499
威望
0
发表于 2008-7-3 09:11:13 |显示全部楼层
LZ贴的几张图不错,尤其是绿色的那张,个人感觉,很漂亮,很舒服

使用道具 举报

scoo 

唬头

银牌会员 手机认证 

帖子
1293
体力
2954
威望
4
居住地
广东省 深圳市
发表于 2008-7-3 17:33:08 |显示全部楼层
不错的网站。有感觉。呵呵。收藏了。谢谢楼主分享
你的设计感觉不够大气啊!logo大一点。再大一点~再大!

使用道具 举报

帖子
201
体力
114
威望
0
居住地
江苏省 南通市
发表于 2008-7-4 09:52:11 |显示全部楼层
伟大
个人站点

使用道具 举报

tomyidea 楼主
帖子
7
体力
8
威望
0
居住地
广东省 深圳市
发表于 2008-7-6 19:03:07 |显示全部楼层

呵呵

希望大家多交流

使用道具 举报

帖子
448
体力
2284
威望
30
居住地
欧洲 西班牙
发表于 2008-7-6 21:28:38 |显示全部楼层
很好很不错~
让Ps更简单 ...
www.86ps.com

使用道具 举报

帖子
78
体力
313
威望
0
居住地
福建省 莆田市
发表于 2008-7-10 15:11:26 |显示全部楼层
Thank you for share.

使用道具 举报

ljmang 
帖子
57
体力
200
威望
0
发表于 2008-8-25 10:59:29 |显示全部楼层
不错的。

使用道具 举报

帖子
80
体力
146
威望
0
居住地
辽宁省 沈阳市
发表于 2008-8-29 10:22:31 |显示全部楼层
www.dgounet.com

使用道具 举报

帖子
67
体力
204
威望
0
居住地
湖北省 武汉市
发表于 2008-9-1 10:12:18 |显示全部楼层
一般!
曾经的迷茫

使用道具 举报

帖子
54
体力
243
威望
0
发表于 2008-10-9 12:50:09 |显示全部楼层
去出处看看。。。

使用道具 举报

muyuyu 

失语的猫

银牌会员 手机认证 

帖子
347
体力
1663
威望
0
居住地
重庆市 江北区
发表于 2008-11-12 12:42:57 |显示全部楼层
色彩搭配相当好,很喜欢这种风格。
    —— 让理想长上翅膀……{ 飞翔 }……

使用道具 举报

暗房采光师

银牌会员 手机认证 

帖子
120
体力
2514
威望
0
居住地
北京市 朝阳区
发表于 2008-11-12 15:46:27 |显示全部楼层
google下,多啊!
好久不来蓝色了。很久不见。不做一个孤独患者。

使用道具 举报

Eileen 

自由之风

中级会员

帖子
679
体力
979
威望
4
发表于 2008-11-12 15:52:24 |显示全部楼层
确实不错  真希望能够改行学设计
seo blog

使用道具 举报

bopooo 

榕树下的落叶

银牌会员 手机认证 

帖子
621
体力
1185
威望
12
居住地
湖北省 武汉市
发表于 2008-11-21 13:18:59 |显示全部楼层
不错  值得留贴  收藏··

使用道具 举报

月影花痕

金牌会员

帖子
432
体力
3269
威望
2
发表于 2008-12-13 17:46:25 |显示全部楼层
看到了 收藏了~~~也说声谢谢~~

使用道具 举报

帖子
35
体力
148
威望
0
居住地
四川省 成都市
发表于 2008-12-13 23:46:26 |显示全部楼层
LZ辛苦啦 呵

使用道具 举报

帖子
17
体力
19
威望
0
发表于 2008-12-15 12:41:44 |显示全部楼层
LZ辛苦啦 呵

使用道具 举报

姣姣

初级会员 手机认证 

帖子
324
体力
409
威望
0
居住地
湖南省 长沙市
发表于 2008-12-15 14:06:26 |显示全部楼层
其实,我想刷分写博客...
热爱生活!

使用道具 举报

17号冰蓝

初级会员 手机认证 

帖子
28
体力
266
威望
0
发表于 2008-12-16 15:13:51 |显示全部楼层
学习了,支持一下~
www.17binglan.com

使用道具 举报

帖子
45
体力
422
威望
0
居住地
广东省 深圳市
发表于 2009-2-5 14:52:05 |显示全部楼层

支持

不知国内那个公司能用上这样简洁的!

使用道具 举报

帖子
202
体力
8052
威望
3
发表于 2009-2-5 15:06:34 |显示全部楼层
趋势 谢谢分享

使用道具 举报

帖子
18
体力
121
威望
0
发表于 2009-3-26 12:39:22 |显示全部楼层
收藏中,不错

使用道具 举报

帖子
65
体力
147
威望
0
居住地
福建省 三明市
发表于 2009-3-26 13:48:12 |显示全部楼层
学习了
www.yxyshxr.cn

使用道具 举报

帖子
54
体力
243
威望
0
发表于 2009-9-11 14:18:38 |显示全部楼层

学习了~~

这个以前看过,不过再看一遍还是有收获~~

使用道具 举报

帖子
15
体力
31
威望
0
发表于 2011-10-16 08:23:41 |显示全部楼层
去出处看看。。。
qqfenzu.cc

使用道具 举报

帖子
2
体力
22
威望
0
发表于 2011-10-19 17:22:48 |显示全部楼层
楼主好搞笑,web2.0与界面设计无关。

使用道具 举报

帖子
4
体力
31
威望
0
居住地
湖南省 益阳市
发表于 2011-10-21 14:22:29 |显示全部楼层
图片都挂了..唉.
10字节?

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

Archiver|手机版|安久科技提供CDN|blueidea.com ( 京ICP备05002321号 )  

GMT+8, 2012-2-13 09:32 , Processed in 0.149431 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部