您的地位: 首页 > 艺术设计 > 设计实际 > 浅谈WEB登录页面设计
Windows 8设计指南翻译 回到列表 若何才是一个好的LOGO?
 浅谈WEB登录页面设计

作者:CDCer 时间: 2012-02-06 文档类型:协作网站供给 来自:Tencent CDC Blog

用户活泼度是考验产品成功与否的重要目标之一,传统行业的商家极其看重门面的装潢,由于一个好的门面可以集合人气,招徕更多的顾客。古时辰的大年夜户人家院子门口的石狮子或其他的摆件的摆放极其讲究,有必定的风水学说事理,更能彰显主人家的身份地位.因而可知,“门面’就如人的脸面之于人的笼统一样重要,而WEB的登录页面就相当传统的“门面”。

如今愈来愈多的大年夜型网站把登录和首页放在一路设计,因而可知登录页面的重要性,一个出彩的登录界面,将晋升产品的品德,付与产品独特的气质,登录界面也是一个发挥情浸染设计,晋升用户体验,拉近与用户之间间隔的兵家必争之地,本文不谈趋势,不讲交互大年夜事理,不触及技巧,就侃侃用户登录页面的一些设计表示情势。欲望这些设计表示手段能给大年夜家带来一些启发和灵感。

优雅大年夜方

假设说iPad是介于传统电脑和手机之间的产品,那么tumblr则是介于blog和twitter之间的办事。比拟twitter,它的功能更复杂、内容展示性更强、加倍看重多媒体的应用。Tumblr做为轻博客的鼻祖,带来一种全新的视觉体验, 安东尼·德·圣-埃克苏佩里曾说过,“完美就是多一点则太多,少一点则太少。” Tumblr的登录页面没有过量的视觉搅扰,优雅大年夜方,一切元素的存在都是为了用户更好的登录,登录过程异常流畅。

精细的质感表示

iCloud是苹果公司所供给的云端同步办事,用户有5GB的收费存储空间。 担任Macintosh用户界面设计的柯戴尔·瑞茨拉夫回想说:“乔布斯会一个像素一个像素地检查屏幕上的每个细节,确保相干的图象精确对齐。他异常看重细节,过细程度居然达到了像素的层面。假设发明成绩,乔布斯就会急速冲着某个工程师大年夜吼起来。”iCloud登录页面的设计持续了苹果公司对细节的苛求, 过细的纹理,奥妙的暗影,精细的质感,完美的细节,金属光泽可以随着鼠标指针移动,底部的图标可以随着分辨率的大年夜小自适应,改变分列方法,确保用户的浏览体验。

iCloud给我们上了很好的一课,有句大年夜家都听过却未必做到的话——细节决定成败,丰富的细节可以晋升设计的价值,也是断定一个设计高低的一条很重要的标准之一,精细温馨的质感纹理,给用户一种沉溺式,充斥欣喜的登录体验,是一种很棒的表示方法。

小清爽的插图

在网页设计中,插图异常具有表示力,它与绘画艺术关系密切。所以大年夜部分设计职位,敌手绘才能出众者非分特别喜爱,很多表示技法都是自创了绘画艺术的表示技法。插画艺术与网页设计的的结合,具有独特的艺术魅力,从而更具表示力。愈来愈多的设计师,将插画应用到网页设计中来,活泼风趣温情的清爽插图,能敏捷的捉住用户的眼球,让登录界面的加倍具有亲和力,

163邮箱的登录页面就采取了大年夜幅的插图,小邮差很快唤醒了80后等待来信的记忆,有故事的插图与用户建立情感的接洽,唤起用户的心灵共鸣,让用户更有归属感。

Vimeo是一家供给高清视频存放办事的网站,在这里可以找到很多来自世界各地异常有创意的设计师。信赖登录过Vimeo的同伙都对Vimeo的上岸页面记忆深刻。

人文关怀的品牌传达

设计以工本钱,以工本钱的设计不只能进步产品的品德,还能进步设计的艺术程度,而登录页面是表现人文关怀,传播品牌理念的绝佳地位。

QQ邮箱上岸页面每次刷新都能看到不合的内容,或用海子的诗,或用迈克尔.杰克逊的歌词,唤起用户的共鸣,设计手段简洁,主体信息凹陷,引导清楚,并没有多余的元素,界面中最重要的操作“登录”按钮应用了交通中通行的绿色,而没有应用经常使用的蓝色,细节设计异常讲究,对每个细节都注入人文的关怀。

