12个关于用户体验的界面设计细节

点击上方"工信商务培训学校"↑文章列举了一些界面设计中的案例细节,希望对产品设计工作有所帮助。UI设计工作中,设计师们往往不喜欢将界面设计得与原型图一致,总会刻意的去寻求存在感与原型做出差别,那么对于UI设计师来说,更应该懂得用户体验,成为办个用户体验设计师。以下列举了一些界面设计中的案例细节,希望对设计师们有所帮助。一.图标1.统一图标的样式图标在界面设计中还是占着较大的比重,它的存在有利于平衡界面,也让页面看起来更加的美观,也有一定...

12个关于用户体验的界面设计细节 点击上方"工信商务培训学校"


  文章列举了一些界面设计中的案例细节,希望对产品设计工作有所帮助。

  

12个关于用户体验的界面设计细节

 

  UI设计工作中,设计师们往往不喜欢将界面设计得与原型图一致,总会刻意的去寻求存在感与原型做出差别,那么对于UI设计师来说,更应该懂得用户体验,成为办个用户体验设计师。

  以下列举了一些界面设计中的案例细节,希望对设计师们有所帮助。

  一.图标

  1.统一图标的样式

  

12个关于用户体验的界面设计细节

 

  图标在界面设计中还是占着较大的比重,它的存在有利于平衡界面,也让页面看起来更加的美观,也有一定的提示作用。图标风格有:线性图标、填充图标、面型图标、扁平图标、手绘风格图标和拟物图标等。

  在决定使用某一风格的图标设计之后,在相同木块下,请尽量使用同一的风格的图标,如填充图标的色彩饱和度;线性图标的线条粗细;拟物风格的光线阴影等。

  2.意义明确的图标

  

12个关于用户体验的界面设计细节

 

  很多人都喜欢纯图标式的设计,去掉文案试图让图标看起来更高大上,但是往往忽略了图标最重要的作用是提示用户该按钮的功能。如上图所示,去掉文案之后很多图标根本无法准确表达出确切的含义,这也是图形的缺陷。

  做好图标和文字的排版与比例一样可以设计出好看的界面。

  3.图标的视觉平衡

  

12个关于用户体验的界面设计细节

 

  同一个界面出现多个图标时,我们需要保持整体的视觉平衡。并非是所有图标都采用相同的尺寸就能达到平衡,由于图标的体量不同,相同尺寸下不同体量的图标视觉平衡也不相同,例如相同尺寸的正方形会比圆形显得大。因此,我们需要根据图标的体量对其大小做出相应的调整。

  4.符合用户心理的图标(按钮)

  

12个关于用户体验的界面设计细节

 

  图标在大多数情况下都是充当着按钮的作用。设计时必须要清晰准确的传达出当前状态,不能为了视觉效果而带给用户错误的判断,例如深灰色的按钮用户会理解为是禁用状态而放弃点击。

  通过图标(按钮)的颜色、大小、风格等来引导用户进行操作,需要强化的就要做得突出,不要整个界面都处于主次不明的状态,分散用户的注意力,削弱了界面需要传达的主旨。

  二.布局

  1.合理的模块区分

  

12个关于用户体验的界面设计细节

 

  界面设计中不乏内容信息很多,需要折叠的情况。因此经常存在信息的层级关系,而这时就需要利用不同的颜色对各个模块进行区分,利用同色系不同明度来体现这样的层级关系。这样也让用户更容易理解当前所处的模块。也让页面看起来更丰满些。

  2.正确的文字层级关系

  

12个关于用户体验的界面设计细节

 

  工作中我们拿到的需求总会出现大篇幅的文案,不能像概念设计那样任性的删减,在进行文字排版的时候,正确的处理信息之间的层级关系将会提高用户对信息的识别度。我们通常会通过字体大小、颜色、留白、层级分割等技巧来处理,把相同属性的信息归类设计,通过留白的不同达到层级的区分,让整个信息排列主次分明,层级清晰。

  3.合理的内容归纳

  

12个关于用户体验的界面设计细节

 

  应该善用色块和分割线对页面的内容进行合理的归纳和整理。线条通常用于分割同一类别或拥有相同属性的元素;而色块更多的是用于分割不同类别或者区分不同属性的元 素,以达到层次清晰,归类明确的目的。但是所有的一切都应该服务于信息的准确表达,切忌不可为了视觉上的协调而强行的合并或折叠。

  4.预估内容承载范围

  

