佛山E网工作室
www.gdasp.com
专业网站建设和推广 信心保证
热线电话:0757-6331 5297,158 1783 3537
琛屼笟璧勮 - 浣涘北E缃

琛屼笟璧勮

浜嗚В鏈鏂扮殑琛屼笟璧勮鍜岀綉缁滆惀閿鐭ヨ瘑

鏂伴椈鍒楄〃

绗 1 椤碉紝鍏 46 椤

鍒嗙被 鏍囬 鍙戝竷鏃ユ湡
SEO浼樺寲 骞翠腑浼樻儬锛屾満涓嶅彲澶憋細鏍囧噯鍨嬪椁(浜у搧灞曠ず鍨) 1800鍏冿紝0鍏冨欢闀夸竴骞寸綉绔 2012-12-28
缃戠珯寤鸿 鎵嬫満缃戦〉璁捐鎸囧崡 2012-12-28
缃戠粶鎺ㄥ箍 浣涘北姘哥綉锛圗缃戝伐浣滃锛2013骞存槬鑺備紤鍋囬氱煡 2012-12-28
鍩熷悕绌洪棿 鐧惧害鏀舵定4.83% 鑲′环鍐嶄笂100缇庡厓 杩戞湡娉㈠姩杈冨ぇ 2012-12-28
寤虹珯妗堜緥 Facebook闄峰叆鎶勮椋庢尝 绀句氦娓告垙鎴愭妱琚噸鐏惧尯 2012-12-28
SEO浼樺寲 浜笢鍟嗗煄闄峰叆璋冩暣婕╂丁 CMO钃濈儴鎺ョ寮鏀惧钩鍙 2012-12-28
缃戠珯寤鸿 鍞搧浼氬懆鍥涜穼5.32% 鎶ユ敹16.9缇庡厓 2012-12-28
缃戠粶鎺ㄥ箍 缇庡浗鐢靛晢娑堣垂鑰呮弧鎰忓害璋冩煡缁撴灉鍑虹倝锛氫簹椹婄涓 2012-12-28
鍩熷悕绌洪棿 骞村簳鐢靛晢涔辫薄锛氶樋閲2015骞翠笂甯 浜笢闄风鑱屾疆 2012-12-28
寤虹珯妗堜緥 浼犫滃紑蹇冨啘鍦衡濆紑鍙戝洟闃熲滀簲鍒嗛挓鈥濇槑骞1鏈堝叧闂 2012-12-28
SEO浼樺寲 鏉ㄥ厓搴嗗噺鎸2900涓囪仈鎯抽泦鍥㈣偂浠 濂楃幇2浜挎腐甯 2012-12-28
缃戠珯寤鸿 寮犺繎涓滃洖搴旇嫃瀹佹棤鐢靛晢鍩哄洜锛氫笉鏄細鍙戝嚑鏉″井鍗氬氨鏈 2012-12-28
缃戠粶鎺ㄥ箍 鏂版氮璋冩暣鏋舵瀯鍒掑垎闂ㄦ埛鍙婂井鍗氫袱澶т笟鍔 鏉滅孩璐熻矗闂ㄦ埛 2013-02-06
鍩熷悕绌洪棿 鏇瑰浗浼熼偖浠舵洕鍏夋柊娴2013骞存牳蹇冩垬鐣ワ細绉诲姩涓哄厛 2013-06-20
寤虹珯妗堜緥 浜哄ぇ甯稿浼氫粖鏃ヨ〃鍐冲姞寮虹綉缁滀俊鎭繚鎶ょ殑鍐冲畾 2013-07-16
SEO浼樺寲 鍒嗘瀽绉版柊娴井鍗氭垨灏嗚笍涓婂皝闂箣璺 2012-07-25
缃戠珯寤鸿 浼犻樋閲屽反宸存垬鐣ユ姇璧勬柊娴井鍗 鍗犺偂15%-20% 2012-07-25
缃戠粶鎺ㄥ箍 鐧惧害甯傚奸娆¤秴瓒婅吘璁 浠呮浜庤胺姝屼簹椹 2012-07-25
鍩熷悕绌洪棿 CNNIC锛氫腑鍥界綉姘戣妯¤揪4.85浜 绋冲眳涓栫晫绗竴 2012-10-21
寤虹珯妗堜緥 璋锋瓕鍦板浘鍗囩骇鏂板2500涓囧骇寤虹瓚鐗 瀹樻柟绉版洿缁嗚嚧 2012-10-21
SEO浼樺寲 璋锋瓕涓嶄細鍚戠敤鎴烽忛湶鐨10浠朵簨 2012-10-21
缃戠珯寤鸿 璋锋瓕椋庢姇绗笁瀛e害瀹屾垚21椤规姇璧 2012-10-21
缃戠粶鎺ㄥ箍 澶╃尗鑱斿悎48瀹剁數鍟嗚繋鎴樷11.11鈥 澶囪揣20浜 2012-10-21
鍩熷悕绌洪棿 涓氱晫鍛煎悂瑙嗛缃戠珯鎺掕缁熶竴鏍囧噯 2012-10-21
寤虹珯妗堜緥 缃戠粶鍏徃鍦ㄥ姙鍏湴鐐瑰吇缇 鐢ㄧ儰鍏ㄧ緤瀹磋瀹㈡埛 2012-10-21
SEO浼樺寲 涓叴閫氳20浜垮厓宸ㄤ簭 缇庡浗瀹夊叏璋冩煡缁撴潫鎬濈鍚堜綔 2012-10-21
缃戠珯寤鸿 鐧惧害鎴愮珛LBS浜嬩笟閮 鎷ユ湁鍦板浘灏辨嫢鏈夌敤鎴 2012-10-21
缃戠粶鎺ㄥ箍 鏈濋矞涓囧悕绉戞妧浜烘墠鍏ュ崕锛氭湀宸ヨ祫1500鍏 60%涓婄即缁勭粐 2012-10-21
鍩熷悕绌洪棿 Twitter闃愯堪鏈潵鍙戝睍鏂瑰悜锛氬寮烘湇鍔″疄鐢ㄦ 2012-12-28
寤虹珯妗堜緥 璋锋瓕6鏈堣潐鑱斿叏缇庤闂噺绗竴瀹濆骇 2012-12-28
      最新资讯
