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设计的一个简单初步的了解、总结和研究。总的

来说就设计者要满足客户的需求，用户怎么用着舒服就界面就怎么设计，在界面布局、

呈现内容、用户操作、显示效率上满足可以的喜好，做到不要让用户去思考等待，你就

成功了！

　　　　　　　　　　　　　　　　

　　　　　　　 

            还请各位高手多多指点和赐教！