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

拓筑在线

 找回密码
 快速注册

QQ登录

只需一步,快速开始

微信登录

微信扫一扫,快速登录

如何做好UI设计?


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

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

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

学习Airpak
学习Airpak
刚开始学习Airpak这款软件,希望能和各位小伙伴共同讨论,如果有错误的地方小伙伴也可以指正,我们共同学习,共同进步!
  linruikun  sean_you最后回复于 2024-04-25 快速发帖

到了2023还有人在学airpak么
到了2023还有人在学airpak么
到了2023还有人在学airpak么
  yxyxzhang  sean_you最后回复于 2024-04-25 快速发帖

急需:下载airpak3.0软件
急需:下载airpak3.0软件
急需:下载airpak3.0软件 请大家帮帮忙!!!
  SanyMa--设计与  sean_you最后回复于 2024-04-25 快速发帖

airpak软件下载
airpak软件下载
分享一下airpak3.0软件,之前在网上貌似没找到能直接下载的,希望有用哈。ps. 仅包含软件及安装方法,教程网上挺多的,刚准备学。。菜鸟一个,大神们有什么好的
  whisper安呢  sean_you最后回复于 2024-04-25 绿色化分析

空中连廊钢结构桁架
空中连廊钢结构桁架
空中连廊钢结构桁架
  与秋逐鹿12411  冷枫最后回复于 2024-04-24 参数化设计

大水牛出品GH+ghpython入门教程
大水牛出品GH+ghpython入门教程
资料收集于网络,仅供学习研究。百度网盘下载链接: [sell]链接:https://pan.baidu.com/s/1MjhW_8pvMaiMC5gmwzr8iQ 提取码:4spn[/sell]
  我是大嘴猴  冷枫最后回复于 2024-04-24 参数化设计

在论坛看见大神们有在写rhino&grasshopper的教程,顺便共享些...
在论坛看见大神们有在写rhino&grasshopper的教程,顺便共享些.
废话不说,直接上图... 上面都是* *rhino学习网的课程,当年花了上百大洋才得到的。碍于游戏规则,共享部分... 下面是百度网盘链接: ****
  mei4647649  冷枫最后回复于 2024-04-24 参数化设计

在公园+商业里实现无痛消费,chill感美学上大分
在公园+商业里实现无痛消费,chill感美学上大分
公园20分钟理论掀起的热潮背后,是年轻人对开放空间、自由、大自然、无拘束的向往,让一部分人先chill起来,成为年轻人从室内走向室外的口号 而城市公园的
  空间印象  空间印象最后回复于 2024-04-24 建筑师讨论区

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

集良新作 | 湖州四边庭
集良新作 | 湖州四边庭
四边庭位于德清县龙胜村,房子坐落在武洛公路北边的农田里,是一个集展览、工作、会议于一体的最小化的公共空间单元。▲四边庭 雨后霁蓝▲四边庭 小雪白日▲四边
  深圳老梁  深圳老梁最后回复于 2024-04-24 项目实践·作品库

隈研吾新作|杭州小河公园
隈研吾新作|杭州小河公园
小河公园位于世界遗产大运河河畔,它取代了废弃的石油工厂工业区,将场地转化为多功能的公共开放公园。▲项目与周边环境概览 kkaa▲公园鸟瞰 kkaa我们将这个公
  深圳老梁  深圳老梁最后回复于 2024-04-24 项目实践·作品库

[韩国版]Space 空间 2024年04期
[韩国版]Space 空间 2024年04期
本杂志PDF电子版收集于网络,仅供学习研究之用,百度网盘下载链接: [ck8_view=1]链接:https://pan.baidu.com/s/1DJ2-0gMK9enBMMvU_Vfz0g 提取码:hkdy
  设计杂志  ConiglioP最后回复于 2024-04-23 建筑景观

建筑学入门书籍150本 免费分享
建筑学入门书籍150本 免费分享
hi,这是我用百度网盘分享的内容~复制这段内容打开「百度网盘」APP即可获取 [sell]链接: https://pan.baidu.com/s/1n2XCuefVqRgf4011CHhW_w 提取码: ibsk[/se
  鱼当当  ConiglioP最后回复于 2024-04-23 大学生讨论区

[英国版]Wallpaper 设计业权威杂志 2024年05期
[英国版]Wallpaper 设计业权威杂志 2024年05期
本杂志PDF电子版收集于网络,仅供学习研究之用,百度网盘下载链接: [ck8_view=1]链接:https://pan.baidu.com/s/1ovn2KLDfllz4V3vzOvD8sg 提取码:urnc
  设计杂志  设计杂志最后回复于 2024-04-23 艺术设计

[英国版]3D World 世界CG艺术杂志 2024年311期
[英国版]3D World 世界CG艺术杂志 2024年311期
本杂志PDF电子版收集于网络,仅供学习研究之用,百度网盘下载链接: [ck8_view=1]链接:https://pan.baidu.com/s/1ximXOa00Zm2D9qfsASw0rQ 提取码:dhij
  设计杂志  设计杂志最后回复于 2024-04-23 艺术设计

[美国版]Frame 建筑室内设计杂志 Issue 156
[美国版]Frame 建筑室内设计杂志 Issue 156
本杂志PDF电子版收集于网络,仅供学习研究之用,百度网盘下载链接: [ck8_view=1]链接:https://pan.baidu.com/s/1_6M67CJPSDp2ByQYKT8qZA 提取码:8aq5
  设计杂志  设计杂志最后回复于 2024-04-23 室内家居

伦佐·皮亚诺工作室新作:安大略省法院
伦佐·皮亚诺工作室新作:安大略省法院
伦佐·皮亚诺建筑工作室(RPBW)宣布安大略省法院的新设施竣工。这座安大略省最大的法院将整合法院的各种办公室和职能部门,而这些办公室和职能部门之前是分散在
  深圳老梁  深圳老梁最后回复于 2024-04-23 项目实践·作品库

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

240721746

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

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

微信扫一扫关注我们

微信公众号

拓筑小助手

GMT+8, 2024-4-25 21:59 , Processed in 0.049602 second(s), 37 queries , Gzip On.    拓筑在线 ( 粤ICP备11043922号 )

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

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