年中优惠,机不可失:标
手机网页设计指南
佛山永网(E网工作室)
百度收涨4.83% 股
Facebook陷入抄
京东商城陷入调整漩涡
唯品会周四跌5.32%
美国电商消费者满意度调
年底电商乱象:阿里20
传“开心农场”开发团队
杨元庆减持2900万联
张近东回应苏宁无电商基
新浪调整架构划分门户及
曹国伟邮件曝光新浪20
人大常委会今日表决加强
分析称新浪微博或将踏上
传阿里巴巴战略投资新浪
百度市值首次超越腾讯
CNNIC:中国网民规
谷歌地图升级新增250
         行业资讯 >> Web2.0的视觉设计
Web2.0的视觉设计
发布人:管理员  发布时间:2007年4月22日  浏览 7379 次
分享 |

    前一阵子 维基百科的Web2.0条目 包含了一节内容,专门描述Web 2.0的视觉元素,讲述了渐变色、绚丽的图标、反射效果、阴影以及大号字体等等。

    但是几天之后维基人投票决定撤掉“视觉元素”这一部分。推究其原因,可能是Web 2.0的特性不能通过一系列的视觉规则来精确地定义。如果 Web 2.0 被理解为一种 内容生成和发布的途径 ,那就没必要将其禁锢在视觉效果的框框里。

    尽管如此,事实上大多数 Web 2.0 网站都有某种独特的艺术风格。也许维基人觉得这不属于Web 2.0的讨论范畴,但我却认为这十分必要。让我们开始 Web 2.0 的视觉之旅,看看所谓“Web 2.0风格”起着怎样的作用。

请相信我是Web 2.0

    完美的 Web 2.0 依靠着访问者的力量。用户可以为Web服务制造内容,通过流行的点对点方式像“病毒”一样传播,并依照他们的意愿和喜好来提高内容的质量。

    但是要让访问者为Web应用程序付出时间和内容,首先需要让他们相信你。为获取人们的信任,绝大多数 Web 2.0 网站都通过绝妙的设计给我们带来了友好、亲切的印象。