新浪微博将登录框设计成一条围脖的款式,用户的每次登录都是一次品牌传达的过程,符合新浪力推的围脖品牌理念,织围脖的概念深刻人心。

愈来愈大年夜的登录框

愈来愈大年夜的输入框设计,让用户输入起来认为心境舒畅,登录过程异常愉悦,在显示器愈来愈大年夜的明天,mailchimp大年夜输入框显的霸气实足,并且一失常态的可以看到本身的暗码,第一次在WEB登录框里见到这类设计,异常贴心.正是这类形形色色的设计,让mailchimp从一个外部项目演变成一个该公司最成功的贸易产品。

繁复而不简单

WEB设计的风格愈来愈趋势于简洁,登录页面大年夜量地应用留白可让登录框加倍凹陷。最大年夜程度的增添用户专心,从视觉的角度来看,繁复的设计是沉着的,砍掉落了多余的元素,色彩,外形和纹理,不克不及应用让人眼前一亮的设计元素,只能靠空白去做视觉吸引力。构造的衡量及简化设计做的不到位的话很轻易变的单调有趣,wordpress后台上岸页面采取恰当的投影,灰色的奇妙应用,和掉足的颤抖提示,让全部登录页面繁复而不简单.可谓典范。

随着互联网的高速生长,移动互联网的到来,WEB设计愈来愈出现多元化。虽然一个好的设计并代表产品就必定会成功,但却能为产品加分,为产品注入设计DNA,创造独特的风格和视觉感触感染, 好了,明天就先侃到这,作为用户应用的出口,欲望这篇小文可让大年夜家对登录页面看重起来,设计出更多出色的登录页面。

原文:http://cdc.tencent.com/?p=5037

本文链接:http://kostschema.com/design/doc/2012/8744.asp 

出处:Tencent CDC Blog
义务编辑:bluehearts

作者文章
情浸染设计中的手绘应用表示
图形化设计:内涵容不得牵强
Q+ Web 改版设计小结
icon小教程之图标细节的绘制
热点搜刮:CSS Fireworks 设计比赛 网页制造 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
周大年夜福“敬•天然”设计大年夜赛开启
国际体验设计大年夜会7月将在京举办
中国国防科技信息中间标记征集
云计算若何让安然成绩可控
云计算是多半企业唯一拥抱互联网的机会
阿里行云
云手机年关巨献,送礼标配299起
阿里巴巴CTO王坚的"云和互联网不雅"
1499元买真八核 云OS双蛋大年夜促
首届COCO桌面手机主题设计大年夜赛
栏目最新 栏目最新列表
国外创意名片设计观赏
情浸染界面
线下项目任务流程(归结篇)
线下项目任务流程(分析篇)
繁复而不简单-Practise平面设计
培养用户的应用习气
优良名片设计
专题头图的机密兵器
别让UED忽悠你(2):若干钱一斤
别让UED忽悠你(1):生成的抵触
分享按钮

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

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

特别留意:本站所供给的摄影照片,插画,设计作品,如需应用,请与原作者接洽,版权归原作者一切,文章如有侵犯作者版权,请与我们接洽,我们将急速删除修改。

您的评论
用户名:  口令:
解释:输入精确的用户名和暗码才能参与评论。假设您不是本站会员,你可以注册 为本站会员。
留意:文章中的链接、内容等须要修改的缺点,请用申报缺点,以利文档及时修改。
不评分 1 2 3 4 5
留意:请不要在评论中含与内容有关的告白链接,背者封ID
请您留意:
·不良评论请用申报管理员,以利管理员及时删除。
·尊敬网上品德,遵守中华人平易近共和国的各项有关司法律例
·承当一切因您的行动而直接或直接招致的平易近事或刑事司法义务
·本站评论管理人员有权保存或删除其管辖评论中的随便任性内容
·您在本站发表的作品,本站有权在网站内转载或援用
·参与本评论即注解您曾经浏览并接收上述条目
推荐文档 | 打印文档 | 评论文档 | 申报缺点  
专业书推荐 更多内容
网站可用性测试及优化指南
《写给大年夜家看的色彩书1》
《跟我去喷鼻港》
众妙之门—网站UI 设计之道
《Flex 4.0 RIA开辟宝典》
《赢在设计》
锋利开辟—jQuery内核详解与实际
作品集 更多内容

杂⑦杂⑧ Gold NORMANA V2