1 / 21
文档名称:

UI设计交流文档课件.pptx

格式:pptx   大小:4,001KB   页数:21页
下载后只包含 1 个 PPTX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

UI设计交流文档课件.pptx

上传人:bai1968104 2022/7/29 文件大小:3.91 MB

下载得到文件列表

UI设计交流文档课件.pptx

相关文档

文档介绍

文档介绍:深圳技术有限公司
产品部:
设计
目录
01 简介
02 设计理念
03 设计原则
04 设计流程
05 正谱教育的设计想法
01 简介
即用户界面( )
在人和机维护用户的注意力
在阅读的时候,总是会有事物分散我们的注意力。因此,在设计界面的时候,能够吸引用户的注意力很关键,千万不要将界面的周围设计得乱七八糟。
03 设计原则
用户不知道如何查看很多的卡片,除了查看第一张卡片的详情,其他的卡片脱离了用户的掌控。
图标的作用是以图形化的视觉形象给用户快速引导,如果只是装饰,就不如不要。
让界面处于用户的掌控之中
人类往往对能够掌控自己和周围的环境感到舒服,不考虑用户感受的设计往往会让这种舒适感消失。保证界面处于用户的掌控之中,让用户自己感受主动权。
直接操作的感觉最棒

当能够直接操作物体时,用户的感觉是最棒的。在设计界面时,我们增加的图标往往并不是必需的,比如我们过多的使用按钮、选项等等其他繁琐的东西仅仅是为了填满界面,这些都是画蛇添足。
03 设计原则
界面的交互非常清晰,点击向下展开,再次点击向上收起。
界面非常漂亮,但登录被弱化,并且表现形式雷同输入的提示文字,用户不易察觉。
界面过渡自然
界面的交互都是关联的,所以要认真地考虑到下一步的交互是怎样的,并且通过设计将其实现。当用户已经完成该做的步骤,不要让他们不知所措,给他们自然而然继续下去的方法,以达成目的。
表里如一
如果它看上去像个按钮,那么它就应该具备按钮的功能。设计师不应该在基本的交互问题上耍小聪明,要在更高层次的问题上发挥创造力。
03 设计原则
元素排版整齐且统一,功能清晰明了。
界面以用户的阅读****惯将层次拉开,从左到右,从上到下,元素之间互不干扰。
区别对待一致性
如果屏幕元素各自的功能不同,那么它们的外观也理应不同。反之,如果功能相同或相近,那么它们看起来就应该是一样的。
强烈的视觉层次感
强烈的视觉层次感是通过界面上视觉元素提供的清晰浏览顺序来实现的,也就是说,用户每次都能按照同一个顺序浏览同一些元素。弱化的视觉层次没有给用户提供如何浏览的线索,用户会感到困惑和混乱。当一切都是粗体时,就没有主次之分了。
03 设计原则
将零散的元素进行组合,并以生活中常见的物品展示,用户更易理解。
通过鲜艳的色彩来提醒需要用户关注的内容
恰当的组织能够降低认知难度
正如 在他的书中所说,对屏幕元素的恰当组织能够使页面显得简洁,这能够帮助用户更容易并且更快地理解你的界面。
颜色不是决定性因素
物体的颜色会随着光线的变化而变化,颜色是一个变化的性质,不应该在界面上起决定性作用。但是现在有很多天气、记事、时钟类极简的设计,常常采用色彩进行区分也非常赞。
03 设计原则
用户只单纯地想播放音乐,所以列表页只需要当前播放状态、演唱者、专辑名和歌曲名,无需太多的信息。
零状态结果本身对用户体验极其不好,更需要情感化或引导性的设计来降低用户焦躁的情绪。
渐进展示
在每个屏幕上只显示必要的内容,如果用户在做选择,那么给他们显示足够的信息,然后在各自的页面上展示详情,避免在某个界面过度展示所有细节。
零状态的界面
第一次访问界面是最重要的,但经常被设计者忽视。为了帮助用户适应,应该提供启动的方向和引导。
03 设计原则
要想做到这点非常不易,但是无厘头做到了。
视觉效果非常好,但是用户体验上非常糟糕,当前状态与主界面关联太弱,弧形轨迹阅读太累。
优秀的设计是无形的
优秀的设计是没有痕迹的,如果设计是成功的,那么用户可以只关注自己的目的,而不是界面,不依赖于界面。
界面是被人使用的
只有用户使用你设计的界面时,才是成功的。如果一件衣服很漂亮,但是穿起来不舒服,那么设计是失败的。
04 设计流程
配合阶段
分析阶段
设计阶段
验证阶段
设计流程
竞争产品能够上市并且被设计者知道,必然有其长处。这就是所谓三人行必有我师的意思。每个设计者的思维都有局限性,看到别人的设计会有触类旁通的好处。当市场上存在竞品时,去听听用户的评论,哪怕是骂声都好,别沉迷于自己的设计中,让真正的用户说话。
好的设计建立在对用户深刻了解之上。因此用户使用场景分析就很重要,了解产品的现有交互以及用户使用产品****惯等,但是设计人员在分析的时候一定要站在用户角度思考:如果我是用户,这里我会需要什么。
04 设计流程
分析阶段
需求分析
用户场景模拟
竞品分析
对于一个产品来说,