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

134-1646-6912

热门课程

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

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

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

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

甚么是无框界面?

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

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

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

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

去形模样形状例

那末卡片化呢?

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

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

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

无框的优势?

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

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

把握注意力

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

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

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

减少计划约束

计划是连接、统一的.一旦一个地区有了边框,其它许多地方都要加之边框与之呼应.边框一多,约束也多.由于这意味着从此以后,岂论一项要在界面上加一点甚么其余器械,都要思虑一下,能否必要加之边框,假如边框还分好几类,那末这时候还要断定一下此处的内容得当利用哪类边框.如许计划师不自觉地给自己加了愈来愈多的约束,而这些约束,用户实在基本不care.

增长界面利用率

一切的边框,能够不要边线,然则至少得要有两个边距,即内边距和外边距,如许才能保证视觉效果的舒适性.然而假如去掉边框,用间隔朋分内容区块,那末两个内容区块之间就只必要一个间距就好了.就算为了辨别要拉大这个间距,也通常不会超过有边框环境下内外边距之和.

如许算来,无框界面的界面利用率会更高,能够或许在有限的空间里,摆放更多的内容.

晋升计划效力

后面提过的减少计划约束,可看做是一种对计划思虑效力的晋升.除思虑以外,无框界面临绘图效力的晋升加倍显著.

在绘图过程当中,给内容加之边框意味着每增长一块内容都要先画出边框;每改动以此内容,边框都要一并改动一次.特别是在许多对象中,圆角、双线等特别边框画起来相称繁琐.

有何争议

视觉手腕减少

为了辨别、凸起、弱化某些器械,视觉上能够用N中办法办理.然则假如苦守无框,这些可用的手腕就减少了.但自己觉得,少点套路多些朴拙是这个期间的精力寻求,以是大部分环境下,视觉上朴实些也挺好.然则在特别环境下,完整不必要苦守任何教条,究竟规则便是为了在多数环境被冲破而存在的.

视觉与交互的不同

纵使无框界面有再多易用性的有点,视觉计划师照旧能够对此无感.由于但凡夸大某种作风,都视觉来讲都是一种限定.而假如将无框看做对视觉计划的限定,其成果受益于易用性,视觉计划能够难以接收.许多工作难的不是增长而是减少,这类改变必要像以后乔布斯去除手机键盘异样,有一个具备全局观的决策者.

同质化

这是个严正的课题,能够上升至哲学地步,这里只能顶多只能抛些砖角.我在《[译文] 去形式化--移动计划新趋向化》写过异样的成绩,在去除过剩"装潢"以后,界面只剩下内容,这回让不同产物之间愈来愈类似,走到极致,乃至能够人人看起来完整一模异样都有能够.

一方面临付用户来讲,这基本不是个成绩.固然用户也很享用产物供给的附加代价,然则他们实在不期望产物供给观赏性和趣味性,究竟人人日常平凡有的是文娱手腕,利用非文娱性产物时除疾速到达自己的目标以外别无他求.

另一方面临付产物自己来讲,都想要建立自己的作风,表现自己的品牌辨认性,使出浑身解数想要得到用户的额定爱好.

在这两个方面要若何弃取?将来确定是用户的.但界面的间接粗鲁实在不一定与辨认性完整抵触,即使操纵界面的辨认性为零,也能够经由过程Logo、笔墨等手腕来建立品牌抽象.

从另一个角度来思虑,我曾在《图形界面的末路?》论证过,在不知多远的将来,人类和机械之间,很有能够已经再也不必要界面来交流了.举个最接地气的例子,假如Siri能够代替iOS的统统界面,那末不要说无框界面,一切界面都没了,这能否是代表iOS这全部产物的品牌抽象就丧失了?固然不是,语音的音色、语气、答复方法……有太多的器械都能让用户发生印象了.

无框界面实在不外是界面作风的一种而已,实在不是包治百病的神药.蹩脚的计划师,甚么作风都解救布料;而能自成一派的优良计划师实在不必要收到任何作风的范围.

即使在本日,全键盘的黑莓手机照旧在欧洲市场盘踞紧张地位.我从不觉得有框与无框之间又对错之分,只是此处做个预言,将来的天下会朝无框迈进.

想知道更多关于IT行业的信息吗?想远远不如行动,行动起来,一起加入达内,一起进入IT行业,跟着达内的脚步,一起走进如今的互联网信息时代,带给你不一样的色彩生活——【深圳UI培训

上一篇:学习字体设计的三个阶段
下一篇:深圳会计培训带你了解15个会毁掉设计师的坏习惯

深圳UI培训:ui设计师的工作内容是什么?

深圳UI培训:达内UI设计培训可靠吗?

深圳UI培训:达内UI培训后能拿多少工资

深圳UI培训:3个UI设计细节让感受与高手的差距

选择城市和中心
贵州省

广西省

海南省