千钧国际®

数字营销 - 品牌咨询

AI解决方案 返回首页

AI解决方案

返回列表

用户体验要素设计值得注重的一些细节

UI设计师的工作从来就不是一项轻松的工作,除了在大的布局、版式方面要求极高之外,对于已经完成了黑白线稿的原型基础上做着色设计,仍然是非常吃力,因为精雕细琢的工作也是有一定的难度的。今天我们通过实战案例分析在设计项目当中值得我们注重的一些细节,而这些细节正好就是构成用户体验要素的关键点。具体都有哪些呢,看好了!

用户体验设计 CS产品设计/BS产品设计/用户体验设计

ui.jpg

一、图标

1、统一图标的样式:

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

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

2、意义明确的图标:

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

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

3、图标的视觉平衡:

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

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

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

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

二、布局

1、合理的模块区分:

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

2、正确的文字层级关系:

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

3、合理的内容归纳:

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

4、预估内容承载范围:

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

5、尊重App用户的使用习惯:

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

三、设计元素

1、颜色:

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

2、透明度与投影:

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

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

3、表单:

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

4、缺省页:

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

返回列表
用户体验要素设计值得注重的一些细节 网站优化怎么做?利用自媒体、新媒体平台优化 票务系统对智慧景区的重要作用! 数字孪生+AI智能强强联合,共同推动工业互联网发展 同心抗疫、云端看展—重庆云上博物馆试用上线 数字孪生推动军营智慧化管理 智慧景区开启游客的智慧之旅 千钧国际智能安全产品助力构建数字化安全新格局! 政府门户集约化应当永远贯穿于数字政府建设进程中 千钧国际“一件事”梳理系统让政务服务更“好办” 千钧国际政务服务移动多端一体化解决方案2.0 区块链+可信数据授权,如何让政务数据安全有序流动? 千钧国际助力央企数字化转型跑出“加速度” 千钧国际智能解决方案助力打造“人工智能+政务服务”新样板 连云港:大数据让城市管理更加精细高效 物联+互联-打造罗湖区智慧环卫新模式 产品包装设计后产品能产生什么效果,企业该怎么做 可以找设计公司做包装设计吗?如何打造个性化包装? 企业设计的风格一定要统一吗?Vi有什么好处? 品牌设计的内容是什么?哪个设计公司好? 品牌包装设计的基础设计要求?解析包装设计的价值。 移动优先网站设计:所有问题的终极解决方案 设计一款logo的花费是多少?logo设计都需要注重哪些内容? 北京品牌设计的两大亮点是什?什么是品牌设计? 企业vi设计报价,什么是vi设计? 新产品上市需要进行品牌设计吗?品牌设计应该要有哪些特征? 品牌设计与市场竞争有什么关联?如何做好规划? 十四五-数字经济与实体经济融合发展亟待破解五大难题 水果生鲜电商商城网站建设网页设计方案与功能明细 教育培训学习类网站建设制作开发功能明细与解决方案 医院网站建设的安全该如何保障? 品牌网页设计的新趋势 网站设计如何帮助企业提升品牌形象? 什么是智慧科技馆? 智慧博物馆如何让用户体验感受到 AI驱动“5G+智慧社区”创新新模式 医疗保健应用程序设计的基本特征 医院网站建设创新—北京协和医院 高端校园网站建设的建议 企业品牌形象如何在企业网站建设上体现出来 高端网站建设为什么要选择千钧国际? 网站建设公司为何越来越推荐响应式网站? 清爽干净的扁平化设计风带来极佳用户体验 重庆渝中首个智能绿色“生态公厕”投用 旅游景区网站建设方案 是什么原因导致网站排名下降 网站长尾关键词的要点 深入一线:车机屏幕进化观察-下篇 需要具备什么样的素质才可以进行网站原型设计? 运动会吉祥物设计要考虑的两个方面 在包装设计开始前要提前明确的是? 深入一线:车机屏幕进化观察-上篇 想做好吉祥物设计就不能脱离这些要求 吉祥物设计对品牌而言意味着什么? Si商业空间设计的方法和步骤是怎样的? 品牌设计公司应该找什么样的?了解这些思路更清晰 导示设计如何利用互联网思维拓展新思路? 品牌设计时是如何确定发展方向的? 企业品牌设计理念中最注重的是哪些? 零售变革“大食代”品牌沟通策略如何开启新篇章 医疗产品设计有哪些特殊性?-快来看看吧 产品包装设计种类包含哪些? 包装设计在打造网红产品时有什么作用? G端(面向政府)可视化中的适老化设计 思考数据可视化应用设计规范 设计分享,视觉篇:浅谈“高逼格”产品视觉设计! 如何才能提高网站建设的权重呢? 深入一线:耐克改造-下篇 网红智慧公园爆火—玩湃社区足球公园 如今对品牌设计的误解都存在哪些呢? 让您的房地产网站设计增色的三个方法,彰显品牌价值 智慧步道促进体育与旅游全面融合 什么叫权重,网站权重与哪些因素 深入一线:耐克改造-上篇 怎样才能将品牌设计做的更加完美呢 网站建设中视觉规划需要注意的六个方面 百度快照的消失对于优化会有怎样的影响 企业网站是否有做响应式的必要? 用户界面设计的四个原则 店面Si设计公司哪家好?Si设计是什么? 院校高校行业那些让我们觉得惊艳的网站设计作品 与千钧一起了解3D互动虚拟展会,优势在哪里? 通过网站升级、APP建设重塑品牌形象,树立行业品牌新标杆 打造智慧景区数字营销矩阵? 服务设计助力实体数字化转型 DeepNostalgia背后的脸部图像技术 品牌设计收费不一样的原因是什么?
关于我们 关于我们
您对此项目的预算范围是多少?
C H O O C H O O