ISASPPT(逆风)

1、 张倩张倩、叶良静、周鑫、叶良静、周鑫、周宗理、周阳周宗理、周阳UI设计目录UI设计的基本内容（张倩）设计的基本内容（张倩）UI设计的原则（周鑫）设计的原则（周鑫）UI设计的基本流程（周阳）设计的基本流程（周阳）UI设计与我们的专业设计与我们的专业联系（叶良静）联系（叶良静）UI设计的就业设计的就业前景（周宗理）前景（周宗理）UI设计的基本内容（张倩）1：什么：什么是是UI设计设计UI即即User Interface(用户界面用户界面)的简称的简称。 GUI(图形界面设计图形界面设计)UI设计设计 UE(用户体验用户体验) ID（交互设计）（交互设计） GUI(图形界面设计)GUI(图形界面设

2、计)GUI(图形界面设计)UE用户体验ID交互设计ID交互设计2：UI设计师的由来设计师的由来 美工：美工： UI设计师：设计师： 局限局限于网页的美术设于网页的美术设 注重交互，用户体验注重交互，用户体验 计和页面制作计和页面制作 。 是第一目标。是第一目标。UI设计的基本内容（张倩）3：UI设计时常用的设计时常用的软件：软件：Photoshop。掌握PS是成为一名设计人员的前提。Illustrator。是一款功能强大的矢量绘图软件。CoreDraw。为设计师提供了高效矢量动画、页面设计、 网站制作、位图编纂和网页动画等功能。UI设计的基本内容（张倩）UI设计的原则（周鑫）UI设计作为一个比

3、较新的设计领域，其涉及学科比较广，设计作为一个比较新的设计领域，其涉及学科比较广，很多设计师对于这个方面的能力都比较欠缺，而用户对这方面的需求又很迫切，有大有小。有很多优秀的威客凭借自己的技术能够成功拿下这些单子，但是也有很多遗憾的没有被选中。那么如何才能设计出高质量的UI界面，获取顾客信任呢？U的基本内容（张倩）1.一致性既然是以客户为中心，设计的产品界面，一定要简洁、直观，操作方便。不需要太多的思考，就能够正确的使用此系统，看下说明书就行，不需要培训。2.鼠标手势在可点击的按钮、链接中，鼠标的样子要换成手势；在可以点击的字段中，要出现相应的响应，告诉客户这个是可以点击的。不可以点击的按钮，

4、一般设计为灰色3.字段设计限制1.必填项需要给出醒目标识（*）；2.电话号码输入只允许输入数字，当然，一定要考虑加号能够输入；3.邮箱地址需要包含“”4.输入错误时，要给出明确的提示，而不是一串代码。4.按钮确认操作一般都放置在左边、取消或关闭放在右边，避免鼠标过多的移动。5.功能显示在系统中的功能都是可用的，都是无异常的。如果还在开会中的功能，需要先隐藏 6.滚动条在整个系统中，都要尽量避免出现横向的滚动条，这样很难拉动，而且不美观。7.系统响应时间原则不管是查找患者，还是切换页面，响应时间一定要迅速，不能让用户等太久。不然，用户可能会反复点击，从而造成错误。要根据时间的长短，来设计提醒或是

5、进度条能功能。8.关于虽然无关重要，但是却必不可少。在关于上显示当前系统版本号，已经在线技术支持的联系方式。UI设计的基本流程（周阳）UI设计在软件开发的哪个阶段？UI属于前期设计规划部分，是开发的前面的工作。但是也有特殊情况。如果公司是以软件开发实现功能为主的，也有把UI放在开发之后进行的。等于是对界面皮肤的优化。不过如果要做产品，最科学的还是先做需求分析调研，做需求，做交互，做UI设计和其他美术设计，最后再进行开发，测试UI设计的基本流程需求 设计方案 确认 页面制作 程序开发 测试设计需求（页面设计前需提交给UI设计组） 系统设计需求文档系统结构文档 较复杂页面表现形式草图 较复杂业务流

6、程文档 如有可能提供参考和示例站点 与程序员沟通部分页面实现方法设计方案设计组在讨论出设计方案后，根据客户的需求制定一套设计方案，最后分工制作UI页 面（对症下药）页面制作需求 1. 经过确认的美术设计的方案图 2. 系统设计需求文档等，较复杂 业务流程文档 3. 所需页面脚本需求，与程序员 沟通部分页面实现方法程序开发（提交给程序的内容） 静态模板页：首页以及二级页面HTM文件 、CSS样式单、以及相关页面Java代码，可用于 直接嵌入代码，栏目的命名规则与程序协商，建立统一的规范 所有统一的按钮图标 部分容易混淆颜色的色值 图片统一放在images目录下 测试（页面组提交给测试组包括）经确

7、认的设计方案图。 静态模板页面常出现的界面错误：图片错误，页面不美观， 布局不合理，与原先设计不符，文字错误， HTML代码错误，页面程序错误 界面bug测试报告UI设计与我们专业的联系（叶良静） 一：UI设计与软件开发的区别现在基本将UI和软件代码编写分开来了，一个软件的实现是由UI设计和软件开发两个部分组成。UI设计是软件的界面及人机交互体验的设计，软件开发主要是针对代码的编写。软件开发是根据用户要求建造出软件系统或者系统中的软件部分的过程。UI设计与我们专业的联系（叶良静）软件开发是根据用户要求建造出软件系统或者系统中的软件部分的过程。我们专业可以在学习软件开发的过程中，同时学习UI设计

8、。我们现在已经学了静态页面，JavaScript（脚本语言JS）JQuary（框架），PhotoShorp等知识，只要努力学好了，那么我们可以做UI设计的工作。UI设计与我们专业的联系（叶良静）UI设计属于前端开发，也叫做网页设计。软件设计思路和方法的一般过程，包括设计软件的功能和实现的算法和方法、软件的总体结构设计和模块设计、编程和调试、程序联调和测试以及编写、提交程序。如果我们软件开发知识学得扎实的话，那么选择软件开发无疑是最好的，因为软件开发薪资待遇高，更高端。UI设计总体设计出网页，在网页某个地方需要实现什么功能，比如说像按钮，软件开发就可以在点击按钮之后实现相应的功能。UI设计与我们专业的联系（叶良静）例如:我们可以通过下面这个按钮实现编辑学生信息。UI设计的就业前景（周宗理）当前我国移动互联网等新兴互联网产业进入了高速发展的阶段，产业规模不断扩大，增速飞快，用户体验至上的时代已经来临。随着技术领域的逐步拓展，产品生