春风又绿江南岸

    明快的颜色得到了 Web 2.0 网站的青睐。大部分 Web 2.0 网站不约而同地采用了绿色,但是深蓝、橙色和粉红色也十分人气。浓重的主色调表明了幽默的态度,也有助于人们迅速注意到页面上的重要元素。

   

圆角革命

    新的CSS技术支持圆角,使得圆角风格再次风靡世界。友好的圆角风格奠定了许多 Web 2.0 网站的舒适、通俗的基调。

  

    FontShop有一篇 分析Web 2.0 图标的精彩文章 ,表明了圆角字体已成为流行趋势。它为一个公司的视觉形象带来了十分现代的风格。

   

免费无处不在

    如果你已吸引访问者注册了你的应用程序,那么你应当毫不吝惜地送他们免费的账户。几乎所有的 Web 2.0 网站都将主要的经费奉献给了一条消息——“我们提供免费服务”。若这条信息出现在无处不在的星形标记中就更好了。

   

照片为大忌

    在 Web 2.0 网站上,你找不到任何照片——那是小公司模仿大企业的伎俩。简洁的图标和截图,当这些成为 Web 2.0 网站的形象时,它们就成了今天的规则。三维圆角按钮会让页面变得高贵优雅,不使用则显得古板僵硬。

   

简单就是美

    为提高用户体验,大部分 Web 2.0 应用程序都添加了技术层面或者组织层面,例如用 del.icio.us 管理链接,用 flickr 共享照片,或者用 Backpack 组织任务等,我们必须要熟悉这些新技术,并花些时间来管理我们的内容。好的Web 2.0程序应该十分轻快并易于上手,而巧妙的视觉设计和文字有助于减少入门障碍。

    巧妙地利用布局、颜色、输入和文本可以最大限度地减小访问者的负担。

越大越好

    谈起 Web 2.0 当然是越大越好。这里指的是大号字体。大号文字省眼,与流利的书写配合使得信息更容易吸收。如今,网站的可访问性十分重要,因此有经验的网页设计师可以使用超大文字。

    

空白的活力

    Web 2.0 网站的布局可以做得很小。巧妙利用空白可以提高页面的易读性和易用性。空白可以分离出重要信息,使眼睛得到休息,并给人以冷静和有秩序的感觉。宽敞的文字布局也使得文字复制更容易。有些 Web 2.0 布局小得近乎无法忍受,但如果设计得好,紧凑的页面也会值得深深品味。

  

好点子

    友好、风趣的书写可以让作者和访问者建立良好的关系。A List Apart 使得 Flickr 和Photojojo 脱颖而出,这是个许多Web 2.0网站都应该学习的案例。WebTango 不仅仅是免费,它提倡的是“free of additives, cholesterol, ozone-depleting CFCs, and most importantly, free to use(无添加物,无胆固醇,无破坏臭氧层的氯氟烃,最重要的是,免费)”。Tioti 不只是拥有标签和RSS,它拥有的是“tagging and RSS up the yazoo”。FFAQQLY 的创立者David Liu不是一个不露面的虚拟任务,而是“你注册后的第一个朋友”。eSnips 的工具条不只是可定制,它是“有一大串超酷用法的工具条”。想个好点子吧。

意犹未尽

    Web 2.0 网站有很多视觉设计倾向,乍一看似乎并没有某种固定的模式,但无一不在追求注意力。“湿桌子”效果(charlee注:反射效果)、“星形”效果、“玻璃”按钮,造就了众多的 Web 2.0 的绮丽。

   

总结

    我的 Web 2.0 视觉设计之旅就到此结束了。也许“Web 2.0风格”会在一年后过时,但它一定会为延长网站寿命做出巨大的贡献。

参考
What is Web 2.0?
The Logos of Web 2.0
Current style in web design
The Web 2.0 Awards

出处:f6design.com

 




    (本站大部分文章来自网络收集和整理,如有侵权请联系我们,24小时内处理.)



佛山市红盾信息网
网络110报警