通知:E拓建筑网正式更名为拓筑在线!

拓筑在线

 找回密码
 快速注册

QQ登录

只需一步,快速开始

微信登录

微信扫一扫,快速登录

如何做好UI设计?


[版块:图形化处理] [分类:Adobe图形处理] [复制链接] 报告无效帖子查看: 844|回复: 0   
拓城校尉|闪闪的星仔 发表于 2020-12-22 17:55:07 | 显示全部楼层
发帖得20e币  e币充值  开通VIP会员  快速免费获取e币
在做软件界面设计的时候,经常会遇到一些困扰。如何做好UI设计?怎么做能够提高用户对该软件的兴趣,提升用户体验,是界面设计师应该考虑的问题和做界面设计的出发点。界面美观、舒适是很重要的,但是更重要的是使用方便,给人的感觉友好、熟悉,又不缺乏个性。

UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。由此可见我们需要研究三方面的内容,即研究人、研究工具以及人与工具的关系。

1.jpg

用户界面作为人与机器交互的媒介,有着非常重要的作用,没有界面,人就无法操作机器。所以界面设计的好与坏,直接影响到用户使用软件难易程度。好的UI设计能够让软件的使用变得轻松自如,无需用户思考和记忆,当用户在使用某个软件觉得自己很笨的时候,那就是UI设计师的工作没有做好。我们如何做好的UI设计呢?

交互方式模拟现实

模拟现实的交互方式会给人熟悉亲切的感觉,用户不需要学习,便能够理解。UI设计中不乏这样的例子。例如,当某个按钮按下去的时候,呈现比原来更深的颜色,这个就是模拟了现实中光影的效果,不同的高度,对于同一个物体,颜色肯定有所差别。有一个小的手电筒APP,就模拟了现实中的手电筒,所以用户不必思考它怎么用,因为太熟悉了。用户第一次接触,不需要学习,毫无约束的使用的应用,就是好的应用。

界面设计要简单

界面设计跟平面设计有很大不同,平面设计可以随自己的喜好或者是需要加入一些装饰,特别是海报招贴的设计,需要有一些吸引眼球的内容或者是色彩。但是界面对于用户来说是工具,所以好用是工具所要具备的第一品质,为了不干扰用户,不要添加不必要的装饰。为了使界面干净,要适当隐藏一些不重要的功能,但是用户可以通过有效的方法找到这些功能。

图标的应用

①尽量使用通用的图标。用户已经习惯的图标,我们就不要去试图更改,使用通用图标会让用户更容易使用,也更容易让用户对界面产生亲切感。一个陌生的界面的接受程度远不如一个被大众熟悉的界面。

②图标的设计能够体现所代表事物的特点。当然,除了通用图标,我们也要设计能够体现软件特点的新图标。让软件有一定的个性和差异性。设计图标一定能够代表事物的特点,让用户看到图标在不用文字解释的情况下能够理解它所代表的含义。这样的设计使得软件生动充满了活力,提升用户体验。

③图标的设计不能太过复杂。虽说图标的设计能够体现所代表事物的特点,但是设计不能太过复杂,要简约。好的图标设计既要有特点,有亲和力,又能让界面很干净。

2.jpg

色彩的搭配

相同的颜色,搭配的比例不同,搭配的位置不同,就会产生不一样的感情色彩。不要超过3种颜色是所有色彩原则的基础。

①黑白灰优先。如果你没有很好的配色,那就先选择黑白灰吧,如果搭配得当,黑白灰的设计看上去层次也是很丰富的。

②在黑白灰基础上添加一种色彩。如果你觉得黑白灰单调,可以在黑白灰的基础上加入一种色彩,可以在大面积的黑白灰上面加入小面积的颜色。这样的搭配高雅,又不失活力。

③使用同一色系进行色彩搭配。如果使用色彩来搭配,那么一个页面最好使用同一色系的颜色来进行搭配,这样就不会出现不协调的问题。

④可使用互补色进行搭配。只要比例得当,互补色的搭配一样可以收获很好的视觉效果。

