UI设计交流文档 PPT.ppt

深圳XXXX技术有限公司产品部:XXXXUI设计目录01UI简介02UI设计理念03UI设计原则04UI设计流程05正谱教育UI的设计想法01UI简介UI即用户界面(Userinterface)在人和机器的互动过程中,有一个层面,即我们所说的界面(interface)。泛指用户的操作界面,UI设计主要指界面的样式,美观程度。01UI简介如果说程序是一个人的肌肉和骨骼,那么UI设计就是人的外貌和品格!都是一个成功软件产品必不可少的重要组成部分!从心理学意义来分,界面可分为感觉(视觉、触觉、听觉等)和情感两个层次。用户界面设计的三大原则02UI设计理念设计理念在不同的软件产品中会有一些不同的具体表现形式,根据产品特性不同、应用场景不同而表现出不同的侧重点及具体特性。但是核心的理念特征却一直保持统一,那就是“内容重于形式”。UI设计包含用户研究、交互设计、界面设计三大类一切以用户为中心,设计出简单舒适易用的界面02UI设计理念不同的产品如一个儿童娱乐产品就需要将界面做的花哨一些或者用大的图片充斥;一个应用软件就需要突出使用方便和强大的功能设计要简洁。同类不同的内容如一个可爱的幼儿教育产品(像儿歌动画类)就需要将界面做的活泼生动可爱一点;如果是一个中小学生的专业助教类产品就要做的简洁明了一些。03UI设计原则设计原则统一性设计目标一致外观元素一致交互行为一致合理性用户习惯接受程度简易可用性可理解性可达到性可控制性03UI设计原则界面没有任何的操作提示,用户就明白通过左右滑动屏幕来查看更多卡片,还知道卡片是以扇形为运动轨迹。干净简洁的界面可以让用户更加沉浸在阅读的世界里 界面清晰最重要界面清晰是UI设计的第一步,要想让用户喜欢你设计的UI,首先必须让用户认可它、知道怎么样使用它。让用户在使用时预期会发生什么,并方便地与它交互。 全力维护用户的注意力在阅读的时候,总是会有事物分散我们的注意力。因此,在设计界面的时候,能够吸引用户的注意力很关键,千万不要将界面的周围设计得乱七八糟。03UI设计原则用户不知道如何查看很多的卡片,除了查看第一张卡片的详情,其他的卡片脱离了用户的掌控。图标的作用是以图形化的视觉形象给用户快速引导,如果只是装饰,就不如不要。 让界面处于用户的掌控之中人类往往对能够掌控自己和周围的环境感到舒服,不考虑用户感受的设计往往会让这种舒适感消失。保证界面处于用户的掌控之中,让用户自己感受主动权。直接操作的感觉最棒当能够直接操作物体时,用户的感觉是最棒的。在设计界面时,我们增加的图标往往并不是必需的,比如我们过多的使用按钮、选项等等其他繁琐的东西仅仅是为了填满界面,这些都是画蛇添足。03UI设计原则界面的交互非常清晰,点击向下展开,再次点击向上收起。界面非常漂亮,但登录被弱化,并且表现形式雷同输入的提示文字,用户不易察觉。 界面过渡自然界面的交互都是关联的,所以要认真地考虑到下一步的交互是怎样的,并且通过设计将其实现。当用户已经完成该做的步骤,不要让他们不知所措,给他们自然而然继续下去的方法,以达成目的。表里如一如果它看上去像个按钮,那么它就应该具备按钮的功能。设计师不应该在基本的交互问题上耍小聪明,要在更高层次的问题上发挥创造力。