大数跨境
0
0

设计信息|移动界面的设计的感染力, 如何把握趋势,讨好用户双眼?

设计信息|移动界面的设计的感染力, 如何把握趋势,讨好用户双眼? MIX无线设计
2015-05-18
0
导读:一些零星的小趋势渐渐影响着更多领域的发展。不同领域的设计因为科技信息的不断延伸,设计界限会变得越来越模糊,从不同的门类中探寻和提炼新的设计语言,情感体验,去解读其中的文化符号。你的设计视野决定着你对设


趋势对我们的生活和环境产生什么样的影响?

我们先来对趋势或潮流做一个定义,设计的趋势简单的说是一种风格的社会认同,并能得以广泛有效的传播和实践。某种趋势风暴能够操纵人们的生活理念、时尚品味、社会文化、科技数字化的方向。观念、产品、信息和行为方式,都会像病毒一样传播开来。极少部分部分人是潮流的缔造者,而大部分人 则是潮流的实践者、跟随者。从趋势的启蒙 到 传播、流行,最终推动行业的发展,成为预测未来的引领各行业的风向标。



2015年的米兰家具展刚刚落幕,各种能够让你莞尔一笑的工业产品、平面设计、服装、建筑、绘画和新媒体的结合,设计师玩转着各种新材料,跨界的风格搭配,智能科技的新领域应用等等,我们如何来解读其中的设计语言和情感体验。


一些零星的小趋势渐渐影响着更多领域的发展。不同领域的设计因为科技信息的不断延伸,设计界限会变得越来越模糊,从不同的门类中探寻和提炼新的设计语言,情感体验,去解读其中的文化符号。你的设计视野决定着你对设计丰富的感知和恰当的 表现力。



怎么样看待设计趋势,那些趋势能被我们所用?

总体来说很多的设计趋势都是经过时间的打磨实践来印证其方向的正确性,能够挖掘的价值和提升的空间也是很多的,很多设计师能在一种风格上创新出更适合自己产品的表现方式,这种种的微创新力量说不定能开启一种新的审美认知。


而作为设计师需要具备敏锐的洞察力与捕捉趋势的能力,充分消化和理解潮流设计元素,不断汲取其中的精华养分,历练实践转化与效果表达的掌控力,才能具备更加开阔的视野、独到的品味和充满灵性的设计感觉。


下面自己总结了几条如何讨好用户双眼的方法

1- 加大清晰美感的图片比重,注重简洁文字和图片的排版, 用图片来讨好用户

随着虚拟现实(VR)技术的成熟,物理设备的界限会慢慢弱化,任何的物体都可能成为承载信息的物理媒介,科幻电影中那些酷炫的透明虚拟屏,在可交互的三维环境中提供沉浸感觉。让信息和现实空间空间融为一体!so 信息的场景化沉浸式体验变得更加新潮!



优点:高清显示大屏的普及和高容量的读图速度使的高品质的清晰大图得以最大的发挥,可以大胆的放大再放大!无论是做背景衬托抑或表现某种类目入口,个人主页的封面,宣传页面,大图展示能够能够带动整个浏览的氛围感,图片和文字得到最好的呼应透明清薄的界面背景,叠加半透明的玻璃效果,有种虚实的空间对比

不足:对产品得选图要求比较高,图片大部分暗色调为主。对比和图片得复杂程度都是影响因素。



teevee是比较典型的例子,几乎全站使用了背景图的效果,似乎跟电影主题的产品形态有更直接的关系,从导航到详情页,始终注重氛围的营造并保持很好的流畅性,内容和背景始终保持一个基调内。




这样的设计越来越多得被使用,充分利用全屏构造更大的展示空间,创建沉浸式体验





2- 借鉴平面设计、版式设计来看移动界面的美感

移动界面设计是否从不同的设计门类中寻找和借鉴新的设计元素。从现代字体,字号,图像,配色,质感,构图,动效,留白,疏密,画面韵律 等几大标准来平衡,很多优秀的设计网站移动app,随意截一张图就能成为很成功的平面作品。文字既是内容也是形式,抽象成文字图形,通过留白,韵律,间距疏密构成画面的一种平衡感。




界面排版碰到最多的就是设计文字块,如与其他界面元素的组合关系,疏密关系。界面设计和商品包装设计很相似,货架上陈列琳琅满目的商品供挑选,哪些商品的包装和信息能够最直接被购买者发现,关键信息如何被有效读取?除了包装本身的设计新颖之外,商品信息的文字呈现很关键。

