亿元级IT行业生态链
一站式解决方案提供商

24小时免费咨询电话
010-52725243

新闻资讯

AJIA NEWS

2018移动应用及网页UI设计趋势

来源:丧设计 发布日期:2018-01-11

阿甲 科技 2018移动应用及网页UI设计趋势

设计趋势并不是一蹴而就的,往往是受到主流媒体、技术、时尚趋势等因素的影响循序渐进形成的,因此阿甲科技全案设计团队一直保持着敏锐的感知度,及时发现应设计趋势的转变,才能保持设计的作品处于前沿。设计趋势在逐渐转变的过程中,必然会在延续前期风格的同时有所改变与创新,因此在已经开始的2018年,设计趋势将延续2017年的,但又会有一些新的元素加入其中,下面就让我们预测一下2018年移动应用及网页UI设计的主流趋势!

趋势一:扁平化、极简主义设计依然是主流

扁平化相信大家已经很熟悉了,概念的核心意义是:去除冗余、厚重和繁杂的装饰效果,倡导简单、清晰、空间、留白等,突出核心的设计元素。阿甲科技UI设计师们一直采取极简主义的设计风格,去繁留简,简约而不简单。目前很多app都开始去除多余的线条,通过间距来拉开关系;去icon化也是一种趋势,开始流行;这些设计行为目的都是为了让用户使用时更为直观和更有目的性,令人满意的审美趋势也让极简的ui设计拥有良好的用户体验。这也是阿甲科技UI设计团队一直的追求的目标。

阿甲 科技 扁平化设计风格

阿甲 科技 极简主义设计风格

趋势二:更大、更粗的字体,留白更多

相信你们很多人已经升级了iPhone新系统,随着ios11的发布,新的设计趋势也随之流行开来。如果你熟悉Material Design(以下简称MD)的话,ios和Android在设计上正慢慢的靠近。在扁平化设计中,文字排版影响着信息层级展示的清晰与否,通过文字的字号、字重、间距、颜色等对比去建立出清晰的信息层级,而不用太多的装饰元素。

阿甲 科技 更大、更粗的字体,留白更多

同样的,Airbnb也采用了粗标题设计。大标题文本包含一组带有图片和描述的文字,文字之间保持较大的留白,看起来它们互不干扰,又不会令界面看上去显得松散,因而带给用户非常轻松的浏览体验。

阿甲 科技 Airbnb采用了粗标题设计

(对于一些国内的电商App,我个人猜测采用这种设计方式的可能性较小,因为对于这些应用,页面内的位置相对寸土寸金,应该不会用大字体来浪费空间)

趋势三:icon图标的变化,由线转面

自ios7开始,苹果规范了2px的线性图标;到了ios10中,线性图标的选中状态变成背景填充样式;而在现在的ios11中,采用了面性图标,未选中和选中状态只有颜色上的区分,并且图标更加圆润,目前这种设计,国外的app用的比较多,国内还相对比较少见,采用ios10的样式较多。

阿甲 科技 icon图标的变化

趋势四:给icon图标加上动效,更加有趣味

阿甲 科技 给icon图标加上动效

趋势五:icon的细节刻画越来越重要

目前icon的设计已经不单单只满足于简洁易懂为前提,同时细节的设计也十分重要。在色彩上可以加以渐变,线性图标也可以加以色彩的对比等等,会显得icon是精心设计过的,带给用户的感受也会上一个档次。

阿甲 科技 icon的细节刻画越来越重要

趋势六:卡片、投影相结合

ios11中采用了大圆角卡片设计,它不再像过去MD中的小圆角那样呆板,大圆角让设计更加轻快大气。相信大家已经看到了很多卡片都使用了投影这一手法,轻微的、似有似无的投影,不会被用户立即察觉,但是会给设计增加深度,形成层叠的关系,更加醒目,可以更好的抓住用户的注意力。

阿甲 科技 卡片、投影相结合

趋势七:渐变色当然依旧十分流行

渐变色是今年最大的趋势之一,开始于16年,Instagram将自己的logo改变成渐变色,这一趋势便开始流行,国内的app也开始效仿,目前淘宝、QQ等状态栏就是使用自己的品牌色进行渐变。在设计渐变色的时候,要做到色彩的过渡柔和,颜色明快,避免生硬,可以有效的提升用户体验。

阿甲 科技 渐变色当然依旧十分流行

阿甲 科技 渐变色设计要色彩过渡柔和

阿甲 科技 渐变色设计,要颜色明快

趋势八:3D效果正流行

今年C4D大热,相信大家已经感受到了,今年双十一很多商家都使用了3D效果,有的还加上了动效,可以让你全方位、多角度、更加真实的观察商品。目前还不会C4D的设计师们,为了提升你的竞争力,有必要学起来了,毕竟技多不压身。

阿甲 科技 3D效果正流行

趋势九:插画风格也是大趋势

插画风格运用的越来越广泛,适用于app当中的启动页、缺省页、banner图、专题头图、弹窗插画、icon等等,运用时要和app的整体风格搭配,有趣味、富有创意的插画会让用户对app的好感大幅提升。

阿甲 科技 插画风格也是大趋势

btw,今年比较流行的孟菲斯风格设计,我个人也很喜欢,在地铁站看见各大品牌挂出的海报十分抢眼。该风格色彩比较鲜明、活泼、多采用高饱和色彩,18年估计还会继续流行一阵。

阿甲 科技 今年比较流行的孟菲斯风格设计

趋势十:交互动效一直很重要

交互动效越来越多的使用在ui设计中,它对于产品设计的作用包含:传递层级和状态信息,好的动效应该是隐形的,以提高可用性为前提,提升体验为目的。它的几点特性:快速且流畅、恰到好处的反馈、提升操作感受、提供良好的视觉效果。

阿甲 科技 交互动效一直很重要

趋势十一:响应式设计

随着移动端的增长,手机已经超越了pc机作为日常浏览网站的第一选择,Google推出的MD响应式栅格系统,由于人力成本过高,国内大部分网页都没有做,国外采用响应式设计的网站有:Youtube、Spotify、Behance…国内的有京东、腾讯视频等。这种响应式设计确实比较复杂,但是这个趋势会一直继续下去,对于产品、公司而言,还是需要量力而行的进行升级。

阿甲 科技 响应式设计

趋势十二:VR/AR/VUI是未来的大趋势

众所周知,现在VR(虚拟现实)和AR(增强现实)大火,它俩的核心都是计算机视觉。VR目前在娱乐领域被使用,而AR将会真正影响我们的工作和生活,多用于多媒体、市场营销、教育等方面。

阿甲 科技 VR/AR/VUI是未来的大趋势

免责声明:本文由小编转载自网络,旨在分享提供阅读,版权归原作者所有,如有侵权请联系我们进行删除。

阿甲科技

欢迎访问阿甲科技集团官方网站!