-
让品牌有温度、有情感
专注品牌策划15年
不好的ui设计案例（不好的ui设计案例分析）
发布时间：2023-04-28 06:58:08
稿源：
创意岭 阅读：
676
大家好！今天让创意岭的小编来大家介绍下关于不好的ui设计案例的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。
创意岭作为行业内优秀企业，服务客户遍布全国，设计相关业务请拨打175-8598-2043，或微信：1454722008
本文目录:
一、ui界面设计课程总结
A. UI设计课程有哪些
产品研发流程和规范产品经理初入门--策划应用美术，tt技术的实现方式与流程Axure初级应用，Axure高级应用，互联网营销，商业实战，移动端设计规范，PC端设计规范
产品策划，功能设计，交互设计，Axure(快速原型设计工具)原型
Fireworks制图,MUGEDA（可视化新闻交互与跨媒体）,HTML+CSS
微信、微博运营，产品、用户分析，活动策划，文案策划，自媒体运营、社会化媒体推广
就这些吧，基本都包含了
B. UI界面设计报告怎么写
有UI效果图，导入进axure里添加文字后，可以直接生成pdf文档。
如没有UI效果图，用专axure画出各个ui的线框图或添加交互属效果后，用FoxitPDFEditor（免费）编辑pdf里的字，把各个UI页面的说明一改，齐活，特快！望给分~~~
axure下载地址：//rj./soft/detail/15574?ald
FoxitPDFEditor下载地址：//xiazai.zol.cn/detail/5/41752.s
C. UI设计都学习哪些课程
UI课程设计，主要根据课程目的设置。我们的课程属于UI设计及产品经理高端课程体系。主要有：移动端的特殊视觉美化设计、逻辑设计 带来创造和挑战，动态交互 特效表现多面手、让设计完美落地、把握设计灵魂 站稳高端层。
D. UI设计师如何进行总结具体有哪些维度
主要写一下主要的工作内容,如何服务客户，取得的成绩，以及不足，最后提出合理化的建议或者新的努力方向。。。。。。。工作总结就是让上级知道你有什么贡献，体现你的工作价值所在。所以应该写好几点：1、你对岗位和工作上的认识2、具体你做了什么事3、你如何用心工作，哪些事情是你动脑子去解决的。就算没什么，也要写一些有难度的问题，你如何通过努力解决了4、以后工作中你还需提高哪些能力或充实哪些知识5、上级喜欢主动工作的人。你分内的事情都要有所准备，即事前准备工作以下供你参考：总结，就是把一个时间段的情况进行一次全面系统的总评价、总分析，分析成绩、不足、经验等。总结是应用写作的一种，是对已经做过的工作进行理性的思考。总结的基本要求1．总结必须有情况的概述和叙述，有的比较简单，有的比较详细。2．成绩和缺点。这是总结的主要内容。总结的目的就是要肯定成绩，找出缺点。成绩有哪些，有多大，表现在哪些方面，是怎样取得的；缺点有多少，表现在哪些方面，是怎样产生的，都应写清楚。3．经验和教训。为了便于今后工作，必须对以前的工作经验和教训进行分析、研究、概括，并形成理论知识。总结的注意事项： 1．一定要实事求是，成绩基本不夸大，缺点基本不缩小。这是分析、得出教训的基础。 2．条理要清楚。语句通顺，容易理解。3．要详略适宜。有重要的，有次要的，写作时要突出重点。总结中的问题要有主次、详略之分。总结的基本格式：1、标题 2、正文 开头：概述情况，总体评价；提纲挈领，总括全文。 主体：分析成绩缺憾，总结经验教训。 结尾：分析问题，明确方向。 3、落款 署名与日期
E. ui设计主要学习什么课程
ui设计主要学习： Photoshop，Illustrator，After Effects，Axure RP 8。
简称，PS，AI，AE，ARP 软件。
PS 主要用于制作 UI 设计中界面和图标设计，也可以对 UI 中的一些广告页进行设计。
AI 主要用于制作 UI 设计中的图标设计，也可以对 UI 中的一些引导页的插画图进行设计。
AE 主要用于制作 UI 设计中的交互动效，在现今的 UI 产品中很多都是需要用动效的。
ARP 主要用于制作 UI 设计中的原型图，线框图，流程图的设计。
F. UI设计都学些什么
这是ui设计主要课程，要是感兴趣的话可以了解一下：
第一阶段
1、广告文案书制作专
2、计算机组装属与维护
3、美术基础：素描
4、美术基础：水粉
第二阶段
1、矢量图形设计（CorelDRAW）
2、广告摄影
3、矢量插图设计（Illustrator）
4、图像处理设计基础（Photoshop）
5、应用文写作
6、构成基础：平面构成
7、色彩构成、立体构成
第三阶段
1、图像处理高级技法
2、平面设计典型实例
3、InDesign图文设计
4、广告材料及工艺
5、包装设计
6、招贴设计
7、商业广告视频剪辑
第四阶段
1、Dreamweaver网页设计
2、Flas *** 设计与制作
3、HTML5+CSS3
4、网页美工设计典型商业案例
5、商城网站广告美化
6、网店装修
7、产品可视化包装
G. ui设计课程都有那些内容
美术基础2.平面设计3.Web网页设计4.移动界面设计5.交互设计及工作流程，
H. UI设计需要学习哪些内容
UI设计的培训课程主要分为设计理念的培训和软件操作的培训,具体课程如下:
1.视觉设计基础:通过Illustrator软件图形应用系统的学习,使学员掌握图形视觉设计基础。
2.光影结构视觉应用技术:通过Illustrator软件光影结构体系的学习,使学员掌握物体光影结构表现技法。
3.UI设计:通过Illustrator与Photoshop软件图形图像系统学习,使学员掌握高品质UI图形设计的方法。
4.超写实应用与表现:通过Illustrator软件超精度表现系统学习,完成超写实制作技巧。
5.构成与视觉语言:学习构成视觉语言,使学员掌握设计应用视觉表现技术。
6.视觉艺术表现与应用:通过色彩艺术与视觉表现形式的结合应用,使学员的设计能力达到商业级别的要求。
7.Flash平台应用:通过Flash软件系统学习,使学员掌握Flash动态应用基础。
8.超媒体综合应用技术:通过Flash软件高级应用学习,使学员掌握动态结构表现语言技术。
9.交互式平台应用技术:通过Flash ActionScript 3 软件程序系统学习,使学员掌握高级别交互结构表现。
如果能够完全掌握这些知识,你将成为优秀的UI设计师,实现稳定高薪就业。前面也说过了,UI设计师如今被重视,所以比起普通的设计师更有前途,未来的发展前景也更为广阔。
软件如下：
1.PSCC2017
PS 全称 Photoshop
UI设计用的最多的软件，90%以上的UI设计师都是要会PS的，其处理图片功能非常强大，调色方面也不错，还有图层样式，布尔运算方面都是UI设计必备的。不过也有劣势，就是无法绘制矢量图形，排版也不是很好。还有图层也有点多。管理起来不是很方便。在UI设计中主要的用途是用来绘制界面和图标。
2.AICC2017
AI 全称 Illustrator
一款矢量绘图软件，在做UI图标上非常不错。特别是绘制扁平化图标这块。很好用。也有矢量功能画出来的图形可以放大缩小。劣势就是不能调色。做拟物化图标也不是很好做。
3.AECC2017
AE 全称 After Effects
主要是做来做影视后期视频特效的，但是在UI这个的话就是用来做一些UI的交互动效。动效这块是效率最高的软件，不过不能用AE画图标做界面。这个AE不擅长。
4.ARP 全称 Axure RP Pro
主是要用来做原型图的，在交互设计原型这块是比较火的一款软件。
最后也补一句，软件只是一个工具，千万不要觉得会了软件就会了设计，不要太依靠软件了，会了工具后还要学习理论知识才能成为一个合格的设计师。
(8)ui界面设计课程总结扩展阅读：
UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网说的UI设计是虚拟UI，UI即User Interface(用户界面)的简称。
好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。
设计内容：
与之相应，UI设计师的职能大体包括三方面：
1.图形设计，软件产品的产品“外形”设计。
2.交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。
3.用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来极大的风险。
I. UI设计培训课程是讲什么的
UI设计要学习什么？
1、设计概念
2、UI设计行业概述、UI概念发展历史及未来趋势、Photoshop软件基本操作、Photoshop软件使3、用与提高
3、初识图标理论
4、图标的概念、图标国际规范、图标设计要素与技法、图标创意思想与方法、图标设计实例操作及点评
5、图标设计与创作及输出理论
6、图标造型考究、图标色彩搭配、图标纹理材质表现、图标创作设计、各平台图标设计规范
7、图形界面设计原理理论
8、GUI界面的概念与发展设计理念、色彩构成与界面色彩搭配技巧、优秀GUI界面评析与体验、界面设计延续性原则、优秀UI界面评析及体验、吸收
9、软件界面、移动终端设计
10、纹理与质感、界面与图标的关联性、播放器界面设计实践与辅导、实战创意界面设计分析与讲解、移动设备界面设计案例讲解、IPad、平板电脑界面设计与创作
11、Web网页设计
12、认识Web页设计和发展趋势、简洁排版、大气网页制作实操、Web页材质细节的处理、UI在产品中的作用
13、品牌定义及整体视觉体验
14、图标与桌面logo的区别、产品logo的设计定位、认识用户体验和UCD。
15、UI设计课程哪里有，环球青藤
二、ui设计学出来好吗，在重庆哪里学好呢？
学设计不如学【视频剪辑】。理由很简单，容易学（不像其它行业学习成本高，难度大），适合短期3-4个月短期学习，而且行业缺口非常大，无论是找工作还是自己在家里接私单，月收入轻松过万，两三万也是稀松平常。【点击进入】免费“短视频剪辑后期”学习网址：
www.huixueba.net/web/AppWebClient/AllCourseAndResourcePage?type=1&tagid=313&zdhhr-11y17r-1368478978262353939
因为现在【短视频】的崛起，任何企业，任何工作室或者个人都需要制作剪辑大量的短视频来包装品牌，发抖音，发朋友圈，发淘宝等自媒体渠道做展示。因为每天都要更新并发布新内容，所以剪辑师根本招不够，，供需失衡就造成了剪辑师高薪水。
而且剪辑这个技术并不需要高超的电脑技术，也不需要美术音乐造诣，基本都是固定套路，要什么风格的片要什么节奏，经过三四个月的培训都可以轻松掌握。但凡有点电脑基础会用鼠标拖拽，会点击图标，会保存除非自己不想学，没有学不会的。但是要学好学精，就一定要找专业负责的培训机构了，推荐这个领域的老大——【王氏教育】
在“短视频剪辑/短视频运营/视频特效”处理这块，【王氏教育】是国内的老大，每个城市都是总部直营校区。跟很多其它同类型大机构不一样的是：王氏教育每个校区都是实体面授，老师是手把手教，而且有专门的班主任从早盯到晚，爆肝式的学习模式，提升会很快，特别适合0基础的学生。王氏教育全国直营校区面授课程试听【复制后面链接在浏览器也可打开】： www.huixueba.com.cn/school/yingshi?type=2&zdhhr-11y17r-1368478978262353939
大家可以先把【绘学霸】APP下载到自己手机，方便碎片时间学习——绘学霸APP下载： www.huixueba.com.cn/Scripts/download.html
三、UI交互设计和UI设计的区别有哪些？
1. UI交互设计和UI设计的区别：概念
UI设计
UI设计是指对软件的人机交互、界面美观等的整体设计。UI设计主要分为实体UI和虚拟UI两种，一般互联网行业常见的UI设计是虚拟UI。
UI交互设计
简单来说，UI交互设计就是把交互设计的理念体现在UI界面上，这个比较绕一点，大家听懂了吗?
2. UI交互设计和UI设计的区别：工作人群
UI设计相关人群：UI设计师，界面设计师，网页设计师。
UI交互设计相关人群: 网页设计师，界面设计师，交互设计师， UX设计师， UI设计师。
3. UI交互设计和UI设计的区别：案例
UI设计案例：UI设计主要在于通过对用户界面的色彩，布局，文字排版等方面进行设计，以保证整体界面的美观。
UI交互设计案例：以一个简单的UI交互为案例，例如它的交互效果是通过点击UI界面中按钮出现不同的图片，那么这种将交互体现在UI界面上的设计，它就是UI交互设计了。
4. UI交互设计和UI设计的区别：工具
UI设计工具：
PS(Photoshop)：适用于界面设计，图标设计，手绘等。
AI (Illustration)：一般适合创建图标或者排版以及其他矢量图。
Sketch：适合图标、界面设计，支持多文件分层，切片等插件。
UI交互设计工具：
Photoshop，AI，Sketch，Mockplus，摹客。
以上就是UI交互设计和UI设计的区别分享，希望对大家有所帮助，想要学习UI设计的小伙伴们，这些基础概念一定要知道哦!
四、UI设计原则背后的认知心理学
了解人的感官和大脑是如何工作的，去衡量及判断那些设计原则更靠谱;UI设计师需要确定哪个设计原则更适用于给定的环境，从而优选应用，UI设计师必须深思熟虑，而不是盲目的应用设计原则，应该理解其基本原则并有过应用经验的人来使用和诠释;
所有设计原则其实都是基于人类心理学，从认知和心理学角度剖析交互设计本质，去解读人们如何感知、学习、推理、记忆，以及把想法转换为行动。将实际的设计原则联系起来会让心理学变得更具体、更容易理解。
此篇是给自己解惑的文章，也是一篇学习笔记总结;也让自己知道就算背熟了著名的交互原则后仍做不好设计，究竟是因为什么?现实中，很多设计原则，有一致的场景却又有互相冲突的场景，到底该怎么推断那些设计准则更靠谱?
我们的感知与现实存在一定的偏差
不要怀疑，就是我们所看到的并不是真相，我们的大脑在影响我们的感知;很大程度上是我们“期望”感知到的。感知至少受到以下3个因素影响，与现实存在偏差
1、过去：先入为主的经验影响我们的感知
人常根据以往的经验来对事物进行理解和判断;先入为主的经验会给用户不一样的感知和理解;你看到什么取决于经验/别人告诉你什么?
R.C.James的素描：给人的第一印象是随手泼出的黑点，如果有人和你说这是一只在树附近嗅着地面的斑点狗后，你就很难再把这张素描看成是随手泼出的黑点了;看过刘亦菲演的神雕侠侣小龙女后，后面再有(陈妍希、毛晓慧)翻拍都觉得没有比刘亦菲更适合小龙女这个角色，而且还被黑的很惨;这都是因为人会被先入为主的经验影响感知
我们认知会受熟悉的感知框架影响;
我们生活中大部分时间都是在自己熟悉的环境中度过(比如：家、公司、去公司的路上、附近的商场)，久而久之这些熟悉的环境会在我们心智中建立框架;比如，你并不需要经常检查你家里的东西，但你对家里够熟悉，也就知道某些东西大概放在哪里，因为你已经建立了你对自己家的认知，有点刻板印象那么回事，专家们都管这个叫“感知模式/感知框架”
感知框架能帮助我们应付所处的世界，但是呢也会让我们看到并不存在的东西;比如，有时候你觉得你身份证明明放在家里某个地方，你就是找半天没找到;还有你去饭店吃饭，去饭店吃饭的心智框架里有部分是付款，可能你没有付款走出来饭店，但你的潜意识以为自己已经付款过了，查看账单才发现真没付!!!!
不同场合的心智框架影响我们在不同场合下对期待见到的事物感知;使用电脑、网站及手机的人对桌面和文件、网页浏览器、网站和各种类型的APP都会有相对应的心智框架;用户经常不认真看屏幕就点击按钮或链接，他们更多是靠以往的经验来引导他们对界面的感知，没错就是在盲点瞎点!!!能不动脑就不会动脑那种，所以知道这个原理我们可以更好的了解那些设计原则
所以这页就是为什么UI设计原则中需要保持一致性，一致性也包括3个方面：
1.和用户预期保持一致性。
如果不符合人熟悉的心智模型及框架，就很容易很抓狂;经常炒股的朋友，会对红色绿色很敏感，绿色代表下跌红色代表涨，但其实北美的股票市场则反之，红色代表下跌;很多用惯安卓的用户，突然用iOS会很不习惯，最明显的微信APP的iOS版本和安卓版本就有很多不一样的地方;用习惯win的系统用户新买了个macbook电脑，刚用的时候很奔溃，时时刻刻都感觉自己是个智障～
app中就有很多案例契合用户心智模型，减轻用户的学习成本和记忆负担
QQ阅读的电子书还是保留了翻页效果都是模拟现实翻书的效果，这样大大降低用户理解左右滑控制翻书上下页的理解成本。微信红包设计形式就很像现实中的红包，所以很多人也一下子就理解这是红包，而且点开就是拆红包了。网易云音乐也是做成黑胶唱片的即视感，播放暂停都会相应变化，营造了听歌的氛围。
微信朋友圈广告的样式也是符合用户心智模型，呈现形式与好友发的朋友圈保持一致。以明星作为好友，插入大图，底部还可以看到好友的评论和互动，这样给人的感觉就像好友发了一个状态，而非一条赤裸裸的广告。
还有在支付宝好友对话页面转账的场景中，用户有着不同的使用习惯，他们认为来这里就是转账的，所以有的用户进入对话框后，输入完数字，就认为自己已经转账成功了，其实并没有，于是有了现在改版后的方案;bilili在输入密码的时候2个小人会捂住眼睛，像极了现实中别人输入密码自己会走开不偷看。
2. 和平台规则保持一致性
产品的设计要和平台的规范保持一致，比如ios、Android及网站规范;也需要与竞品保持一致比如同类型的app也会大同小异;
3. 产品内部规范一致性。
其中包括迭代版本保持一致性，同一层级图标颜色字体保持一致性，品牌一致性，交互行为一致性;不同的品牌有自己的调性，可以直接通过设计语言传达给用户，而且能够达到一个良好的品牌辨识度，成熟的产品有自己的设计标准。
4. 遵循用户的操作习惯;
有时候在找某件东西的时候，如果它不在老地方或者看起来和以前不一样，就算在我们眼前，我们也找半天，这也是因为我们受以往的经验影响感知;因此相同或相似产品的用户习惯保持一致，即意味着用户需要更少的时间去学习甚至不需要学习;
微信的iOS和安卓版本不一致，是根据2个终端不一样的交互习惯操作;比如微信2各版本的搜索位置不一致，安卓在右上角，iOS是一长条;发现页iOS是没有搜索和添加的，安卓却有;在iOS系统中，想要删除一条信息只需要向左轻轻一划，而在安卓系统中，需要长按信息在弹出的选项中选择删除选项，然后再按确认删除的选项;安卓左右划可以切换4个tab但iOS却不行，安卓和iOS二级页面的返回键也是不一致，安卓底部有返回操作，iOS则是右滑返回上一级。
2、当前：环境影响感知
周围环境对感知的影响也同样存在于不同感官之间。五个感官任何之一的感知都可能同时影响其他感官的感知。例如：我们听到的能影响我们看到的，反之亦然;我们听到、看到或者闻到的能影响我们的触觉。
总之，对于识别一个字母、一个单词、一张脸或者任何物体的神经活动，都包含了环境刺激产生的神经信号的输入。这个环境包括感知到的其他临近对象和事件，甚至由环境激活的对以往感知到的对象和事件的记忆。
人们经常根据周围的情景去理解事物，视觉感知也是一样的，上下文会影响我们对某一个词的理解;环境有时候会产生歧义。同样的一段话放在不同的语句当中，会有不同的理解。视觉上也是如此：
视觉设计可以通过应用的背景、界面元素的摆放等来烘托情感、主题和气质。比如天猫、京东及拼多多618这种节日活动主场景，也是利用了这种心理将买买买的活动氛围营造出来。
3、将来：目标影响感知
除了视觉，我们的目标还过滤其他感官的感知。
例如：在嘈杂的环境中与人交谈，你能把大部分注意力放在他说的话上，即使身边还有许多人在对话。你对谈话的兴趣越大就越能过滤掉周围的声音。
当用户登录网站执行操作时通常都是带有目的性的去操作，这个过程中会过滤与其达成目标操作无关的东西，当用户在软件或网站上寻找信息或某个功能时，他们并不会认真的阅读，只是快速而粗略的扫描屏幕上与目标相关的东西。他们不是不仅仅忽略掉与目标无关的东西，而是经常不注意它们。
目标影响我们注意什么--感知是主动的，我们动用五官去找到和目标相关的东西。目标使我们的感知系统对某些特性敏感--例如在下图找红色的圆点，大脑对红色就会特别敏感，而其它颜色就几乎不会被注意到，即使我们的确“看到”了它们
目标对感知的过滤在成年人身上特别可靠，他们比儿童对目标更专注。儿童更容易被刺激驱使，目标较少地过滤他们的感知。这种特点使得他们比成年人更容易分心，但也使得他们观察时更不容易被影响。
当用户充分的调动感知来寻找目标的时候，由于用户的注意力处于一种高度的紧张状态，这是一种不好的用户体验，我们要做的是让用户能够轻松的完成目标任务，而不需要有高度的紧张和寻找。
比如淘宝在注册账号的时候，清晰告知用户注册整体流程状态
由于用户在完成某项操作的时候，非常容易忽略和目标任务无关的信息，所以如果需要在用户处理任务的过程中，使用户注意到一些额外的重要信息的话，应该将这些信息做的醒目或者将它们摆放到适当的位置，比如：Behace在用户创建密码时，会贴心在下面把已满足密码项☑️，避免不满足密码要求又被打回
总结：最后对设计有什么影响?
避免歧义
避免显示有歧义的信息，并通过测试确认所有用户对信息的理解是一致的。当无法消除歧义时，要么依靠设计标准或用户习惯，要么告知用户用你期望的方式去理解歧义之处。
保持一致
在一致的位置摆放信息和控件。不同页面上提供的相同功能的控件和数据显示应该摆放在每一页上相同的位置，而且它们还应该有相同的颜色、字体和阴影等。这样的一致性能让用户很快找到和识别它们。一致性的交互设计原则对用户而言可以让信息传达和用户使用体验更好;对产品研发团队来说，也会减少设计的研发成本
理解目标
理解用户目标，知道它们强烈的要感知什么，从而确保提供必要的信息清晰的对应用户的感知，用户去用一个系统是有目标的。设计者应该了解这些目标，要认识到不同用户的目标可能不同，而且他们的目标强烈左右他们能感知到什么。在一次交互的每个点，确保提供了用户需要的信息，并非常清晰地对应到一个可能的用户目标，使用户能够注意到并使用这些信息。
以上就是关于不好的ui设计案例相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。
推荐阅读：
赣公网安备 50019002502384号