⑤使用邻近色进行色彩搭配。一种颜色的纯度比较高的时候,另一种颜色纯度低或名度低的,这样搭配出的效果会比较好。以上只是一些基础的色彩搭配,初学者,如果能做到以上几点,相信界面设计也一定不会差。

3.jpg

语言的使用

①语言使用的一致性。同一事物的说明要使用同一个词语,否则会给用户造成不必要的困扰。例如,如果你使用了“查找”,就不要在同样的情况下使用“搜索”。

②语言使用的准确性。使用语言一定要准确,不要产生歧义,不要让用户思考。

③语言使用的通俗性。不要使用专业术语,是的用户根本不理解语言的意思,要时刻记住,我们的软件是给广大用户使用的,而不是给我们的专业技术人员使用的。

④语言使用要体现出情感关怀。尽量不要使用“警告”“禁止”等不友好的语言,可以使用“温馨提示”“请不要......”以及一些比较时尚的网络用语。总之,语言上的使用,要给用户亲切、友好、轻松的感受。

要想成为好的UI界面设计师,更要不断的学习和实战,在实战中获取更多的技巧。

您需要登录后才可以回帖 登录 | 快速注册 微信登录

[美国版]Landscape Architecture 景观建筑 2024年11期
[美国版]Landscape Architecture 景观建筑 2024年11期
本杂志PDF电子版收集于网络,仅供学习研究之用,百度网盘下载链接: [ck8_view=10]通过网盘分享的文件:Landscape Architecture 202411eeeetop.com.pdf 链接
  设计杂志  设计杂志最后回复于 2024-11-21 建筑景观

[美国版]Landscape Architecture 景观建筑 2024年10期
[美国版]Landscape Architecture 景观建筑 2024年10期
本杂志PDF电子版收集于网络,仅供学习研究之用,百度网盘下载链接: [ck8_view=10]通过网盘分享的文件:Landscape Architecture 202410eeeetop.com.pdf 链接
  设计杂志  设计杂志最后回复于 2024-11-21 建筑景观

[美国版]Architectural Record 建筑实录 2024年10期
[美国版]Architectural Record 建筑实录 2024年10期
本杂志PDF电子版收集于网络,仅供学习研究之用,百度网盘下载链接: [ck8_view=10]通过网盘分享的文件:Architectural Record 202410eeeetop.com.pdf 链接:
  设计杂志  设计杂志最后回复于 2024-11-21 建筑景观

[加拿大版]Azure 建筑专业杂志 2024年11-12期
[加拿大版]Azure 建筑专业杂志 2024年11-12期
本杂志PDF电子版收集于网络,仅供学习研究之用,百度网盘下载链接: [ck8_view=10]通过网盘分享的文件:Azure 202411-12_eeeetop.com.pdf 链接: https://pan
  设计杂志  设计杂志最后回复于 2024-11-21 建筑景观

