裤兜干货 | 一个外表闷骚内心浪漫的UI设计大咖如何呈现交互视觉
2016/6/8 创意发声

    

     一个有情怀的UI设计师是什么样的呢？不仅懂UI，更懂设计，不仅会做产品，还会写情诗，这样的UI设计师还怕追不到妹子？

     5月21号，小创参加了裤兜学院倾情打造的《出任交互设计师——5周实战集训》线下公开课，五位课程导师齐登场，为大家讲述了《交互设计的那些秘事》。

     这篇小编将与大家分享那个有情怀又懂撩妹的UI设计大咖朱剑虎老师的交互的视觉呈现——《视觉在左，交互在右》。

     UI是什么

     表面意思就是User Interface，用户界面，泛指用户的操作界面。

     在一个有情怀的设计师眼里是什么呢？

     UI=U&I， you & I，你和我。

    

     而当我们给UI加上一个声调时，又是另外一种解释。

    

     一个普通的UI设计师，或许只关注用户界面是否能用，一个好一点的UI设计师，可能还会关注它是否好用，而一个优秀而又有情怀的的UI设计师，关注的是他做出的界面是否好看又好用。所以他对UI的解释超越了前面两层，变成一种“有爱”的设计。

    

     UI怎么做是好看又好用呢？

     好看是从视觉层面理解，好用则从交互层面理解。

    

     UI设计师如何将两者结合起来，设计出好看又好用的界面是一个值得探讨的问题。

     左or右

     在这个问题之前，我们先来看下人的大脑的分工。大脑分为左半球和右半球。左半球是管人的右边的一切活动的，一般左脑具有语言、概念、数字、分析、逻辑推理等功能；右半球是管人的左边的一切活动的，右脑具有音乐、绘画、空间几何、想像、综合等功能。

    

     下面的作品，学艺术的人看到，可能会从他们的色彩搭配，空间构成等各个方面去解释这些作品好在哪里，美在哪里。而普通人看到，只是觉得好看。

    

     下面这些产品，在用户眼里，不见得好看，但是他们却是很好用的东西。

    

    

    

     检测UI的成果通常只有一种方式，就是用户反馈。UI设计师把产品拿来给用户用，只有两种反馈，要么好看，要么好用。UI设计师所要做的就是将“优秀的审美和视觉传达”与“理性的逻辑和交互思维”平衡起来，使得产品既好用，有好用，达到一种正正好的状态。

     视觉向左 交互靠右

     一起欣赏下朱剑虎老师设计的智能手表的视觉呈现。

    

     以天气界面为例，要呈现一个以天气为主视觉的界面，表盘上需要放入的元素如下：

    

     而整个表盘设计，就是要让用户一眼看到天气的状况，代表天气状况的图标就是占据主界面的元素。

    

     让用户不用看字就可以知道天气状况，这个主视觉元素怎样呈现出来会让用户觉得更好看呢？通常我们看到的天气图标是这样的。

    

     考虑到圆形的表盘，让天气图标在表盘中呈现出来更好看，很多人会用到黄金分割或黄金螺线，这样可以让图标在圆形表盘中看起来更舒服。

    

     而通常一个设计师的想法通过手绘的方法，会更好的呈现出来，在纸上勾勒出正负空间的交叠，加上色彩，调整透视，阴影。

    

     最终我们呈现出来就是这样的：

    

     一个优秀的的UI设计师，追求的是做富有情感的设计，所以他们做的产品既要好看又要好用，最终成为一个有爱的产品。在这个过程中，设计师需要让视觉稍稍向左，交互稍稍靠右，达到“优秀的审美和视觉传达”与“理性的逻辑和交互思维”的平衡。

    

     了解更多《出任交互设计师——5周实战集训》公开课精彩内容，点击阅读原文登录裤兜官网，一览大咖风采。

     裤兜创新学院介绍

     裤兜创新设计学院是中国文创领域首家集线上线下为一体的一站式教育创新平台，汇集了知名高校创意名师+国内外创意机构明星导师亲自授课的创意实战课程。课程涵盖时尚创意、品牌营销、广告设计等热门领域，致力于让每个人随时随地享受学习的乐趣。裤兜寓意装满智慧的口袋，无论你是创意菜鸟还是职场精英，裤兜总能时刻为你的创意充电!

     扫描二维码关注裤兜创新学习微信公众号

    

    

     点击阅读原文，了解更多

     ▼

    http://www.duyihua.cn
返回 创意发声 返回首页 返回百拇医药