邓诗韵
摘要:本文从APP界面设计未来发展趋势的角度,将无框化与卡片化界面设计的风格上进行比较分析,从对比中探讨哪种风格更适合未来界面设计发展的需要,给用户最好的使用感和视觉体验。
关键词:未来发展趋势;无框化;卡片化;界面设计;用户体验
中图分类号:TP316 文献标识码:A 文章编号:1005-5312(2019)02-0062-01
注意力经济的时代,新媒体运营在重内容的同时也要注重APP界面的颜值上的优化。智能手机发展到现在,为了给用户最好的使用感和视觉体验,视觉设计研究者应该在APP界面设计的未来发展趋势中的无框化与卡片化界面设计上仔细研究和实践,以此来获得更多年轻用户群体的喜爱。
一、APP界面设计的未来发展趋势
在之前,创新的设计大咖们已经将极简设计走向一个新的设计趋势,Faeebook、和Apple已经跟随一个相类似的蓝图来简化主要产品的设计,这种方式就反映出了APP界面设计的新趋势——去形式化,给这个新趋势的定义特征是更大、更粗、更黑的标题,简单、纤细、可识别的图标,两倍三倍甚至四倍的增加空白区域,色彩的抽取,让应用图标更加的明亮。在这个新趋势中,界面上的内容越来越重要,相对的,一切与内容无关的都被大大的削减。
二、无框化APP界面设计的定义
去形式化是一个非常不清晰的概念,在演化中的一些新的设计风格逐渐明确起来,例如——无框化界面。也许我们已经发现,现在越来越多注重设计的网页和应用都在发展这样的趋势。曾经用来划分各区域的边框和边缘线逐渐消失,在干净的界面上通过距离的明确分割,各个区域的差别依旧清晰可辨。
三、卡片化APP界面设计的定义
卡片化界面就是一个包含着丰富的图片和文字内容的小矩形,在实际运用中,它常常是作为详情页的入口使用。由于这种形式跟我们现实世界的卡片极为相似,所以用“卡片”这个词形容最合适不过了。
在网络和移动APP出现之前,卡片在我们的日常生活中可谓是无处不在,名片、棒球卡、甚至便签等。因此,这种方式就像日常生活中的卡片一样使我们能够更加直观的了解内容。
四、无框化与卡片化APP界面设计的差异性
无框化界面设计的优势其一可以掌控用户的注意力,用户体验界面的过程中,最宝贵的莫过于抓住用户的注意力。因为一个产品想要提供给用户更多更好的功能,掌控用户的注意力是设计师的关键任务。如果在界面上放很多装饰性的内容,那么用户的注意力自然会偏离;其二是增加设计的自由度,设计是流畅统一的,一旦一个区域有了边框,其它很多地方都要加上边框与之呼应;其三是提高设计效率,在画图过程中,给内容加上边框就表示每增加一部分内容都要先画出边框,每修改一次内容边框都要重新修改一次,尤其是在很多工具中用特殊边框画起来会相当复杂。而卡片化界面设计的优势其一是组块内容,卡片把信息组织成块状结构后很利于内容的扩展,避免了内容的大面积堆积造成用户阅读困难和时间的浪费,使用户能够快速深入的找到自己感兴趣的内容;其二是易于消化,卡片是一个非常棒的快速沟通的方式,把内容放在卡片里用户非常容易消化;其三是可以让用户产生视觉的愉悦性,卡片化界面设计非常依赖视觉,实际上加大卡片中的图片是非常有利的,因为看图时代的今天,图片能够快速的吸引用户的眼球,所以在卡片化界面中加大图片的部分能吸引用户;其四是易于多尺寸设备适配,卡片得到无限扩展是重要的一面。對于响应式页面设计是非常好的选择,因为它能够上下自由伸展,在响应式页面中巧妙的利用卡片的特点进行相关的设计,不仅能够保持多平台多尺寸屏幕的视觉统一性,同时也大大的提升了工作效率。
五、无框化与卡片化APP界面设计的互补性
在如今这个信息量爆炸的时代,人们如果看到一个简洁大方的画面会更加容易识别,所以视觉上朴素简约些为好。但是在特殊的情况下完全不需要死守任何教条,而是优势互补的灵活运用为好。2010年,微软推出Metro设计语言,这种设计风格的关键性原则是能够让用户更好的聚焦在应用程序的内容上,通过扁平的卡片形式以及错落有序的排版结合实现。Metro风格的卡片设计不仅仅是一个设计元素,它通过简单的交互满足了用户基本的功能需求。所以这种为了满足客户需求和提高使用率的设计就是好的设计,不用拘泥于任何一种设计风格,视具体情况做出适当的调整。其实,无论是卡片化还是无框化设计都有利与弊,关键在于设计者在做设计时是否以用户的视觉及使用的体验为首要任务,并且关注设计内容是否适应产品的特性。相信在这样有全局观的设计思想下,我们未来的界面设计会做的越来越完善,越来越容易被用户喜爱。