??xml version="1.0" encoding="utf-8" standalone="yes"?>av一区二区三区四区,国产精品欧美一区喷水,国产亚洲依依http://www.aygfsteel.com/xiaomage234/category/50919.html生命本就是一ơ凄的漂流Q记忆中放不下的Q永q是孩提时代的那一份浪漫与U真Q?/description>zh-cnThu, 23 Feb 2012 07:59:52 GMTThu, 23 Feb 2012 07:59:52 GMT60拒绝q_——浅谈WEBd面设计【{摘?/title><link>http://www.aygfsteel.com/xiaomage234/archive/2012/02/23/370597.html</link><dc:creator>马?/dc:creator><author>马?/author><pubDate>Thu, 23 Feb 2012 07:45:00 GMT</pubDate><guid>http://www.aygfsteel.com/xiaomage234/archive/2012/02/23/370597.html</guid><wfw:comment>http://www.aygfsteel.com/xiaomage234/comments/370597.html</wfw:comment><comments>http://www.aygfsteel.com/xiaomage234/archive/2012/02/23/370597.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/xiaomage234/comments/commentRss/370597.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/xiaomage234/services/trackbacks/370597.html</trackback:ping><description><![CDATA[<div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; height: 45px; overflow-x: hidden; overflow-y: hidden; position: relative; border-image: initial; "><h3>拒绝q_——谈WEBd面设计</h3><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #777777; "><a target="_blank" style="color: #333333; font-size: 12px; ">大C</a> / <a style="color: #333333; font-size: 12px; ">视觉设计</a> / 2012.01.16 / 相关标签 <a rel="tag" style="color: #333333; font-size: 12px; ">人文x</a> <a rel="tag" style="color: #333333; font-size: 12px; ">清?/a> <a rel="tag" style="color: #333333; font-size: 12px; ">插图</a> <a rel="tag" style="color: #333333; font-size: 12px; ">用户</a> <a rel="tag" style="color: #333333; font-size: 12px; ">d面</a></p></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 15px; float: left; width: 720px; overflow-x: hidden; overflow-y: hidden; "><a style="color: #333333; text-decoration: none; font-size: 12px; font-family: Tahoma, 宋体; line-height: normal; background-color: #ffffff; "><img src="http://cdc.tencent.com/wp-content/uploads/2012/01/banner1.png" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; float: left; " alt="" /></a><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 17px; padding-bottom: 17px; clear: both; width: 720px; line-height: 24px; position: relative; overflow-x: hidden; overflow-y: hidden; background-image: url(http://cdc.tencent.com/wp-content/themes/cdcblog2/images/hatching_line.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #ffffff; color: #333333; font-family: Tahoma, 宋体; border-image: initial; background-position: 0% 0%; background-repeat: repeat no-repeat; "><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; clear: both; width: 720px; ">  用户z跃度是验品成功与否的重要指标之一Q传l行业的商家极ؓ重视门面的装潢,因ؓ一个好的门面可以聚集h气,招揽更多的顾客。古时候的大户人家院子门口的石狮子或其他的摆g的摆放极IӞ有一定的风水学说道理Q更能嘪显主人家的n份地?由此可见Q?#8220;门面’如人的脔R之于人的形象一样重要,而WEB的登录页面就相当传统?#8220;门面”?/p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; clear: both; width: 720px; ">  现在来多的大型网站把d和首|在一赯计,由此可见d面的重要性,一个出彩的d界面Q将提升产品的品质,赋予产品独特的气质,d界面也是一个发挥情感化设计Q提升用户体验,拉近与用户之间距ȝ兵家必争之地Q本文不谈趋势,不讲交互大道理,不涉及技术,׃侃用L录页面的一些设计表现Ş式。希望这些设计表现手法能l大家带来一些启发和灉|?/p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; clear: both; width: 720px; "><strong>优雅大方</strong><br />  如果说iPad是介于传l电脑和手机之间的品,那么tumblr则是介于blog和twitter之间的服务。相比twitterQ它的功能更复杂、内容展C性更强、更加重视多媒体的应用。Tumblr做ؓd客的ȝQ带来一U全新的视觉体验Q?安东?#183;?#183;?埃克苏佩里曾说过Q?#8220;完美是多一点则太多Q少一点则太少?#8221; Tumblr的登录页面没有过多的视觉q扰Q优雅大方,一切元素的存在都是Z用户更好的登录,dq程非常畅?/p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; clear: both; width: 720px; "> <img size-full="" wp-image-5065"="" src="http://cdc.tencent.com/wp-content/uploads/2012/01/17.jpg" alt="" width="720" height="436" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; clear: both; width: 720px; "><strong></strong> </p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; clear: both; width: 720px; "><strong>_致的质感表?/strong><br />  iCloud是苹果公司所提供的云端同步服务,用户?GB的免费存储空间?负责Macintosh用户界面设计的柯戴尔·瑞茨拉夫回忆_“乔布斯会一个像素一个像素地查屏q上的每个细节,保相关的图像准对齐。他非常重视l节Q细致程度居然达C像素的层面。如果发现问题,乔布斯就会立卛_着某个工程师大Dv来?#8221;iCloudd面的设计承了Ҏ公司对细节的苛求, l致的纹理,微妙的阴影,_致的质感,完美的细节,金属光泽可以随着鼠标指针UdQ底部的图标可以随着分L率的大小自适应Q改变排列方式,保用户的浏览体验?/p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; clear: both; width: 720px; ">  iCloudl我们上了很好的一课,有句大家都听q却未必做到的话——l节军_成|Q丰富的l节可以提升设计的h|也是判断一个设计高下的一条很重要的标准之一Q精致舒适的质感U理Q给用户一U沉式Q充满惊喜的d体验Q是一U很的表现方式?/p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; clear: both; width: 720px; "><img src="http://cdc.tencent.com/wp-content/uploads/2012/01/21.jpg" alt="" width="720" height="347" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; clear: both; width: 720px; "><strong></strong> </p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; clear: both; width: 720px; "><strong>清新的插图</strong><br />  在网设计中Q插N常具有表现力Q它与绘画艺术关pd切。所以大部分设计职位Q对手绘能力Z者格外青睐,许多表现技法都是借鉴了绘画艺术的表现技法。插画艺术与|页设计的的l合Q具有独特的艺术力Q从而更兯现力。越来越多的设计师,插画运用到|页设计中来Q生动有温情的清新插图Q能q速的抓住用户的眼球,让登录界面的更加h亲和力,</p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; clear: both; width: 720px; ">  163邮箱的登录页面就采用了大q的插图,邮差很快唤醒了80后等待来信的记忆Q有故事的插图与用户建立情感的联p,唤v用户的心灵共鸣,让用h有归属感?/p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; clear: both; width: 720px; "><img size-full="" wp-image-5067"="" src="http://cdc.tencent.com/wp-content/uploads/2012/01/31.jpg" alt="" width="720" height="484" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; clear: both; width: 720px; ">  Vimeo是一家提供高清视频存放服务的|站Q在q里可以扑ֈ很多来自世界各地非常有创意的设计师。相信登录过Vimeo的朋友都对Vimeo的登陆页面记忆深刅R?/p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; clear: both; width: 720px; "><img size-full="" wp-image-5068"="" src="http://cdc.tencent.com/wp-content/uploads/2012/01/41.jpg" alt="" width="720" height="534" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; clear: both; width: 720px; "><strong></strong> </p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; clear: both; width: 720px; "><strong>人文x的品牌传?/strong><br />  设计以h为本Q以Zؓ本的设计不仅能提高品的品质Q还能提高设计的艺术水^Q而登录页面是体现人文xQ传播品牌理늚l佳位置?/p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; clear: both; width: 720px; ">  QQ邮箱登陆面每一ơ刷新都能看C同的内容Q或用v子的诗,或用q克?杰克逊的歌词Q唤LL共鸣Q设计手法简z,M信息H出Q引导清晎ͼq没有多余的元素Q界面中最重要的操?#8220;d”按钮使用了交通中通行的绿Ԍ而没有用常用的蓝色Q细节设计非常考究Q对每个l节都注入h文的x?/p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; clear: both; width: 720px; "><img size-full="" wp-image-5071"="" src="http://cdc.tencent.com/wp-content/uploads/2012/01/52.jpg" alt="" width="720" height="442" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; clear: both; width: 720px; ">  新浪微博登录框设计成一条围脖的样式Q用L每一ơ登录都是一ơ品牌传辄q程Q切合新力推的围脖品牌理念Q织围脖的概忉|入h心?/p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; clear: both; width: 720px; "> </p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; clear: both; width: 720px; "><strong>来大的登录框</strong><br />  来大的输入框设计Q让用户输入h感到心情舒畅Q登录过E非常愉悦,在显C器来大的今天,mailchimp大输入框昄霸气十Qƈ且一反常态的可以看到自己的密码,W一ơ在WEBd框里见到q种设计Q非常脓?正是q种不拘一格的设计Q让mailchimp从一个内部项目蜕变成一个该公司最成功的商业品?/p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; clear: both; width: 720px; "><img size-full="" wp-image-5073"="" src="http://cdc.tencent.com/wp-content/uploads/2012/01/71.jpg" alt="" width="720" height="409" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; clear: both; width: 720px; "><strong></strong> </p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; clear: both; width: 720px; "><strong>U而不?/strong><br />  WEB设计的风D来越向于简z,d面大量C用留白可以让d框更加突出。最大程度的减少用户分心Q从视觉的角度来看,U的设计是^静的Q砍掉了多余的元素,颜色QŞ状和U理Q不能用让人眼前一亮的设计元素Q只能靠I白d视觉吸引力。布局的权衡及化设计做的不C的话很容易变的单调乏呻Iwordpress后台登陆面采用适当的投影,灰色的y妙运用,以及出错的抖动提C,让整个登录页面简U而不?堪称典范?/p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; clear: both; width: 720px; "><img size-full="" wp-image-5074"="" src="http://cdc.tencent.com/wp-content/uploads/2012/01/81.jpg" alt="" width="720" height="409" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /></p><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; clear: both; width: 720px; ">  随着互联|的高速发展,Ud互联|的到来QWEB设计来呈现多元化。尽一个好的设计ƈ代表产品׃定会成功Q但却能Z品加分,Z品注入设计DNAQ创造独特的风格和视觉感受, 好了Q今天就先侃到这Q作为用户用的入口Q希望这小文可以让大家对登录页面重视v来,设计出更多精彩的d面?/p></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; float: left; width: 720px; position: relative; color: #333333; font-family: Tahoma, 宋体; font-size: 12px; line-height: normal; background-color: #ffffff; border-image: initial; "><ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; list-style-type: none; list-style-position: initial; list-style-image: initial; float: left; width: 720px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d7d7d7; "><br /></ul></div></div><img src ="http://www.aygfsteel.com/xiaomage234/aggbug/370597.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/xiaomage234/" target="_blank">马?/a> 2012-02-23 15:45 <a href="http://www.aygfsteel.com/xiaomage234/archive/2012/02/23/370597.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss> <footer> <div class="friendship-link"> <a href="http://www.aygfsteel.com/" title="狠狠久久亚洲欧美专区_中文字幕亚洲综合久久202_国产精品亚洲第五区在线_日本免费网站视频">狠狠久久亚洲欧美专区_中文字幕亚洲综合久久202_国产精品亚洲第五区在线_日本免费网站视频</a> </div> </footer> վ֩ģ壺 <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">ͨ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">ɳƺ</a>| <a href="http://" target="_blank">˻</a>| <a href="http://" target="_blank">޻</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">ף</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">ͺ</a>| <a href="http://" target="_blank">ˮ</a>| <a href="http://" target="_blank">¸</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">ԭ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">䴨</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">˰</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">ֿ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">Ͻ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">ϻ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">ɫ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">ٹ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">ƽ</a>| <a href="http://" target="_blank">Ǩ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">ϳ</a>| <a href="http://" target="_blank">ũ</a>| <a href="http://" target="_blank">˰</a>| <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body>