广告设计与制作《UI-036界面设计中常见的错误案例》_第1页
广告设计与制作《UI-036界面设计中常见的错误案例》_第2页
广告设计与制作《UI-036界面设计中常见的错误案例》_第3页
广告设计与制作《UI-036界面设计中常见的错误案例》_第4页
广告设计与制作《UI-036界面设计中常见的错误案例》_第5页
已阅读5页,还剩15页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

目录CONTENTSUI设计中的常见错误游戏UI中常见错误第一页,共二十页。PART01UI设计中的常见错误·常见问题讲解·实际案例讲解第二页,共二十页。争论点:“减少点击〞“我需要看到所有内容,创造概览““用户讨厌滚动“常见问题讲解第三页,共二十页。内容超负荷让所有选项分散开来看起来像是创立了概览,但问题在于,你的大脑最多只能理解9个选项,并且实际上可能有95%的按钮是用户不常用的。相关联另一个问题是按钮应该接近与它们相关联的数据。拥有更多按钮意味着失去视觉相关度。常见问题讲解第四页,共二十页。争论点:“一致的视觉风格〞“设计系统驱动设计〞“高效利用界面空间〞常见问题讲解第五页,共二十页。如何为这个用户创立一个界面?1、为页面提供清晰的标题或页面名称2、如果你的菜单层级超过1级,请使用面包导航3、如果流程有多个步骤,请显示这些步骤。常见问题讲解第六页,共二十页。争论点:“用户讨厌滚动〞“高效利用界面空间〞常见问题讲解第七页,共二十页。你在阅读medium的文章时,你有没有注意到他们浪费了多少界面空间?你所谓的浪费实际上是一种掌控,如果你想要掌控这些的留白,就要删除无效内容,只留下最重要的。常见问题讲解第八页,共二十页。争论点:“嵌套卡片来创造视觉层级感。〞常见问题讲解第九页,共二十页。在传统的卡片组中,卡片的大小都是相同的。卡片被放置在其他卡片的旁边或下方来显示某些状态或表达某种关系。用户下意识地开始质疑页面中其他对象的关系,并且失去了应有的逻辑。其实解决问题的方法很简单!常见问题讲解第十页,共二十页。常见问题讲解最常见的例子是接受和取消按钮的左右位置问题。经验法那么是,当你在流程中通往下一步时,该按钮是绿色的,在右侧,并配有文案来解释其功能,例如“接受〞、“继续〞或“下一步〞。还要防止一些“破坏性操作〞的按钮的文案使用户感到迷惑,比方你想要取消订阅时应该点击“取消〞还是“取消订阅〞。第十一页,共二十页。实际案例讲解同样是播放界面,我们可以明显看出,右侧的更具适合用户的体验感官,有着常用的按钮接口,以及用户的等级,标记,红包功能,点赞功能的提现更加符合实际的效果。第十二页,共二十页。PART02游戏UI中常见错误·实际案例第十三页,共二十页。实际案例明确的将各局部的内容进行划分防止过多的信息,而使用单一的颜色。图片来源于站酷//第十四页,共二十页。实际案例选择的按钮一定要富有质感,防止使用2种相同的颜色,这样无法区分功能。图片来源于站酷//第十五页,共二十页。实际案例过于单调的界面,标题的按钮与其他的按钮一样风格,样式,整体的效果无法表达,无法吸引用户的眼球。图片来源于站酷//第十六页,共二十页。实际案例图标的大小风格差距明显,不符合背景的样式。图片来源于百度图片来源于站酷//第十七页,共二十页。实际案例功能类按钮暗,不明显,颜色没区分好,字体没有变化过于单一图片来源于百度图片来源于百度图片来源于站酷//第十八页,共二十页。THANYOU第十九页,共二十页。内容总结目录。“我需要看到所有内容,创造概览“。“用户讨厌滚动“。“设计系统驱动设计〞。1、为页面提供清晰的标题或页面名称。你在阅读medium的文章时,你有没有注意到他们浪费了多少界面空间。卡片被放置在其他卡片的旁边或下方来显示某些状态或表达某种关系。用户下意识地开始质疑页面中其他对象的关

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论