深圳UI培训
达内深圳地王中心

134-1646-6912

热门课程

深圳会计培训:今年流行无框界面UI设计风格?

  • 时间:2017-10-10
  • 发布:深圳UI培训
  • 来源:UI教程

深圳会计培训:今年流行无框界面UI设计风格?

2017风行无框界面UI计划作风?

甚么是无框界面?

纵使几大计划作风已构成寡头把持(如苹果的圆角玻璃、google的层级、微软的方块…),但界面计划的退化过程才刚刚开始.

我曾在以前的《计划新趋向!超越扁平化计划的「化繁为简」有哪些亮点?》写过对于去形式化的话题.在这个新趋向中,界面上的内容愈来愈紧张,相对的,统统与内容有关的都被大大减少.

去形式化是一张异常模糊的全景图,在演变中一些新的计划作风渐渐清楚起来,比方--无框界面.

大概你已经发明了,今年来愈来愈多的网站和利用,特别是那些重视计划的,都有如许的趋向.已经用来分别地区的边框和边线渐渐消散,然而在清洁的界面上,经由过程间隔朋分,各地区的差异照旧清楚可辨.

去形模样形状例

那末卡片化呢?

假如你的计划思想还停留在卡片话,那就掉队了,由于无框界面的趋向下,卡片的观点被淡化.卡片与否有何紧张?横竖用户乃至不会觉察,他们只关怀自己来这里的最终目标,界面临他们来讲只是征采信息的手腕之一而已(假如有很好的搜刮功效可用的话,说不定基本不消扫一眼界面).

没错,卡片化的由来有它的合理性.几年前人人注意到显示屏的尺寸愈来愈不可预期,计划师急需一种计划手腕,来让计划出的界面能够或许顺应不同尺寸的屏幕.卡片恰好能够或许办理这一点,由于它将内容封装成固定的小区块,像水异样,能够放在任何比自己大的容器中.不但如此,卡片式界面还能够依据必要岁时删减卡片,以此机动节制界面上的内容种类和数目.由此响应式界面的大环境下,卡片化这个词被愈来愈多地注意到.

实在无框界面与卡片化实在不真正相冲,将内容分装成小区块的观点照旧还在,只是此时卡片已经完整透明,不必要看到卡片的样子了.

无框的优势?

用笔墨来讨论太过抽象,以是我用无框的观点优化了一个人人熟悉的有框界面.不要问我是哪个网站,哈哈~

上面的是原版界面,下面的是我改动的无框版

把握注意力

看上图的原版界面时,第一眼很有能够看到的是卡片中的边线,而不是内容.这是由于白色卡片和灰色背景的对比异常显著,而尺寸又很大,以是异常吸引注意力.而卡片中的内容,由于在卡片中挤作一团,以是很容易被忽视.

看上图中的无框版界面时,由于没有边线,只要内容,以是用户第一眼的注意力确定是在内容上.

用户之于界面,最宝贵的莫过于注意力.由于一个产物想要供给给用户的功效是越多越好,然则用户的注意力始终只要那末一丁点.以是,把握用户的注意力是计划师的关键使命.假如界面上摆放了过多色彩显明、吸引注意力的"装潢",用户看到内容的几率变下降了.固然,即使有边框,照样能够或许经由