顶级水平文本,每页看起来都是享受和启发!
顶级水平文本,每页看起来都是享受和启发!
就一个文本,深圳西岸城市更新项目竞赛的文本,95页,每页看起来都是享受和启发!话不多说,直接上图! 百度网盘下载链接(收
  成之歌  飘雪无痕最后回复于 2024-11-21 精选合集

分享一个某宝买的AI教学视频
分享一个某宝买的AI教学视频
百度网盘下载链接: [sell=3]链接: https://pan.baidu.com/s/1xX11tDbAfPbScwZ5YrAFAQ 提取码: bbrb[/sell]
  ljnzb  basten272最后回复于 2024-11-20 图形化处理

topmostviewport插件分享
topmostviewport插件分享
This is the first release of TopMostViewport to Rhino 5.This utility exposes one command: _TopMostViewportIt create a top most viewport in your Rhino
  1231234121321  gggooo最后回复于 2024-11-20 参数化设计

砖块表皮分享
砖块表皮分享
砖块表皮分享
  横槊赋诗4  gggooo最后回复于 2024-11-20 参数化设计

Grasshopper最新版本资源帖【不断更新中】
Grasshopper最新版本资源帖【不断更新中】
更新 2014-8-27 版本0.9.0076
  DanielJin  gggooo最后回复于 2024-11-20 参数化设计

新版《民用建筑设计统一标准》解读视频(16节)
新版《民用建筑设计统一标准》解读视频(16节)
网上淘的,在这里分享给大家,仅供学习体验哈! 如果大家需要更好的服务体验,经济允许的话,不妨购买他们的原课程哦。 考虑一下,还是小圈子内分享吧,好
  成之歌  飘雪无痕最后回复于 2024-11-20 精选合集

CECS413-2015 升降式物料平台安全技术规程
CECS413-2015 升降式物料平台安全技术规程
本规范收集于网络,仅供学习研究,侵删。若您发现有更新版本,请回复提醒或直接上传新版本。以下为百度网盘下载链接: [sell=1]链接:https://pan.baidu.com/s/1
  建筑范儿  dalish最后回复于 2024-11-20 建筑规范

PS分析图工具汇总
PS分析图工具汇总
PS分析图工具,排版文本第一帮手。希望能给各位有帮助。
  lusedeni  andyleung最后回复于 2024-11-20 图形化处理

362套新中式SU组件(13种分类)
362套新中式SU组件(13种分类)
百度网下载链接: [sell=15]链接: https://pan.baidu.com/s/11kOHsvWHKteobRc-vD8QNQ 提取码: in87[/sell]
  lakers24  andyleung最后回复于 2024-11-20 SketchUp模型

分享一波室内设计需要用到的SU模型,很赞。
分享一波室内设计需要用到的SU模型,很赞。
以下为百度网盘的下载链接和提取码: [sell=5]链接: https://pan.baidu.com/s/1_QHaE9UFoqivquFqFk_xxA 提取码: rcen[/sell] 分享一波室内的SU模型,有室内的
  nndashuaige  andyleung最后回复于 2024-11-20 SketchUp模型

Su 组件库,3.5G 已整理分类,附带每个模型效果图
Su 组件库,3.5G 已整理分类,附带每个模型效果图
Archmodels for sketchup,Archmodels提供的SU组件库 适合 sketchup 使用的模型合集,.skp格式,一共10期,都来自于archmodels,分别是: 每个分类都有渲染图
  wuyingpeng  andyleung最后回复于 2024-11-20 SketchUp模型

分享一波自己收集的一波关于别墅的SU模型。
分享一波自己收集的一波关于别墅的SU模型。
百度网盘的下载链接和提取码: [sell=5]链接: https://pan.baidu.com/s/1R9k-VQppyVc-qGgW5fTBJA 提取码: 9bqe[/sell] 分享给需要的朋友,文件夹内自带有预
  nndashuaige  andyleung最后回复于 2024-11-20 SketchUp模型

【SEG出品】GH讲解之File
【SEG出品】GH讲解之File
原帖内容由微信公众账号【SecondEffectGroup】 【江河梦】小组发布,由【DanielJin】获得独家授权,进行重新整理和编辑后发布。转载请保留此行信息。欢迎大家下
  DanielJin  安全着陆73233最后回复于 2024-11-20 参数化设计

【E拓参数化论坛】Grasshopper完全学习手册V1.0
【E拓参数化论坛】Grasshopper完全学习手册V1.0
重磅来袭!中秋献礼! 你们的“小黄人君”DanielJin携E拓参数化论坛团队提前祝大家节日快乐并送上大礼! Grasshopper完全学习手册V1.0正式版终于和大家见面了
  DanielJin  大响马最后回复于 2024-11-20 参数化设计

官方综合交流QQ群(更多):

240721746

拓筑在线——面向建筑师群体的

设计交流论坛、软件学习社区、资料下载网站及企业服务平台!

微信扫一扫关注我们

微信公众号

拓筑小助手

GMT+8, 2024-11-21 22:05 , Processed in 0.048420 second(s), 37 queries , Gzip On.    拓筑在线 ( 粤ICP备11043922号 )

Powered by Discuz! X3.4  © 2011-2023 拓筑在线

快速回复 返回顶部 返回列表