12个关于用户体验的界面设计细节

 

  新人总是会忘记规范信息呈现的边界宽度。程序在开发的时候总会问,你这个超过长度之后如何显示。有一些程序更是直接用右图的”…”显示。但是在这样的情况下,作为地址这样的简单信息的展示,还需要用户去点击一次才能看见全部地址,明显是不合理的交互。因此我们在设计界面应该要考虑到超过展示边界的时候该如何展示,如何取舍。

  5.尊重App用户的使用习惯

  

12个关于用户体验的界面设计细节

 

  许多App的设计师都是由网页设计师转行而来的,但是App界面有其特殊性。它界面小,过小的按钮无法像鼠标一样能够精确点击。因为有一些网页的设计习惯不应该带到App的设计中来,这也是交互设计师在App的设计过程中需要去把关和注意的。

  三.设计元素

  1.颜色

  

12个关于用户体验的界面设计细节

 

  页面信息总是各有权重。在选用配色方案的时候,在界面中最好不要使用3个以上的颜色。最好能以一个主色+两个辅色最佳。颜色太多会让用户模糊界面的焦点。无法聚焦在我们想让用户聚焦的信息上。

  2.透明度与投影

  

12个关于用户体验的界面设计细节

 

  通过对按钮、卡片等进行投影运用可以增强立体感与层次感。

  给予用户该卡片能够切换,且当前展示的信息为该卡片的详情的交互暗示。虽然不加投影和阴影也能达到这个效果,但是效果会弱不少。

  3.表单

  

12个关于用户体验的界面设计细节

 

  表单设计在界面中随处可见,看到一望无际的表单用户总是望而却步。为了缓解用户的这种心理活动,我们设计的时候通常会通过合并归纳相同属性的表单,采用逐步填写来让用户感觉内容很少,通过这样的视错觉让用户完成表单的填写。

  4.缺省页

  

12个关于用户体验的界面设计细节

 

  作为用户当遇到页面内容为空的时候本身就是一件比较沮丧的事情。因为应该加入一些情感化的设计。在空界面的一些设计中也由以前的纯文字转变为一些应景的插画表现,带给用户更多的愉悦感。

声明:该文章版权归原作者所有,如涉及作品内容及版权问题,请及时联系我们删除。

12个关于用户体验的界面设计细节

12个关于用户体验的界面设计细节

济宁市工信商务职业培训学校属于山东著名的山东中煤工矿物资集团有限公司,始建于2001年。中煤集团是工信部电子商务示范企业、中国电子商务企业信用等级AAA级信用企业、中国互联网企业信用等级AAA信用企业、山东省电子商务认定企业、山东省电子商务示范企业、山东省电子商务示范园区、济宁市电子商务协会会长单位、济宁市首批科技型“小巨人”企业、济宁市高校毕业生就业见习基地等


12个关于用户体验的界面设计细节


·网络营销推广

·新媒体营销

·电子商务

·网络营销文案与策划

·网络营销项目实训与就业指导

·SEM搜索引

联系我们

电话:400-068-0537
地址:山东省济宁市高新区开源路北11号
官网:www.gongxinsw.com
邮箱:zhongmeigk@163.com

12个关于用户体验的界面设计细节

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36262/

(0)
交互精选交互精选
上一篇 2018-04-05
下一篇 2018-04-06

