用户活跃度是检验产品成功与否的重要指标之一,传统行业的商家极为重视门面的装潢,因为一个好的门面可以聚集人气,招揽更多的顾客。古时候的大户人家院子门口的石狮子或其他的摆件的摆放极为讲究,有一定的风水学说道理,更能彰显主人家的身份地位.由此可见,“门面’就如人的脸面之于人的形象一样重要,而WEB的登录页面就相当传统的“门面”。
现在越来越多的大型网站把登录和首页放在一起设计,由此可见登录页面的重要性,一个出彩的登录界面,将提升产品的品质,赋予产品独特的气质,登录界面也是一个发挥情感化设计,提升用户体验,拉近与用户之间距离的兵家必争之地,本文不谈趋势,不讲交互大道理,不涉及技术,就侃侃用户登录页面的一些设计表现形式。希望这些设计表现手法能给大家带来一些启发和灵感。
优雅大方
如果说iPad是介于传统电脑和手机之间的产品,那么tumblr则是介于blog和twitter之间的服务。相比twitter,它的功能更复杂、内容展示性更强、更加重视多媒体的应用。Tumblr做为轻博客的鼻祖,带来一种全新的视觉体验,安东尼·德·圣-埃克苏佩里曾说过,“完美就是多一点则太多,少一点则太少。”Tumblr的登录页面没有过多的视觉干扰,优雅大方,一切元素的存在都是为了用户更好的登录,登录过程非常流畅。
精致的质感表现
iCloud是苹果公司所提供的云端同步服务,用户有5GB的免费存储空间。负责Macintosh用户界面设计的柯戴尔·瑞茨拉夫回忆说:“乔布斯会一个像素一个像素地检查屏幕上的每个细节,确保相关的图像准确对齐。他非常重视细节,细致程度居然达到了像素的层面。如果发现问题,乔布斯就会立即冲着某个工程师大吼起来。”iCloud登录页面的设计继承了苹果公司对细节的苛求,细致的纹理,微妙的阴影,精致的质感,完美的细节,金属光泽可以随着鼠标指针移动,底部的图标可以随着分辨率的大小自适应,改变排列方式,确保用户的浏览体验。
iCloud给我们上了很好的一课,有句大家都听过却未必做到的话——细节决定成败,丰富的细节可以提升设计的价值,也是判断一个设计高下的一条很重要的标准之一,精致舒适的质感纹理,给用户一种沉浸式,充满惊喜的登录体验,是一种很棒的表现方式。
小清新的插图
在网页设计中,插图非常具有表现力,它与绘画艺术关系密切。所以大部分设计职位,对手绘能力出众者格外青睐,许多表现技法都是借鉴了绘画艺术的表现技法。插画艺术与网页设计的的结合,具有独特的艺术魅力,从而更具表现力。越来越多的设计师,将插画运用到网页设计中来,生动有趣温情的清新插图,能迅速的抓住用户的眼球,让登录界面的更加具有亲和力,
163邮箱的登录页面就采用了大幅的插图,小邮差很快唤醒了80后等待来信的记忆,有故事的插图与用户建立情感的联系,唤起用户的心灵共鸣,让用户更有归属感。
Vimeo是一家提供高清视频存放服务的网站,在这里可以找到很多来自世界各地非常有创意的设计师。相信登录过Vimeo的朋友都对Vimeo的登陆页面记忆深刻。
人文关怀的品牌传达
设计以人为本,以人为本的设计不仅能提高产品的品质,还能提高设计的艺术水平,而登录页面是体现人文关怀,传播品牌理念的绝佳位置。
QQ邮箱登陆页面每一次刷新都能看到不同的内容,或用海子的诗,或用迈克尔.杰克逊的歌词,唤起用户的共鸣,设计手法简洁,主体信息突出,引导清晰,并没有多余的元素,界面中最重要的操作“登录”按钮使用了交通中通行的绿色,而没有使用常用的蓝色,细节设计非常考究,对每个细节都注入人文的关怀。
新浪微博将登录框设计成一条围脖的样式,用户的每一次登录都是一次品牌传达的过程,切合新浪力推的围脖品牌理念,织围脖的概念深入人心。
越来越大的登录框
越来越大的输入框设计,让用户输入起来感到心情舒畅,登录过程非常愉悦,在显示器越来越大的今天,mailchimp大输入框显的霸气十足,并且一反常态的可以看到自己的密码,第一次在WEB登录框里见到这种设计,非常贴心.正是这种不拘一格的设计,让mailchimp从一个内部项目蜕变成一个该公司最成功的商业产品。
简约而不简单
WEB设计的风格越来越趋向于简洁,登录页面大量地使用留白可以让登录框更加突出。最大程度的减少用户分心,从视觉的角度来看,简约的设计是平静的,砍掉了多余的元素,颜色,形状和纹理,不能使用让人眼前一亮的设计元素,只能靠空白去做视觉吸引力。布局的权衡及简化设计做的不到位的话很容易变的单调乏味,wordpress后台登陆页面采用适当的投影,灰色的巧妙运用,以及出错的抖动提示,让整个登录页面简约而不简单.堪称典范。
参考:
这6种常见的插画海报风格你知道吗？2020年可以说是插画的天下
曾感动无数人的《热干面好久不见》
到最近的各种节日品牌海报
都能见到插画的身影
那插画常见的风格有哪些你知道吗?
小A将通过这篇文章
带大家了解一下插画海报的常见风格!
扁平风格插画主要由色块构成,造型几何化,外轮廓光滑,信息更加直观,能够让人一眼看上去就知道界面所传达的信息。
扁平化的界面也能够更好地实现画面的转化,网页加载得更快,因此,扁平风格插画被广泛应用于各个领域。
描线风格,是在扁平化风格之上的延伸。
在扁平化元素中添加外轮廓和描边,描线插画的外轮廓加上描边,相对于扁平化风格来说,更加地立体,可爱,往往会用在海报、引导页面、logo等之中。
肌理风格插画也叫做颗粒噪点风格,是扁平化风格的又一个分支,将页面叠加颗粒肌理,呈现出一种磨砂质感,有点像沙画的感觉,但又比沙画细腻。
主要表现形式是运用大量色块的表现,元素单一干净,肌理常叠加在元素的高光及阴影处,通过颗粒感来增加画面中的细节,画面过渡自然,立体生动,画风轻松随意。
浮世,佛语里是指“繁华又空虚的人世间”,浮世绘是将人世间的浮沉聚散不定地用绘画的形式表现出来。
浮世绘画风以传统版画为基础,强调线条及色块的平涂,色彩艳丽,以鸟、鱼和海浪等为主要表现形式。
MBE插画是由Dribbble的一位设计师创造的风格,采用黑粗线条描绘元素,除去画面中不必要的元素,色块有明显的区分,圆润可爱。和小元素配合,常用于引导页、启动页、logo等。
水彩插画是近几年比较流行的一种画法,简单的线条加上温和的色彩,宁静自然,线条简单随意,水彩插画的创造性特别强,既能够表现写实、抽象、魔幻等各种风格。
插画是我们在生活中最常见的设计元素之一
近几年逐渐成为海报设计的主流
不同风格的插画风格带给人们不同的视觉感受
你更喜欢哪一种呢?
游戏原画和插画有什么区别？游戏美术里常说的原画、插画与宣传画有什么区别?
什么是游戏原画?
游戏原画是将游戏策划用文字所描述和设计的世界,以画面的形式,做出此具体形象的说明,为后续的游戏制作提供美术依据和指导,原画的最终美术效果体现为游戏画面效果。
原画主要是针对游戏设计,是关键的设计稿,在游戏流程中起到非常重要的作用。
图示中的NPC设计,原画设计师将参考素材,各处的设计细节都用文字或图片解释的非常详细,这是为了给后面的3D建模师及动作特效师等更好的去制作出来。
原画要求表达的内容精准,游戏中的人物或怪物、场景全靠原画师的设计,所以有着良好的设计能力和创意是一个优秀的原画师所必备的。
什么是插画?
插画是以画面的形式,把插画师的想法呈现在观众面前,使观众更能理解和融入文字所描述情景和情节之中。同时提供吸引眼球的宣传的作用,插画的效果即画面效果。
什么是游戏宣传画(美宣)?
游戏宣传画的作用就是“宣传”。这一点和一般的原画作用刚好相反,和插画的作用相近。
游戏登录界面美宣图
游戏登录界面美宣图与插画不同的是,宣传原画是将游戏的美术设计展示给玩家,而不是单一的某一个情景情节,所以对设计上也有较高的要求。同时为了达到更好的宣传作用,那么就必须制作精良,画面好看。
因此,宣传画综合了原画与插画的要求,设计上必须出彩,画面上必须精美。所以对画师的要求是最高的。有些同学刚毕业就想做美宣,这是不太可能的,除非有着极高的造诣和天赋,游戏公司里的美宣设计师都是一步一步从原画设计开始做起,有了经验后再转做美宣。
综上所述,“原画设计”重在“设计”,是游戏的制作说明之一,属于说明书之类的东西。“插画设计”是重在“画”,自己本身已经是一个产品。而“宣传画”则是完成度最高的。
原画不是一个产品,不能直接推出给最终消费者;插画则是一个面对最终消费者的产品。
所以它们各自的目的不同,造成了它们效果质量也不同。一般来说大多数游戏原画设计的完成度都没有插画设计的高,不比插画美宣漂亮精致。
如果以后想从事相关的工作,原画师一般是从属于某个公司,会有比较稳定的收入。插画,很多是以约稿的形式,根据画幅和难易程度来付费。而美宣,则通常是由游戏公司内部的资深原画师担当。
所以相对而言,原画师更为稳定一些,而插画师更为自由一些,工作性质更加灵活弹性。