UI界面设计初识
UI界面设计初识
UI（User Interface) 简称用界面，第一次了解到UI时是高三从一些行业专业书中了
解到的，UI设计师，UI设计是一个高薪工作行业。真正有点了解UI是学习三层架构时，
UI、BLL、DAL中出现了UI（用户界面）层。
一、回顾一下什么是三层架构？
UI(表现层):主要是指与用户交互的界面。用于接收用户输入的数据和显示处理后用户
需要的数据。
BLL:(业务逻辑层):UI层和DAL层之间的桥梁。实现业务逻辑。业务逻辑具体包含：验
证、计算、业务规则等等。
DAL:(数据访问层):与数据库打交道。主要实现对数据的增、删、改、查。将存储在数
据库中的数据提交给业务层，同时将业务层处理的数据保存到数据库。
（当然这些操作都是基于UI层的。用户的需求反映给界面（UI），UI反映给BLL，BLL反
映给DAL，DAL进行数据的操作，操作后再一一返回，直到将用户所需数据反馈给用户）
在三层架构中我们发现，最先展现在我们眼前就是UI层，UI的展现通过调研BLL层，
访问DAL层最后又反馈给UI层实现操作逻辑、数据库、界面等的人机交交互！
UI设计好一款界面之后，都会经过让用户体验度，到拥有用户，交易成功，最后被
分析、被使用这几个过程！
记得老师常常说的一句话，生活中最危险就是没有需要，包括之前的软件设计、数
据库的设计，MBA的管理经济学中都是从需要开始，UI界面的设计也不例外，从了解用户
的需求开始，用户是如何使用WEB的呢？
比较上面的两个界面，你会发现第一个是不是很繁琐，东西内容很多，有一
打开就像关了的感觉，事实上，好的网站好的界面就是要：让用户有一个顺利开始！
例如：
这是个什么网站——网站的标志
这网站主页的标目是什么——网站导航
在这个层次上我有哪些选择——本页导航
我在导航系统的位置——“你在这里”的指示器
我怎么搜索——搜索框
二、UI界面设计要素
总原则：为扫描设计，不为阅读设计
利用习惯：我们都用惯了“百度” “Ｇｏｏｇｌｅ”等简单快捷的界面，如果你
设计一个别具一格的很可能就会缺少用户。
建立视觉层次
内容格式清楚
标志明显
三、软件界面设计
软件界面的设计开发主要包括：软件启动封面，框架设计，菜单设计，滚动条及状态栏设计，包装及商品化的设计五项，
启动封面设计：高清晰度的图像，安全色，大小适中，整体设计统一和延续性，品牌标
志、公司标志、产品商标、软件名称等等都要进行适当的选择和安排。
框架设计：这要很好的和用户需求相结合，开发人员和用户进行共同的沟通，以设计出
友好、独特的、符号程序开发原则的软件框架，符合视觉流程和用户使用心里框架！
面板设计：软件面板设计要有自动缩放功能，可别小看这一点，有的软件在PC中还行，但是一到手机上就不行了。面板应该对功能区间划分清晰，和对话框、弹出框等风格进行匹配，并且尽量节省空间，切换方便！
菜单设计：菜单设计一般有选中状态和未选中状态，左边名称，右边快捷键，如果有下
拉菜单应该有下级箭头，不同的功能区间也应该用线条进行分割开来，这在Microsoft公
司几乎所有的软件中就相当的明显 。
滚动条以状态栏设计:滚动条主要为了对区域性空间的固定大小中内容量的变换进行设
计,英东游上下箭头,滚动标等.有些还有翻页标,状态栏主要是为了对软件的当前状态进
行显示和提示.
包装及商品化;这就类似也公司产品做好了，给产品做包装广告一样，最后的软件产品
的包装应该考虑保护好软件产品、功能的宣传融于美观中，可以印刷部分的产品介绍，
产品界面设计。
四、手机界面设
1、界面效果的整体性、一致性
2、界面效果的个性化
3、界面视觉元素的规范
五、网站界面设计
3c原则
Concision(简洁）
Coherence（一致性）
Contrast（对比度）
醒目的标题，界面设计的标题常常采用图形来表示，但是这要求我们设计 者对图
形的设计也要求简单清晰。
限制字体和颜色数目
页面上的元素都应该有明确的含义和用途，不应该有含糊！
排版一致性。
小结：
听了师姐和老师的课，只是对UI设计的一个简单初步的了解、总结和研究。总的
来说就设计者要满足客户的需求，用户怎么用着舒服就界面就怎么设计，在界面布局、
呈现内容、用户操作、显示效率上满足可以的喜好，做到不要让用户去思考等待，你就
成功了！
还请各位高手多多指点和赐教！