如作(图1)不同热量的牛奶包装,将热量指标最大的显示在最前面,因为这是选购时最有用的信息,很贴切!信息结构并不多,通过颜色、字体的关联,消费者很快能辨别对自己有价值的信息。



3- 华丽丽的色调,适当的色彩来强化品牌理念

色彩是设计中最容易出效果的一部分,在一些工具化应用及特殊行业产品如相机,餐饮,儿童,闹钟,记账,天气类应用,纯色彩、鲜活色彩构成的渐变的应用相对比较广泛。相对饱和的色彩更能获得广大女性同胞的青睐。往往功能比较单一的如天闹钟、天气类应用,大面积的色彩能帮助调节氛围,区分不同信息属性。

在很多优雅而美好的暗色调的设计中,明亮的在色彩用于重要的功能操作上,既使得要表达的信息关联起来,整体又不突兀。


在界面中使用颜色需要比较谨慎,控制好色调(和功能相匹配的色彩),色彩属性关系着品牌定位,使用好契合品牌气质和功能的色彩体系,能够强化品牌特质,带来耳目一新的效果!



4- 模块化的卡片或磁铁设计继续

卡片式设计很好的优点是模块化,是响应式设计的最佳实践。通过删格的编排组合,模块化的排布灵活多变,能符合浏览器中能浏览大量数据的需求,达到饱满的视觉效果。

色块+图片的模块化设计,让页面更加丰富灵活,实现更便捷的响应式设计方案

此类设计在网页上应用相对广泛,模块的分区更加的灵活,在手机端屏幕限制的情况下,这样的设计会有一定的挑战,需要找到一种更舒适浏览的规律排布,模块的比例不宜过多,不然会显得凌乱。



5- 色块和矢量插图、图形icon的适当使用增加产品的趣味性

简洁幽默的可视化图形的表现,在适当的时候能让你的产品独一无二,增加亮点。

随着互联网动效热,矢量插图无疑是最容易被转换成动态效果的,设计的延展性会更好。品牌形象,独立标识,故事性的可视图形都可以做延展。




6- 游戏性和个性

应用设计会变得越来越酷,越来越好玩了!设计师和营销专家们都在寻求一种打破常规的方式来吸引用户。弹性的面板、诙谐的文字、有趣的互动体验,充分调动各类感官。

muji to sleep 的叫醒服务 , 捕捉原始大自然的声音来打动我们的耳朵,muji 无设计的反璞自然的原则很是到位!


另一个精彩的案例是一款儿童应用 drawnimal ,帮助孩子们学习绘画和字母,最棒是它提倡回归用最真实的纸笔的感受,但又很好地利用了智能设备的便捷延伸,将智能手机作为绘画体验的一部分,无形中增加了另一种纬度体验,这正是它闪亮的创新点。


以往我们都在以人为中心做设计,而从产品这个角度往外看,他们的表达方式,情感诉求似乎变得更有意思。friendly vending 友好的自动贩卖机,所有的饮料小人会跟着你的视线移动,跃跃欲试地站起来鼓励我们去购买,产品的行为,互动被赋予的更多的灵性,有趣和亲和力。而不是冰冷的命令式的智能互动,以“产品为中心的设计” 换个角度来考虑产品的场景,所思所想,是个很好的议题。



7-微动效带来更有趣的体验

这些动画就像一场舞台剧“它会从一个时刻到另一个时刻,场景的变化,以及在舞台上发生的事情时经过编排的,也有着起承转合” 他们还可以帮助用户理解自己处于app 的什么位置和阶段界面顿时活起来。





最后列举了6大设计要素和所对应的视觉法则:


6大界面设计的趋势总结

  1. [字体、字号] 更美观的字体,加大间距、行高,利用天然的文字 块和深浅颜色分割空间

  2. [图像] 大图主导,掌握画面的韵律和氛围

  3. [配色] 简洁的配色或更加明亮的颜色对比

  4. [版式] 注重留白和疏密

  5. [动效] 手势驱动,自然流畅的起承转合

  6. [质感] 直观简洁的扁平化继续主导,轻质感和无负担






【声明】内容源于网络
0
0
MIX无线设计
阿里巴巴无线用户体验设计团队
内容 33
粉丝 0
MIX无线设计 阿里巴巴无线用户体验设计团队
总阅读50
粉丝0
内容33