移动支付|配色、布局、交互设计,大牌设计师的良心分享

移动支付|配色、布局、交互设计,大牌设计师的良心分享

文章图片

移动支付|配色、布局、交互设计,大牌设计师的良心分享

文章图片

移动支付|配色、布局、交互设计,大牌设计师的良心分享

文章图片

移动支付|配色、布局、交互设计,大牌设计师的良心分享

文章图片

移动支付|配色、布局、交互设计,大牌设计师的良心分享

文章图片

移动支付|配色、布局、交互设计,大牌设计师的良心分享

文章图片

移动支付|配色、布局、交互设计,大牌设计师的良心分享

文章图片

移动支付|配色、布局、交互设计,大牌设计师的良心分享

文章图片

移动支付|配色、布局、交互设计,大牌设计师的良心分享

文章图片


凡作一图 , 若不先立主见 , 漫为填补 , 东添西凑 , 使一局物色 , 各不相依 , 最是大病 。 先要将疏密虚实 , 大意早定 , 洒然落笔 , 彼此相生而相依 , 浓淡相间而相成 , 其烟岚云树 , 村落平原 , 曲折可通 , 总有一气贯注之势 , 密不嫌迫塞 , 疏不嫌空松 , 增之不得 , 减之不能 , 如天成如铸就 , 方合古人布局之法 。 ——《芥舟学画编》
首先 , 想要设计出一个好看的可视化大屏 , 艺术性是必不可少的 。 所以第一步我们来走进数据艺术的世界中 , 从理性走入感性 , 体会相斥相吸所碰撞出的艺术火花给人带来的视觉盛宴 。
风格是由题材、形体特征、画种 , 三大维度共同约束而形成的 。 题材就是画面的文化属性所指 , 如中国风、欧美风、科技风等...形体特征是有两个维度的 , 一个是写实度 , 一个是体积塑造方式 。 画种则是指绘画的种类 , 如漫画、波普艺术、国画、油画等...
1.走进数据艺术
在数据艺术的世界中 , 要打开想象力 , 关注数据和情感中的联系 , 准确的说 , 数据艺术更多是为了让人们去体验那些让人感觉冰冷而陌生的数据 , 使它们从无形变为可见的 , 可动的 , 可互动的甚至可触摸的有形物像 。 就像是把冰冷的10110010的代码赋予生命 , 穿上衣服形成样貌 , 让人一看就能记住这个生命体的样子 , 知晓它的信息 , 更加人性化的与它互动 。

上图是由艺术家格约拉(Quayola)和穆罕穆德·阿克坦(Memo Akten) 在“形态“图中将竞技运动轨迹模拟成粒子数据动画 。 视频中以点线的元素伸展动画 , 随着运动路径相应移动 , 让计算机生成的图形赋予生命力 。

上图是费尔兰达·维埃加斯加和马丁·瓦滕伯格的作品“风图”(Wind Map) , 绘制了全美各地风的流动模式 。 这个可视化的制作非常实用 , 可以通过缩放和平移数据库进行研究 , 还可以把鼠标停在某处了解该地的风速和风向 。 地图上风流动越集中 , 越快 , 预报的风速就越大 。 但这个图不止实用 , 还更是一件艺术品 , 它赋予了环境生命感 , 同样使得冷冰冰的气象数据通过可视化的形式变得有生命力 。 这便是数据艺术的魅力 , 也是做可视化设计所追求的方向 。
2.建立视觉层次
感性的感受到数据可视化带来的艺术感和生命力后 , 我们来通过理性的方法为我们的可视化增加美感 。