TECHNOLOGY INNOVATION | 技术创新
I
U l 设计与用户体验
陶瑜
(沙洲职业工学院，江苏张家港215600)
摘要：2020年是U I 设计中各种元素相互碰撞、相互兼容的一年，在这一年中，U I 的设计更加扁平化、多元化。但无论U 丨设计如 何进步，视觉设计、交互设计、用户体验要素仍然是评价UI 设计作品优秀的关键。关键词：UI 设计：视觉设计：交互设计；用户体验
文献标识码:A
中图分类号:TP 393
文章编号：2096-4137 (2020) 10-07-06
D 0I  ： 10.13535/j ki . 10-1507/n .2020.10.04
UI design and user experience
TAO  Yu
(Shazhou  Professional  Institute  of  Technology , Zhangjiagang  215600, China )
Abstract: 2020 is  a  year  when  various  elements  in  UI  design  collide  and  are  compatible  with  each  other . In  this  year , the  design  of  UI  is  more  flat  and  diversified . However , no  matter  how  advanced  the  UI  design , visual  designis , interactive  design , and  user  experience , elements  are  still  the  key  to  evaluate  the  excellent  UI  design  works .
Keywords: UI  design ; visual  design ; interaction  design ; user  experience
〇引言
U I 设计，即U ser  Interface ，也被称为界面设计，它不
网页界面设计作品赏析是对界面元素简单地排列组合与再编辑，而是对软件的人机 交互、操作逻辑、界面美观的整体设计。简言而之，要评价 一个U I 设计，主要可从视觉设计、交互设计、用户体验三 个方面进行，而用户体验这一模块是当前U I 设计的灵魂， 无论是U I 设计中的视觉设计或是交互设计，都是为了用户 体验服务的，
一个U I 设计，再酷炫的视觉，再完整的交互， 如果没有良好的用户体验，都是无用的。“U I 设计没有对错， 只有用户体验”，这句话可以清晰地反映U I 设计与用户体 验的关系。
1 U I 设计的范畴
U I 设计，包括A P P 设计、网页设计、小程序设计等方面，
一个产品完整的U I 设计流程，是指拿到一个新的项目需求 后，从设计思考开始，到产品前期分析、设计产品、设计评 审、用户测试，直至产品上线。
1.1视觉设计
视觉设计是设计师用主观的创意或想法，用图形、文字 等元素，用艺术的表现手法，设计并呈现出产品需求的表达 方式。在视觉设计中，目前设计的趋势是用图形与文字来表 达设计师对于产品的理解。
文字设计中，排版是设计的重要元素，也是强烈传达产 品信息的手段。2020年，粗大的无衬线字体和强有力的排 版被广泛应用，这使得它成为平面设计的趋势；此外，采
用动态和反映了 3D 趋势的三维字体版式设计，也越来越被 青睐。
图形设计中，强烈的彩组合，梦幻的调和彩渐变， 在APP 图标设计与品牌标识中成为了新的流行趋势；仅显 示图像一部分的非对称布局，这种打破平衡的视觉设计，也 成为了设计师的首选，它可以更加自由地呈现更强烈的视觉 印象。
1.2交互设计
交互设计就是怎样把产品经理提出的需求进行二次的加 工和整理，有条理地进行分析和理解，能使用户快速、有效 地达成目标任务的方法。
U I 设计中，交互设计是一条纽带，为了达到更好的用
户体验，需要对页面进行很好的交互，包括利用栅格系统， 来确定页面Columns 、Gutters 、Margin ，以及弹出菜单、链 接变化、点击悬停等一系列交互式变化。
1.3用户体验
用户体验是一种纯主观在用户使用产品过程中建立起来
的感受，一个有着良好用户体验的产品，应该是用交互和视 觉的设计等方法，满足大部分用户的使用感受和心理预期。 它要求设计师要站在用户的角度思考问题，帮助用户解决问 题，优化产品操作流程及视觉层级的排布。
2用户体验
用户体验（User  Experience ，简称UE )，是一■种用户在使用产品过程中建立起来的纯主观感受。用户体验本身是
2020年第10期中国高新科技 17
技术创新 | TECHNOLOGY INNOVATION
不能被设计出来的。体验是一个动词，用户体验产生的结果 是其主观的心理感受，而我们每一个人因为对事物的认知差 异，所以，感受到的结果也是有所偏差的。一个有着良好用 户体验的产品，应该是用交互和视觉的设计等方法，尽可能 地减小这种差异化，满足大部分用户的使用感受和心理预期。
产品的成功关键，以下几点要素不可缺失：清晰的产品 定位；合理的需求诉讼；可用、易用的交互设计•，美观大方 的视觉设计。如果这些步骤都能完成的不错，那产品的用户 体验也不会差。
对于用户体验来说，在保证对的产品需求方向上，交互 设计和视觉设计无疑是其发展和延伸的基石。如果说交互设 计是楼房，那么视觉设计就是装潢，用户体验者就是住户。 住户住的舒适与否，要看楼房搭建的是否牢固，楼层里房间 是否布局合理、方便，房间装潢是否美观、整洁。
用户体验的改进和提升不是参考、借鉴那么简单，它是 多门复杂综合学科的集成。在需求分析、交互设计、视觉设 计进行过程中，交互设计师要有一定的审美情趣、在做原型 时要有视觉空间预期，视觉设计要有交互设计意识，避免华 而不实。这些工作都需要用很多灵活的技巧、严谨的方法去 反复验证、调整、优化，才会有高效的用户体验产出。
3用户体验与U I 设计开发原则
3.1布局合理，排版简洁(1)
布局要合理，让用户不管从哪里点击都不会觉得
难以下手，尽量以最高效率的方式将用户所想得到的信息传 送给他，去掉冗余、对内容进行分类与优化，做到信息查看 的主次分明。
(2)
简洁是目前大部分设计师所推崇的一种设计风格，
“简洁但不简单”是此种风格表现的重点。在设计上，细节的表达尤为重要，设计的细节包括对齐方式、字体的统一应 用、小图标的应用等。
3.2风格统一，整体性好
网站的整体性凸显是在好的设计风格中体现出来的。在
U I 设计中，并不是越酷炫的界面、越繁复的彩、越能体
现设计者的高端水平，就是一个好的作品。相反，符合对象 的设计风格、统一的样式界面、给用户以舒适的体验度，这 才是一个好的设计师应该做的。
3.3创新性的视觉特
根据网站的定位，善于做创新性的视觉设计，让你的设 计在同类网站中脱颖而出，让用户更喜欢。譬如生动活泼、有趣味的设计，适合于玩乐性质的网站；时尚、前卫的设计， 适合于化妆品、服装品牌等网站；清新、阳光的设计，适合 于学生类的网站；专业、严肃的设计适合于科技科研类的网 站；平易近人、具有亲和力的设计，适合于门户信息类网站。 —个好的U I 设计师，应该在网站设计风格统一的基础上， 有自己创新性的视觉设计，这些创新性的视觉特，往往会 给人耳目一新的感觉，让用户的体验度好感更加增强。
3.4彩协调
彩给人的心理感觉很直接，所以彩使用要合理且大 胆，突显网站主题与品调。一个好的设计作品中，不同的颜 可以给人不同的心理感受，从而让用户对此设计作品所传 达的信息品质做出判断。
网站的系包含了网页的底、文字字型、图片的系、 颜等，这不仅是简单的颜搭配，还要配合每个内容及网 站主题。在U I 设计中，要谨记的是可以通过鲜艳的彩提 醒用户需要关注的内容，但彩不应该起决定性作用，过多 地使用强烈对比的彩，反而会使用户体验好感度大大下降。
3.5易用性
网页最终的用途是要给用户学习与使用的，所以好用、 易用在设计中非常重要。在设计过程中要始终贯穿这种思想， 让美的页面建立在易用的基础上，才会更有魅力。
4结语
UI 设计是感性的，是曲线型的，可以是天马行空的狂想，
也可以是细水长流的冥想，设计师不可能把同一种美传达给 所有人并让其接受，但可以根据网站的不同定位，根据不同
受众，给用户以良好的体验，把美的元素通过设计表达，与
所有用户共享。
作者简介：陶瑜（1980-)，女，江苏张家港人，沙洲职业工 学院讲师，研究方向：PS 技术、前端开发技术。
基金项目：江苏省高职院校青年教师企业实践培训项目资助 (项目编号：2019Q Y SJP X 068)。
参考文献
[1]
UI  即 User  Interface  (用户界面）的简称[EB /OL ].
https ://www .sohu .eom /a /296046793_l  00295312.
[2]
赵素蕊，柳冬青.网站设计风格与彩[J ].商场现
代化，2007 (11) : 136-137.
(责任编辑：张闪闪）
18
•中国高新科技2020年第10期

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。