2017年UI设计风格预测

当你遇到设计瓶颈的时候,是不是有一种不满足於之前的处理手法,想要突破自己,不想麻木地做设计呢?不希望自己的设计逐渐走想平庸,毫无突破?下面,我们一起了解一下2017年UI设计风格预测。

1.半扁平化的设计

在过去的两年左右,扁平化无疑是讨论最多、最火的设计趋势。但设计趋势往往受到媒体,技术,和实用性的影响,一般都以缓慢渐进的方式渗透在我们的设计中,周期在1-2年之间。目前已经有很多设计师对它进行细微改进,形成了一个新的设计趋势-半扁平设计。

半扁平化设计说直白点,其实就是结合了material design和flat design两种风格的处理手法。使简洁的设计上多一些空间感,包括悬浮的按钮和卡片的设计。按照Wired的话来说,那就是让像素具备海拔高度,这样子的话,系统的不同层面的元素,都是有原则、可预测的,不让用户感到无所适从。

下面是一些国外的设计案例:

image002

从细节上来看,顶部的导航条是通过淡淡的投影来与背景区分,而不是是常见於ios设计中的1px的灰色的线条。包括更有空间感的卡片的处理,在保证细节的时候,又不会由於增加了投影给用户带来视觉干扰,反而页面更有层次感。

“可能有的设计师会说,这些都是国外的效果图!而且英文的很容易做出高大上的效果啊!要我,我也可以!但是自己做的产品或者说国内的设计不太好做出这样的啊!”

兄弟!不要为自己的懒惰找借口了,例子来了!下面是最近常用的一些国内app,半扁平化的设计已经在他们产品上有了体现。

image004

image006
2.更多三维呈现

在以前,UI或运营设计中常见的都是二维的处理手法。元素以平面的方式展示给我们,但是今年会慢慢趋於更多3D的效果,使内容更加有纵深感从而也提升了设计的趣味性,尤其是运用在运营设计上会让画面显得更加丰富。

image008

image010

360做的抢票软件的的视觉设计给我印象很深,采用的是粘土塑形的方式塑造的立体形象。我认为这种对设计的创新手法,很值得设计师们学习的。做设计真的不仅仅局限於每天对着屏幕挪动着鼠标,反而对生活的热情和动手的能力会让自己的设计脱颖而出。

image012

3.几何图形的点缀

从2016年年底就有一些设计作品或者设计包装采用不同颜色的几何图形进行点缀。它不是作为设计内容的主角,而是起到渲染画面氛围的作用。用色一般鲜亮大胆,会给人视觉上的冲击,多用於运营设计。

image014

image016

下面是国内产品运营设计实用几何形的案例:

image018

image020

4.渐变色的运用

渐变色的运用范围很广,它可以当作背景使用,也可以在logo或者按钮上使用。今年的渐变不再是像拟物化时代为了还原物体本身的空间所做的处理。这里的渐变多为大撞色的使用,为了营造氛围和产品气质使用。

image022

image024

渐变色的处理在logo或者按钮上的运用:

image026

5.大标题,大间距的处理

预测今年将会有越来越多优秀的产品跳脱出系统本身规范的束缚,开始更大胆的设计。不在局限於本身规范里最大字号不能超过多少px,间距最好在稍稍px之内等等…而是针对不同场景,不同用户群体,不同的内容去特殊处理。

所以出现了目前更多大标题大间距大量留白的设计作品。其实像这种处理手法有点类似几年前微软的Metro Design,只是现在很多优秀设计师都能把不同的设计语言灵活的去运用,而不仅限於某个系统平台。

下面是国内一些APP设计实例:

image028

image030

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/44339.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
Inspirr的头像Inspirr订阅用户
上一篇 2022年6月25日 23:45
下一篇 2022年6月25日 23:45

相关推荐

  • 提升视觉张力tip,高对比图片

    当你想要在页面设计项目当中使用色彩叠加这种方式时,要清楚置於页面底层的图片与视频同样都需要重视。一张看似平凡普通的的图片,其实只要合理地使用色彩叠加或者渐变色风格使用,都会达到不错的吸睛效果。但是若…

    2022年6月25日
    0106
  • 浅谈线框图

    线框图其实就是网站设计的低保真设计图,主要作用有这三个部分: 1、 网站设计的内容大纲; 2、 网站设计的信息结构; 3、 用户的交互行为呈现。 线框图其实就是网站设计的骨干与核心,能够帮助平衡设计的保真度,…

    2022年6月11日
    0156
  • 选择方块堆叠形式进行页面布局的理由

    网页设计运用方块堆叠的形式进行排版是时下最热的表现,很大原因是因为它的直观和视觉质感。运用方块堆叠形式排版也是流行的趋势之一,理由有五个方面: 视觉效果的吸引力:堆叠形式的布局能够打造出强烈的空间感,…

    2022年6月12日
    0166
  • 2016年界面视觉细节趋势

    1、 使用十字线:界面设计如果没有使用视觉形式区分的辅助,用户很难确认界面上的中心。 2、 注意界面的深度以及视觉疲劳:简单来说就是页面的可读性和易读性,单单是字体的大小、对比度、间距等,都有很具体的要求…

    2022年6月15日
    0142
  • 我来分享网页英文用什么字体好看,ppt英文用什么字体好看一点。

    在设计网页和PPT时,选择合适的字体是非常重要的,一个好的字体不仅能提高阅读体验,还能增强视觉效果,使内容更具吸引力,网页英文用什么字体好看,PPT英文用什么字体好看呢?本文将为您推荐一些适合网页和PPT的英…

    2024年6月28日
    00
  • 谈谈以内容为王的电商网站建设

    以着名的X宝为例,在电脑桌面端它们的电商网站建设有着非常重要的两条消费者动线: 其一,是搜索; 其二,是分类导航。 在电脑端为主的电商网站设计,这两种属於中心化的流量分配方式。而到了移动端的时代,则要充…

    2022年6月25日
    0114
  • 我来教你太原好的网站制作排名。

    在太原,有许多专业的网页制作公司和个人工作室可以提供网页制作服务,这些公司和个人工作室通常拥有丰富的经验和专业的技能,可以根据客户的需求和预算,提供定制化的网页设计和开发服务。 你可以通过互联网搜索找…

    2024年6月29日
    00
  • 电商网站应抛弃的两种设计  

      点击次数过多 即使用户可以明确地知道你的网站目标信息在哪里,但是对於用户体验来说,点击次数过多只会让用户感觉麻烦,甚至很可能会中断操作。 对於电商网站建设项目,必须更加重视用户在获取目标内容时应…

    2022年6月25日
    0140

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息