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

拓筑在线

 找回密码
 快速注册

QQ登录

只需一步,快速开始

微信登录

微信扫一扫,快速登录

如何做好UI设计?


[版块:图形化处理] [分类:Adobe图形处理] [复制链接] 报告无效帖子查看: 845|回复: 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界面设计师,更要不断的学习和实战,在实战中获取更多的技巧。

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

县域旅游从“网红”做到“长红”,关键在这四点
县域旅游从“网红”做到“长红”,关键在这四点
2024年,县域旅游彻底火了! 越来越多人“奔县”! 小pan总的游报 在今年一众热门旅游城市中,县城小镇以惊人的增速火爆出圈,各大社交媒体争先
  空间印象  空间印象最后回复于 2024-11-22 建筑师讨论区

【By DanielJin】RegionDif运算器优化小练习一则
【By DanielJin】RegionDif运算器优化小练习一则
群里一个朋友的问题,他们有上万根杂乱的线,想要做成图中给的云彩线,用了Region Different运算器。大家基本都知道布尔动不动就出错,bug,遇到布尔加还
  DanielJin  春天最后回复于 2024-11-22 参数化设计

建筑设计小贴士:如何提升空间的舒适感和功能性
建筑设计小贴士:如何提升空间的舒适感和功能性
在建筑设计中,如何平衡美学与功能性,是每一位设计师都面临的挑战。以下是几个能帮助你提升空间舒适感和功能性的设计技巧: [*]注重自然采光 自然光能显著
  yueboran  2344星星最后回复于 2024-11-22 快速发帖

一本很好的手绘笔记
一本很好的手绘笔记
记不得在哪里看到的这份手绘笔记了。作者的这份精神很值得我们学习和效仿。话不多说,上pp。
  flarch  2344星星最后回复于 2024-11-22 电子版图书

人体工程学图解——设计中的人体因素 [美]阿尔·文蒂利
人体工程学图解——设计中的人体因素 [美]阿尔·文蒂利
百度网盘下载链接:[sell=1]链接:https://pan.baidu.com/s/1jJQH_LDsPRYIT3qS1xKl7A 提取码:u2b4[/sell]
  深圳老梁  2344星星最后回复于 2024-11-22 电子版图书

SketchUp超逼真植物模型库(100款,四小类,1.08G)
SketchUp超逼真植物模型库(100款,四小类,1.08G)
SU超逼真植物模型库(100款,四小类,1.08G) ——常见乔灌木 ——秋冬季乔木 ——热带植物 ——松柏类乔木 目录: 截图:
  成之歌  飘雪无痕最后回复于 2024-11-22 精选合集

室内高品质SU模型—楼梯(39个)
室内高品质SU模型—楼梯(39个)
缩略预览图(点击图片可放大): 百度网盘下载链接(收集于网络,仅供学习交流,侵删): [sell=5]链接: https://pan.baidu.com/s/1v2chGk2ynJJCWQogS4w2yA
  年少的我  飘雪无痕最后回复于 2024-11-22 SketchUp模型

大四的规划作业效果图分享~
大四的规划作业效果图分享~
三人小组作业,用d5渲染 科创之环—以共享实验室为导向的科创高校规划设计
  Богдан  basten272最后回复于 2024-11-22 课程设计·作业库

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

[美国版]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 精选合集

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

240721746

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

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

微信扫一扫关注我们

微信公众号

拓筑小助手

GMT+8, 2024-11-23 17:49 , Processed in 0.048862 second(s), 38 queries , Gzip On.    拓筑在线 ( 粤ICP备11043922号 )

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

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