相关推荐

  • 互联网产品经理常用工具有哪些?

    互联网产品经理的工作是复杂和多样的,PM们通常要负责产品各方面的事务,因此工作中需要用到的工具有很多,现在就跟这笔者一起来看看互联网产品经理常用工具有哪些,想走产品经理路线的同学可以提前了解一下。一、产品经理的主要工作"工欲善其事,必先利其器!"既然是"善其事",关键就是搞明白产品经理相关的工作内容,针对工作合理有效的利用软件,才能达到事半功倍的效果。要说到产品经理的职能,这是另开新篇的话题,这里我们先通俗概括一下PM的主要活动:1、参...

    2018-03-13
  • CTB50成员周红军| 从互联网用户体验谈交易银行创新发展思路

    诚邀各领域专家学者、从业者及机构投稿或荐稿与30余万行业精英分享与共同发展投/荐稿邮箱:tougao@sinotf.com中国交易银行50人论坛:客户在使用交易银行服务过程中所关注的用户体验,是竞争激烈的交易银行服务能否在市场上取得优势地位的决定性因素。文/安邦保险集团国际部总经理、中国交易银行50人论坛(CTB50)成员 周红军来源:中国交易银行50人论坛 学术成果汇编(2017)当下,随着互联网技术的迅猛发展,各行各业已经融入到“互...

    2018-03-31
  • 【交互设计】北京中技华软科技服务有限公司内部主题分享会第七期

    北京中技华软科技服务有限公司内部主题分享会第七期主题:交互设计时间:2018年4月23日主讲人:高旭2018年4月23日上午,北京中技华软科技服务有限公司进行了第七期内部主题分享会——交互设计。交互设计起源于网站设计和图形设计,但现在已经成长为一个独立的领域。现在的交互设计师远非仅仅负责文字和图片,而是负责创建在屏幕上的所有元素,所有用户可能会触摸,点按或者输入的东西:简而言之,产品体验中的所有交互。主讲人高旭分别从交互设计的起源、原则...

    2018-04-24
  • B2B、SaaS 等企业软件中的交互设计总结

    ♝点击上方“交互设计学堂”关注我们,送电子书我刚开始在VWO工作的时候,一直想弄清楚一个问题:企业软件(B2B)真的和B2C应用不一样吗?对于设计师或者设计流程来说,两者又有什么不同?这篇文章是我在过去几年里的一些经验梳理,希望能够帮助那些想去或者已经在企业软件团队工作的设计师们。什么是企业软件?下面是维基百科中的定义:企业应用是一种计算机程序,主要用来满足企业的需求,而非独立的用户。一些大家可能用过或者见过的企业软件。在现代企业中,大...

    2018-04-20
  • 用户体验交付中心,最美不过回家路

    众意,坚持为中国高品质整装奋斗不歇!长按识别二维码即可预约体验爆款福利已经在向你挥手了戳阅读原文,报名预约抢豪礼!

    2018-03-12
  • 通过微信学习用户体验和产品迭代

    这几天一直不停的开会,讨论产品,活生生的从运营的位置跑偏到了产品,似乎可以调岗了,andy一直在聊迭代的问题,想来想去,觉得还是微信做的最牛逼,那就翻翻历史,聊一聊吧。微信是2011年1月21日才面世的,为什么能在短短六七年的时间实现9亿多用户?在QQ已经在通讯社交行业占据霸主地位时,微信又是如何脱颖而出实现反超的? 在米聊率先面世创下不俗业绩后,微信又是如何后来居上的? 微信的成功对于产品人来说有很多值得挖掘、学习的地方。初期的微信和...

    2018-05-05
  • 现在交互设计是时候走出迷茫

    交互设计的定义:交互这个词,英文是interaction,其中inter是互相的意思,action就是行动,所以inter-action直面上看就是“互相的行动”,也就是你行动一下,对方再行动一下,你来我往。交互设计,就是在设计这一些列的“互相行动”,使用户能更好得使用物品,物品能更好得服务用户。献给深夜中孤注一掷的设计师们来自无可设计00:0002:30下面小编想向大家介绍一位交互设计大师————————Lucian Bernhard...

    2018-03-27
  • 【曝光台】用户体验不佳 “海带宝”屡遭投诉

    导读凭借业内领先的电子物流平台和遍布全球的优质物流资源,海带宝为全球跨境电商、代购平台提供一站式综合进口物流解决方案。然而,据“电子商务消费纠纷调解平台”(微信ID:DSWQ315)接到的用户投诉维权案例统计,“海带宝”存在提现等待队伍长、转运速度慢、用户体验不佳等问题。电子商务研究中心(100EC.CN)了解到,深圳海带宝网络科技股份有限公司成立于2013年8月,是一家基于互联网智能化物流解决方案的高新技术企业,国内现有员工300余名...

    2018-04-26
  • 你离互联网产品经理,只差一句自我肯定!

    从2014年开始,伴随着越来越多产品人转岗心路历程的分享,产品壹佰为此专门开辟专栏,记录了他们这一段学习路程中的点点滴滴。他们之中,有对未来茫然无措的大学生、不甘于现状的互联网从业者、郁郁不得志的传统行业人、孤立无援的产品新人以及举步维艰的创业者……在他们的诉说中,有着转岗前的不安、惶恐,也有刚转岗成功的喜悦、激动,更有成为产品经理后自我知识的输出!分享!如今,这些记录成长历程的人儿们如疾风般快速的蜕变着,梦想实现,更幸运的是,其中的出...

    微信热点 2018-03-10
  • 交互设计 ▏如何在作品集中展现自己的设计风格和思考过程?

    交互设计是对于用户产品使用行为的优化设计。它关注的是“用户场景”和“用户心理”,设计的对象是“用户行为”,达成的目标是“能用、易用、想用”。作品集其实是一个人设计风格和思考过程的折射,一个好的交互设计作品集需要在作品中展示你解决了什么问题,如何解决的,以及最终成果。今天小编给大家带来了一位学姐的交互设计研究生作品集,希望可以给大家带来一些启发啦!!!学姐的作品集中一共有3个项目,分别是项目1:Wish项目2:RT: BAGS项目3:FI...

    2018-04-22