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

拓筑在线

 找回密码
 快速注册

QQ登录

只需一步,快速开始

微信登录

微信扫一扫,快速登录

如何做好UI设计?


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

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

最近刚做好的城市综合体,还热乎着。。
最近刚做好的城市综合体,还热乎着。。
高层城市综合体设计,本人大四了,都没上传过自己的作业,上周交了图,也没法再改了,传上来大家看看,希望大家多多批评指正! [hr] 最后又画了几条线,不知
  六月问天  阿白47923最后回复于 2024-12-22 课程设计·作业库

西欧法瑞德山地建筑考察之 新天鹅城堡、瓦杜兹、因特拉肯
西欧法瑞德山地建筑考察之 新天鹅城堡、瓦杜兹、因特拉肯
西欧法瑞德山地建筑考察之新天鹅城堡、瓦杜兹、因特拉肯 本人因做一山地旅游建筑项目,去西欧考察山地建筑,考察前准备了有关这方面的资料,考
  mzdyf  阿白47923最后回复于 2024-12-22 大学生讨论区

【加肥猫】25G万科小区cad精选(含部分文本及效果图)
【加肥猫】25G万科小区cad精选(含部分文本及效果图)
如题,最近得到的25G的万科资料,拿来和拓友们分享 注意:本人也属于转载性质,大家请勿用于商业用途 截图很多不一 一上传
  liupeiyu1235  阿白47923最后回复于 2024-12-21 设计文本

新余文化健身广场
新余文化健身广场
不知道有没有需要这方面资料的学友哦,不过我是用到了,在风景园林课上,感觉还是挺有意思的设计。
  josieven  阿白47923最后回复于 2024-12-21 设计文本

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

《Grasshopper参数模型构建PD-B》(基础级)
《Grasshopper参数模型构建PD-B》(基础级)
资料收集于网络,仅供学习研究。百度网盘下载链接: [sell]链接:https://pan.baidu.com/s/1fN-ryt0Nx86CZEJlOsDDLw 提取码:6xwh[/sell]
  我是大嘴猴  canxingbb最后回复于 2024-12-21 参数化设计

【E拓参数化论坛】精品贴汇总导读
【E拓参数化论坛】精品贴汇总导读
本帖主要是E拓参数化论坛的各种汇总贴。 其中官方公告的一些精品贴和资源帖在主贴附出 E拓参数化论坛各作者的教程在1楼至8楼 预留前20楼以备后期编辑添加新内
  DanielJin  canxingbb最后回复于 2024-12-21 参数化设计

【By DanielJin】由浅入深学Grasshopper 中级02
【By DanielJin】由浅入深学Grasshopper 中级02
大家好,我的《Grasshopper从入门到进阶》课程已经开课了。 有兴趣欢迎关注:https://www.tuozhu123.com/course-54.html 【By DanielJin】由浅入深学Grassho
  DanielJin  canxingbb最后回复于 2024-12-21 参数化设计

《Grasshopper参数化逻辑构建过程PD-A》(入门级)
《Grasshopper参数化逻辑构建过程PD-A》(入门级)
资料收集于网络,仅供学习研究。百度网盘下载链接: [sell]链接:https://pan.baidu.com/s/1pBVszY-gTOWdnslq0Twn8w 提取码:pqaz[/sell]
  我是大嘴猴  canxingbb最后回复于 2024-12-21 参数化设计

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

scu再设计教室
scu再设计教室
scu再设计
  渡边绿子.  阿白47923最后回复于 2024-12-21 快速发帖

卫星影像和3D模型
卫星影像和3D模型
请问各位大神,卫星影像可以转化成3D模型吗
  123232176  阿白47923最后回复于 2024-12-21 快速发帖

Enscape高级渲染参数预设合集(宝藏参数)
Enscape高级渲染参数预设合集(宝藏参数)
和所有软件的参数预设类似,仅仅需要在场景中简单加载渲染参数,即可得到已经调整好的渲染效果。让效果更上一层楼! 包含百余款渲染
  sadapple  herowang7828最后回复于 2024-12-21 虚拟化表现

20套商业综合体CAD(免费分享)
20套商业综合体CAD(免费分享)
百度网盘下载链接: **** 本内容被作者隐藏 ****
  深圳老梁  frank2020最后回复于 2024-12-20 参考素材

PSD排版正图最强合集  14.7GB
PSD排版正图最强合集 14.7GB
搜集一些PSD排版,供学生党参考学习~ 百度网盘下载链接: [sell=9]链接: https://pan.baidu.com/s/1VKU_WmYTLIA0l2wmRt5g4Q 提取码: m1nk[/
  邢素平  阿白47923最后回复于 2024-12-20 图形化处理

PS实用小技巧分享,推荐收藏!
PS实用小技巧分享,推荐收藏!
PS是设计师最常用的一款软件,但工作中经常会遇到一些小问题不知道如何解决,今天就跟大家分享几个PS实用小技巧,推荐收藏哦! 快速打开文件 双击Phot
  闪闪的星仔  阿白47923最后回复于 2024-12-20 图形化处理

建筑师如何甩出一份让老板满足的PPT(162页,免费领取)
建筑师如何甩出一份让老板满足的PPT(162页,免费领取)
建筑师如何甩出一份让老板满足的PPT(162页,免费领取) 非常不错的一份资料哦,希望对大家有帮助! 百度网盘下载链接
  小迷妹建筑梦  建筑新人最后回复于 2024-12-20 建筑师讨论区

ps常用高级插件打包分享
ps常用高级插件打包分享
一贯的风格,不喜欢多说,如题,ps常用的插件,打包分享给各位,觉得好给个赞,继续分享更多好资源。 下面是网盘链接[sell=2]链接:https://pan.baidu.com/s/1j
  linlvhao  yanqianjin333最后回复于 2024-12-20 图形化处理

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

240721746

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

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

微信扫一扫关注我们

微信公众号

拓筑小助手

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

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

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