旗下产业: A产业/ A实习/ A计划
全国统一咨询热线:010-5367 2995
首页 > 热门文章 > UI设计 > UI设计都有哪些风格
UI设计都有哪些风格
时间:2020-07-03来源:www.aaa-cg.com.cn点击量:作者:Sissi
时间:2020-07-03点击量:作者:Sissi



  UI界面设计的目的在于给用户视觉冲击力的同时,也能给予用户良好的操作体验和服务享受,所以一个优秀的UI界面设计,要仔细思考界面上功能按钮、程序跳转等基本要素,还要从视知觉的构成方面去考虑用户的视觉辨析和记忆,通过不同的秩序编排形式,达到减轻用户负担的目的。今天AAA教育小编姐姐带你看看UI设计都有哪些风格

UI设计
 

  相对于视觉传达设计而言,交互界面更加注重用户与界面的互动,用户对界面的理解将直接关系到用户能否顺利操作并达到自己的目的。通过对秩序感理论的阐述,说明秩序感对交互界面设计非常重要,并以实例总结常见的交互界面布局,分析其中的秩序感及其作用。
 

  首先要能够做到视觉吸引。接触到交互界面时首先映入眼帘的肯定是整体的用色和布局,类似于服务的宣传。独特的知觉形式能吸引用户眼球,并产生深入了解的意愿,于无形中与用户建立信任可靠的关系。
 

  其次是可以寻找到信息。当一个用户使用某个交互界面时,首先是想找到与自己期待的服务相关的信息。这就要求交互界面的设计可以有个性化元素,但也必须有内在的秩序感,如音乐播放软件,用户最需要的歌曲搜索、播放、暂停等一定要出现在适当位置,让用户把注意力集中在重要的地方。
 

  再是要有辨识度。这要求UI交互界面的信息要适量,信息布局有其秩序性和规律性,减少用户识别的负担。此外,信息描述和内容布局也极为重要,信息量过大、信息分布不合理等都会对用户注意力产生影响。用户操作过程中发现设备显示的信息与与其目标一致,便会根据提示进行下一步操作。这就要求辅助信息在适当时刻呈现出来,如用户在点击按钮的时候,按钮应该通过色彩的变化和声音提示等方式给予用户反馈。
 

  最后界面设计要有秩序感,UI交互界面设计同平面版式设计有很多共同之处,需要按照一定的科学与艺术的原理进行文字、图形的布局设计,在有限的屏幕空间上将用户所需要的服务和信息综合呈现出来,将理性思维通过个性化的方式表现出来。秩序感就是在这些元素的排列组合中产生了,不但要符合人眼视觉的一系列规律,还要符合形式美的法则。
 

  秩序感在一定程度上决定了UI交互界面的总体格调是简洁有序还是丰富多变,通常不同类型的交互界面会选择不同的秩序感,来满足不同用户的视觉心理需要。利用人们与生俱来的对“秩序感”的认同和欣赏以及适应和选择进行交互界面设计,不失为一条发展交互界面设计的有效途径。在未来的交互界面设计发展中,只有做到内容与形式、视知觉经验与心理定向的统一,才能促进人与设备的情感交流,进而获得更好的用户体验。
 

  以下是一些UI设计比较明显的风格:
 

  点阵式
 

  这种形式将设备的主要功能图标如点阵般排布在页面上,当图标较多时,用户大多可以创建文件夹,将功能用途相近的图标放在一起,这一形式的灵活性较大,可以让用户按照自己的需要排版界面,不仅用户自由度高,而且有强烈的秩序感,极易识别和使用。这类秩序感的UI界面常用于手机、掌上电脑等移动设备。
 

  居中式
 

  居中布局方式的优点是展示的信息内容量大,信息结构属于宽而浅类型,尽可能将信息呈现到主页,一览无余的供用户选择,所以比较适用于公共服务系统界面和局部系统交互界面等。但是这样的信息多而密,易产生视觉疲劳和接收错误;尤其是界面左右两边都有操作键时,用户反而会感到有些混乱。
 

  整体式
 

  整体布局更加的随意,相比较前几种形式而已,其秩序感相对较弱,反而更加强调个性化的表现,所以适合于信息展示型界面。这一类的交互界面常用精致的背景、艺术化的图案装饰等元素,这些元素的排布非常自由,因而显得比较活泼灵动,画面也会比较均衡协调,可以一下子吸引用户的眼球。但是这一形式的缺点在于操作性UI界面功能区块划分不够清晰,易引起信息混乱,所以用户要花上一些时间才能够学会并记忆操作方式
 

  功能性极简主义
 

  不少移动端APP和网站开始基于极简主义设计风来设计,而极简主义本身并非关注所有的信息,而是通过减少非关键信息来突出特定的内容,它是有着极强的功能性和偏向的。简单明晰、富有表现力的视觉层次、对比明显的比例控制、每个元素都有功能、大量的留白、对核心细节的高关注度、优秀的排版设计、去除非功能性的装饰元素是它的一些特征。
 

  带动效的首图banner
 

  在网页中,首图Banner 是最为吸引用户的内容,他们不仅在视觉上足够突出,而且能够传递信息,传达情绪,强化主题。动效的加入,让首屏的Banner图更加吸引人,富有更强的吸引力
 

  粗野主义风格
 

  粗野主义设计在2017年非常火爆,采用这种风格的UI设计,致力于使用更加明亮的色彩,质朴甚至原始的设计元素,借助复杂的布局和反模式的排版,还原早期网页设计的特征,甚至制造出上世纪八九十年代的质感。它有着非常明显的独创性,不管你喜欢不喜欢,它都是无法被忽略的一种流行设计风格。
 

  自定义主题的插画
 

  插画有着极强的可定制性,这也使得它越来越多地出现在UI和网页设计中,它不仅更容易被用户所感知,可以更好地承载创意,也可以带来更加可控的风格和调性。此外,优秀的插画还能干删用户体验,提高可访问性。
 

  字体和图片的融合
 

  大胆地将虚拟的字体和真实的图片融为一体的设计也是去年流行的设计手法,这种设计手法让字体拥有了融入真实场景的视觉体验,协调而赏心悦目。
 

  全屏式布局
 

  如果你仔细观察,会发现许多设计师都热衷于使用全屏式的布局,让图片和视频等视觉元素不再受到边框的限制,这样的布局更加宽敞,不会 有打破界限的感觉。
 

  多样的UI动效

 

  在动效设计这件事情上,在2017年越来越成熟了,融入交互的动效越来越圆融,用户体验引人入胜的APP也越来越多了。接下来,UI动效还会越来越优秀。
 

  卡片式布局元素
 

  卡片式布局的优势在于它的自由度,它足以承载各种类型不同功能的元素和模块,拥有着统一的美学特征和易于阅读、易于交互的特点,为更为协调的设计作出了不小的贡献
 

  单色UI
 

  为了让UI和产品的功能性更强,不少设计师倾向于使用单色配色方案,这样设计出来的UI确实看起来更加时尚,最关键的是单色配色之下,内容更加突出,用户更不容易被分心。不过,设计师需要投入更多的时间来打磨设计,避免整个UI变得乏味。深色系的背景通常能够创造出更加优雅、更具有形式感的设计,也能让设计出来的实际效果在不同的环境下有更加一致的体验。相比之下,采用这样设计的大多是数字产品页面,而非以文本为主的网站。
 

  字体搭配
 

  越来越多的新字体进入设计师的视野,许多经验丰富的设计师都特别重视字体的搭配。在2017年我们看到了许多优秀的衬线体+非衬线体的字体组合,它们不仅创造了良好的对比度,而且让整个排版设计的层次感更加显著。
 

  视差设计视差滚动依然在流行,滚动毕竟是最省心最自由地交互方式,视差滚动本身能够促进用户持续不断地交互,这也使得多样而富有创意的视差在网页和移动端APP中大规模地使用。
 

  扁平化设计风格
 

  相信接触过UI设计相关工作的小伙伴对于扁平化设计并不陌生,其实扁平化的设计风格是指在设计过程中使用较为简单的特效,或者根本无须使用视觉特效,以简单的形体去完成整个设计。这种设计风格会给人一种轻便、整洁、亲切的感觉,同时可以更好地实现用户的需求。 拟物化设计风格
 

  顾名思义,拟物化设计风格也就是指设计师借助生活中存在的实体进行设计,并且将实物真实的触感和质感真实地反映出来,然后在设计
 

  中加入一些更具情感化的元素,这种真实的实物感会带给用户更多的亲切感和依赖感,便于用户更快更好地掌握产品的操作和使用方法。
 

  原质化设计风格
 

  原质化的设计风格具有与物理世界相近的触感,是指在扁平化的设计风格上加以真实的物理世界的触感,是介于拟物化设计与扁平化设计风格之间的一种设计风格。目前,原质化的设计风格还处于发展初期,在未来的发展过程中这种设计风格会成为一种热门的UI设计视觉语言风格。

 

预约申请免费试听课

填写下面表单即可预约申请免费试听!怕钱不够?可先就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可推荐就业!

©2007-2021/北京漫动者教育科技有限公司版权所有
备案号:京ICP备12034770号

老师想和你聊一聊

©2007-2021/ www.aaa-cg.com.cn 北京漫动者教育科技有限公司 备案号: 京ICP备12034770号 监督电话:010-53672995 邮箱:bjaaa@aaaedu.cc

京公网安备 11010802035704号