《UI设计交流文档》PPT课件.ppt

《《UI设计交流文档》PPT课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、深圳XXXX技术有限公司产品部：XXXXUI设计目录01UI简介02UI设计理念03UI设计原则04UI设计流程05正谱教育UI的设计想法01UI简介UI即用户界面（Userinterface）在人和机器的互动过程中，有一个层面，即我们所说的界面（interface）。泛指用户的操作界面，UI设计主要指界面的样式，美观程度。01UI简介如果说程序是一个人的肌肉和骨骼，那么UI设计就是人的外貌和品格!都是一个成功软件产品必不可少的重要组成部分!感觉（视觉/触觉/听觉）情感从心理学意义来分，界面可分为感觉（视觉、触觉

2、、听觉等）和情感两个层次。置界面于用户的控制之下减少用户的记忆负担保持界面的一致性三大原则用户界面设计的三大原则02UI设计理念设计理念在不同的软件产品中会有一些不同的具体表现形式，根据产品特性不同、应用场景不同而表现出不同的侧重点及具体特性。但是核心的理念特征却一直保持统一，那就是“内容重于形式”。UI设计包含用户研究、交互设计、界面设计三大类以用户为中心易用舒适简单UI设计交互设计用户研究界面设计一切以用户为中心，设计出简单舒适易用的界面02UI设计理念不同的产品如一个儿童娱乐产品就需要将界面做的花哨一些或者

3、用大的图片充斥;一个应用软件就需要突出使用方便和强大的功能设计要简洁。同类不同的内容如一个可爱的幼儿教育产品(像儿歌动画类)就需要将界面做的活泼生动可爱一点;如果是一个中小学生的专业助教类产品就要做的简洁明了一些。03UI设计原则设计原则统一性设计目标一致外观元素一致交互行为一致合理性用户习惯接受程度简易可用性可理解性可达到性可控制性03UI设计原则界面没有任何的操作提示，用户就明白通过左右滑动屏幕来查看更多卡片，还知道卡片是以扇形为运动轨迹。干净简洁的界面可以让用户更加沉浸在阅读的世界里界面清晰最重要界面清晰是

4、UI设计的第一步，要想让用户喜欢你设计的UI，首先必须让用户认可它、知道怎么样使用它。让用户在使用时预期会发生什么，并方便地与它交互。全力维护用户的注意力在阅读的时候，总是会有事物分散我们的注意力。因此，在设计界面的时候，能够吸引用户的注意力很关键，千万不要将界面的周围设计得乱七八糟。03UI设计原则用户不知道如何查看很多的卡片，除了查看第一张卡片的详情，其他的卡片脱离了用户的掌控。图标的作用是以图形化的视觉形象给用户快速引导，如果只是装饰，就不如不要。让界面处于用户的掌控之中人类往往对能够掌控自己和周围的环境感

5、到舒服，不考虑用户感受的设计往往会让这种舒适感消失。保证界面处于用户的掌控之中，让用户自己感受主动权。直接操作的感觉最棒当能够直接操作物体时，用户的感觉是最棒的。在设计界面时，我们增加的图标往往并不是必需的，比如我们过多的使用按钮、选项等等其他繁琐的东西仅仅是为了填满界面，这些都是画蛇添足。03UI设计原则界面的交互非常清晰，点击向下展开，再次点击向上收起。界面非常漂亮，但登录被弱化，并且表现形式雷同输入的提示文字，用户不易察觉。界面过渡自然界面的交互都是关联的，所以要认真地考虑到下一步的交互是怎样的，并且通过设

6、计将其实现。当用户已经完成该做的步骤，不要让他们不知所措，给他们自然而然继续下去的方法，以达成目的。表里如一如果它看上去像个按钮，那么它就应该具备按钮的功能。设计师不应该在基本的交互问题上耍小聪明，要在更高层次的问题上发挥创造力。03UI设计原则元素排版整齐且统一，功能清晰明了。界面以用户的阅读习惯将层次拉开，从左到右，从上到下，元素之间互不干扰。区别对待一致性如果屏幕元素各自的功能不同，那么它们的外观也理应不同。反之，如果功能相同或相近，那么它们看起来就应该是一样的。强烈的视觉层次感强烈的视觉层次感是通过界面上

7、视觉元素提供的清晰浏览顺序来实现的，也就是说，用户每次都能按照同一个顺序浏览同一些元素。弱化的视觉层次没有给用户提供如何浏览的线索，用户会感到困惑和混乱。当一切都是粗体时，就没有主次之分了。03UI设计原则将零散的元素进行组合，并以生活中常见的物品展示，用户更易理解。通过鲜艳的色彩来提醒需要用户关注的内容恰当的组织UI能够降低认知难度正如JohnMaeda在他的书中所说，对屏幕元素的恰当组织能够使页面显得简洁，这能够帮助用户更容易并且更快地理解你的界面。颜色不是决定性因素物体的颜色会随着光线的变化而变化，颜色是一

8、个变化的性质，不应该在界面上起决定性作用。但是现在有很多天气、记事、时钟类APP极简的设计，常常采用色彩进行区分也非常赞。03UI设计原则用户只单纯地想播放音乐，所以列表页只需要当前播放状态、演唱者、专辑名和歌曲名，无需太多的信息。零状态结果本身对用户体验极其不好，更需要情感化或引导性的设计来降低用户焦躁的情绪。渐进展示在每个屏幕上只显示必要的内容，如果用户在做选择，那么