功能界面设计

import java.util.Scanner;public class ZH { private String zh;//账户 private String password;//密码 private String openTime;//开户时间 private String sfz;//身份证号 private double je;//存款金额 public String getZh() {  return zh; } public void setZh(String zh) {  this.zh = zh; } public String getPassword() {  return password; } public void setPassword(String password) {  this.password = password; } public String getOpenTime() {  return openTime; } public void setOpenTime(String openTime) {  this.openTime = openTime; } public String getSfz() {  return sfz; } public void setSfz(String sfz) {  this.sfz = sfz; } public double getJe() {  return je; } public void setJe(double je) {  this.je = je; }  //存款方法 public void ck(double je){  this.je=this.je+je;//存入的金额加上原有的金额 }  //取款方法 public void qk(double je){  if(je>this.je){//取款金额大于余额   System.out.println("存款余额不足");  }else{   this.je=this.je-je;//原有的金额减去取出的金额  } } public static void main(String[] args) {  ZH zh = new ZH();//初始化一个账户信息  zh.setJe(10000.0);//向zh账户添加余额  zh.setOpenTime("2013.12.3");//向zh账户添加开发时间  zh.setPassword("123456");//向zh账户添加密码  zh.setSfz("123456789");//向zh账户添加身份证  zh.setZh("zhangsan");//向zh账户添加账号  System.out.println("欢迎光临模拟银行");  Scanner scan = new Scanner(System.in);  int count=0;//记录输入错误的次数  while(1==1){//循环   System.out.println("请输入账号");   String zhm=scan.next();   System.out.println("请输入密码");   String mm=scan.next();   if(zhm.equals(zh.getZh()) && mm.equals(zh.getPassword())){//输入的信息与zh账户信息的密码和账号一致    while(1==1){     System.out.println("当前余额为："+zh.getJe()+"元。请选择操作：1.存款；2.取款；3.退出（只能输入数字）");     String cz=scan.next();     switch (Integer.parseInt(cz)) {     case 1:      System.out.println("请输入存款金额（输入小数）");      double ckje=scan.nextDouble();      zh.ck(ckje);      System.out.println("实施存款："+ckje+"元，当前余额为"+zh.getJe()+"元");      break;     case 2:      System.out.println("请输入取款金额（输入小数）");      double qkje=scan.nextDouble();      zh.qk(qkje);      System.out.println("实施取款："+qkje+"元，当前余额为"+zh.getJe()+"元");      break;     case 3:      break;     default:      System.out.println("暂无此功能");//输入1或者2、3以外的操作      break;     }     if("3".equals(cz)){      break;     }    }    System.out.println("退出操作");    break;   }else{        if(count>=3){     System.out.println("已输入错误三次，账号被锁");     break;//结束循环    }else{     System.out.println("账号或密码错误，请重新输入");     count++;//错误一次count+1     continue;//进入下次循环    }   }  }   }}

在需求明确、准备开始编码之前，要做概要设计，而详细设计可能大部分公司没有做，有做的也大部分是和编码同步进行，或者在编码之后。因此，对大部分的公司来说，概要设计文档是唯一的设计文档，对后面的开发、测试、实施、维护工作起到关键性的影响。一、问题的提出概要设计写什么？概要设计怎么做？如何判断设计的模块是完整的？为什么说设计阶段过于重视业务流程是个误区？以需求分析文档还是以概要设计文档来评估开发工作量、指导开发计划准确？结构化好还是面向对象好？以上问题的答案请在文章中找。二、概要设计的目的将软件系统需求转换为未来系统的设计；逐步开发强壮的系统构架；使设计适合于实施环境，为提高性能而进行设计；结构应该被分解为模块和库。三、概要设计的任务制定规范：代码体系、接口规约、命名规则。这是项目小组今后共同作战的基础，有了开发规范和程序模块之间和项目成员彼此之间的接口规则、方式方法，大家就有了共同的工作语言、共同的工作平台，使整个软件开发工作可以协调有序地进行。总体结构设计：功能（加工）－>模块：每个功能用那些模块实现，保证每个功能都有相应的模块来实现；模块层次结构：某个角度的软件框架视图；模块间的调用关系：模块间的接口的总体描述；模块间的接口：传递的信息及其结构；处理方式设计：满足功能和性能的算法用户界面设计；数据结构设计：详细的数据结构：表、索引、文件；算法相关逻辑数据结构及其操作；上述操作的程序模块说明（在前台？在后台？用视图？用过程？······）接口控制表的数据结构和使用规则其他性能设计。四、概要设计写什么结构化软件设计说明书结构（因篇幅有限和过时嫌疑，在此不作过多解释）任务：目标、环境、需求、局限；总体设计：处理流程、总体结构与模块、功能与模块的关系；接口设计：总体说明外部用户、软、硬件接口；内部模块间接口（注：接口≈系统界面）数据结构：逻辑结构、物理结构，与程序结构的关系；模块设计：每个模块“做什么”、简要说明“怎么做”（输入、输出、处理逻辑、与其它模块的接口，与其它系统或硬件的接口），处在什么逻辑位置、物理位置；运行设计：运行模块组合、控制、时间；出错设计：出错信息、处错处理；其他设计：保密、维护；OO软件设计说明书结构1 概述系统简述、软件设计目标、参考资料、修订版本记录这部分论述整个系统的设计目标，明确地说明哪些功能是系统决定实现而哪些时不准备实现的。同时，对于非功能性的需求例如性能、可用性等，亦需提及。需求规格说明书对于这部分的内容来说是很重要的参考，看看其中明确了的功能性以及非功能性的需求。这部分必须说清楚设计的全貌如何，务必使读者看后知道将实现的系统有什么特点和功能。在随后的文档部分，将解释设计是怎么来实现这些的。2 术语表对本文档中所使用的各种术语进行说明。如果一些术语在需求规格说明书中已经说明过了，此处不用再重复，可以指引读者参考需求说明。3 用例此处要求系统用用例图表述（UML），对每个用例（正常处理的情况）要有中文叙述。4 设计概述4.1 简述这部分要求突出整个设计所采用的方法（是面向对象设计还是结构化设计）、系统的体系结构（例如客户/服务器结构）以及使用到的相应技术和工具（例如OMT、Rose）4.2 系统结构设计这部分要求提供高层系统结构（顶层系统结构、各子系统结构）的描述，使用方框图来显示主要的组件及组件间的交互。最好是把逻辑结构同物理结构分离，对前者进行描述。别忘了说明图中用到的俗语和符号。4.3 系统界面各种提供给用户的界面以及外部系统在此处要予以说明。如果在需求规格说明书中已经对用户界面有了叙述，此处不用再重复，可以指引读者参考需求说明。如果系统提供了对其它系统的接口，比如说从其它软件系统导入/导出数据，必须在此说明。4.4 约束和假定描述系统设计中最主要的约束，这些是由客户强制要求并在需求说明书写明的。说明系统是如何来适应这些约束的。另外如果本系统跟其它外部系统交互或者依赖其它外部系统提供一些功能辅助，那么系统可能还受到其它的约束。这种情况下，要求清楚地描述与本系统有交互的软件类型以及这样导致的约束。实现的语言和平台也会对系统有约束，同样在此予以说明。对于因选择具体的设计实现而导致对系统的约束，简要地描述你的想法思路，经过怎么样的权衡，为什么要采取这样的设计等等。5 对象模型提供整个系统的对象模型，如果模型过大，按照可行的标准把它划分成小块，例如可以把客户端和服务器端的对象模型分开成两个图表述。在其中应该包含所有的系统对象。这些对象都是从理解需求后得到的。要明确哪些应该、哪些不应该被放进图中。所有对象之间的关联必须被确定并且必须指明联系的基数。聚合和继承关系必须清楚地确定下来。每个图必须附有简单的说明。6 对象描述在这个部分叙述每个对象的细节，它的属性、它的方法。在这之前必须从逻辑上对对象进行组织。你可能需要用结构图把对象按子系统划分好。为每个对象做一个条目。在系统对象模型中简要的描述它的用途、约束（如只能有一个实例），列出它的属性和方法。如果对象是存储在持久的数据容器中，标明它是持久对象，否则说明它是个临时对象（transient object）。对每个对象的每个属性详细说明：名字、类型，如果属性不是很直观或者有约束（例如，每个对象的该属性必须有一个唯一的值或者值域是有限正整数等）。对每个对象的每个方法详细说明：方法名，返回类型，返回值，参数，用途以及使用的算法的简要说明（如果不是特别简单的话）。如果对变量或者返回值由什么假定的话，Pre-conditions和Post-conditions必须在此说明。列出它或者被它调用的方法需要访问或者修改的属性。最后，提供可以验证实现方法的测试案例。7 动态模型这部分的作用是描述系统如何响应各种事件。一般使用顺序图和状态图。确定不同的场景（Scenario）是第一步，不需要确定所有可能的场景，但是必须至少要覆盖典型的系统用例。不要自己去想当然地创造场景，通常的策略是描述那些客户可以感受得到的场景。7.1 场景（Scenarios）对每个场景做一则条目，包括以下内容：场景名：给它一个可以望文生义的名字场景描述：简要叙述场景是干什么的以及发生的动作的顺序。顺序图：描述各种事件及事件发生的相对时间顺序。7.2 状态图这部分的内容包括系统动态模型重要的部分的状态图。可能你想为每个对象画一个状态图，但事实上会导致太多不期望的细节信息，只需要确定系统中一些重要的对象并为之提供状态图即可。8 非功能性需求五、概要设计怎么做结构化软件设计方法：详细阅读需求规格说明书，理解系统建设目标、业务现状、现有系统、客户需求的各功能说明；分析数据流图，弄清数据流加工的过程；根据数据流图决定数据处理问题的类型（变换型、事务型、其他型）；通过以上分析，推导出系统的初始结构图；对初始结构图进行改进完善：所有的加工都要能对应到相应模块（模块的完整性在于他们完成了需求中的所有加工），消除完全相似或局部相似的重复功能（智者察同），理清模块间的层次、控制关系，减少高扇出结构，随着深度增大扇入，平衡模块大小。由对数据字典的修改补充完善，导出逻辑数据结构，导出每种数据结构上的操作，这些操作应当属于某个模块。确定系统包含哪些应用服务系统、客户端、数据库管理系统；确定每个模块放在哪个应用服务器或客户端的哪个目录、哪个文件（库），或是在数据库内部建立的对象。对每个筛选后的模块进行列表说明。对逻辑数据结构进行列表说明。根据结构化软件设计说明书结构对其他需要说明的问题进行补充说明，形成概要设计说明书。OO软件设计方法：在OOA基础上设计对象与类：在问题领域分析（业务建模和需求分析）之后，开始建立系统构架。第一步是抽取建立领域的概念模型，在UML中表现为建立对象类图、活动图和交互图。对象类就是从对象中经过“察同”找出某组对象之间的共同特征而形成类：对象与类的属性：数据结构；对象与类的服务操作：操作的实现算法；对象与类的各外部联系的实现结构；设计策略：充分利用现有的类；方法：继承、复用、演化；活动图用于定义工作流，主要说明工作流的5W（Do What、Who Do、When Do、Where Do、Why Do）等问题，交互图把人员和业务联系在一起是为了理解交互过程，发现业务工作流中相互交互的各种角色。第二步是构建完善系统结构：对系统进行分解，将大系统分解为若干子系统，子系统分解为若干软件组件，并说明子系统之间的静态和动态接口，每个子系统可以由用例模型、分析模型、设计模型、测试模型表示。软件系统结构的两种方式：层次、块状层次结构：系统、子系统、模块、组件（同一层之间具有独立性）；块状结构：相互之间弱耦合系统的组成部分：问题论域：业务相关类和对象(OOA的重点)；人机界面：窗口、菜单、按钮、命令等等；数据管理：数据管理方法、逻辑物理结构、操作对象类；任务管理：任务协调和管理进程；

　　Adobe Dreamweaver，简称“DW”，中文名称 "梦想编织者"，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。　　功能：借助共享型用户界面设计,在AdobeCreativeSuite4的不同组件之间更快、更明智地工作。使用工作区切换器可以从一个工作环境快速切换到下一个环境。　　具体功能：　　1、利用AdobeDreamweaverCS6软件中改善的FTP性能，更高效地传输大型文件。更新的“实时视图”和“多屏幕预览”面板可呈现HTML5代码，使您能检查自己的工作。　　2、自适应网格。使用响应迅速的CSS3自适应网格版面，来创建跨平台和跨浏览器的兼容网页设计。利用简洁、业界标准的代码为各种不同设备和计算机开发项目，提高工作效率。直观地创建复杂网页设计和页面版面，无需忙于编写代码。　　3、改善FTP性能。利用重新改良的多线程FTP传输工具节省上传大型文件的时间。更快速高效地上传网站文件，缩短制作时间。　　4、Catalyst集成。AdobeBusinessCatalyst集成，使用Dreamweaver中集成的BusinessCatalyst面板连接并编辑您利用AdobeBusinessCatalyst（需另外购买）建立的网站。利用托管解决方案建立电子商务网站。　　5、增强型jQuery移动支持。使用更新的jQuery移动框架支持为iOS和Android平台建立本地应用程序。建立触及移动受众的应用程序，同时简化您的移动开发工作流程。　　6、更新的PhoneGap支持。更新的AdobePhoneGap支持可轻松为Android和iOS建立和封装本地应用程序。通过改编现有的HTML代码来创建移动应用程序。使用PhoneGap模拟器检查您的设计。　　7、CSS3转换。将CSS属性变化制成动画转换效果，使网页设计栩栩如生。在您处理网页元素和创建优美效果时保持对网页设计的精准控制。　　8、更新的实时视图。使用更新的“实时视图”功能在发布前测试页面。“实时视图”现已使用最新版的WebKit转换引擎，能够提供绝佳的HTML5支持。　　9、CSS3/HTML5支持。通过CSS面板设置样式，该面板经过更新可支持新的CSS3规则。设计视图现支持媒体查询，在您调整屏幕尺寸的同时可应用不同的样式。使用HTML5进行前瞻性的编码，同时提供代码提示和设计视图渲染支持。　　

1.在同一用户界面中，所有的菜单选择、命令输入、数据显示和其他功能应保持分割的一致性；2.对所有可能造成损害的动作，坚持要求用户确认。对用户出错采取宽容的态度；3.人机界面应该能对用户的决定做出及时的响应，最大可能减少击键次数、缩短鼠标移动距离；4.人机界面应提供上下文敏感的求助系统；5.合理划分并高效使用显示屏；6.保证信息的显示方式和数据输入方式的协调一致。

view sourceprint?import java.awt.BorderLayout; import java.awt.Color; import java.awt.GridLayout; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import javax.swing.JButton; import javax.swing.JFrame; import javax.swing.JPanel; import javax.swing.JTextField; /** * 一个计算器，与Windows附件自带计算器的标准版功能、界面相仿。 但还不支持键盘操作。 */ public class Calculator extends JFrame implements ActionListener { /** 计算器上的键的显示名字 */ private final String[] KEYS = { "7", "8", "9", "/", "sqrt", "4", "5", "6", "*", "%", "1", "2", "3", "-", "1/x", "0", "+/-", ".", "+", "=" }; /** 计算器上的功能键的显示名字 */ private final String[] COMMAND = { "Backspace", "CE", "C" }; /** 计算器左边的M的显示名字 */ private final String[] M = { " ", "MC", "MR", "MS", "M+" }; /** 计算器上键的按钮 */ private JButton keys[] = new JButton[KEYS.length]; /** 计算器上的功能键的按钮 */ private JButton commands[] = new JButton[COMMAND.length]; /** 计算器左边的M的按钮 */ private JButton m[] = new JButton[M.length]; /** 计算结果文本框 */ private JTextField resultText = new JTextField("0"); // 标志用户按的是否是整个表达式的第一个数字,或者是运算符后的第一个数字 private boolean firstDigit = true; // 计算的中间结果。 private double resultNum = 0.0; // 当前运算的运算符 private String operator = "="; // 操作是否合法 private boolean operateValidFlag = true; /** * 构造函数 */ public Calculator() { super(); // 初始化计算器 init(); // 设置计算器的背景颜色 this.setBackground(Color.LIGHT_GRAY); this.setTitle("计算器"); // 在屏幕(500, 300)坐标处显示计算器 this.setLocation(500, 300); // 不许修改计算器的大小 this.setResizable(false); // 使计算器中各组件大小合适 this.pack(); } /** * 初始化计算器 */ private void init() { // 文本框中的内容采用右对齐方式 resultText.setHorizontalAlignment(JTextField.RIGHT); // 不允许修改结果文本框 resultText.setEditable(false); // 设置文本框背景颜色为白色 resultText.setBackground(Color.WHITE); // 初始化计算器上键的按钮，将键放在一个画板内 JPanel calckeysPanel = new JPanel(); // 用网格布局器，4行，5列的网格，网格之间的水平方向间隔为3个象素，垂直方向间隔为3个象素 calckeysPanel.setLayout(new GridLayout(4, 5, 3, 3)); for (int i = 0; i < KEYS.length; i++) { keys[i] = new JButton(KEYS[i]); calckeysPanel.add(keys[i]); keys[i].setForeground(Color.blue); } // 运算符键用红色标示，其他键用蓝色表示 keys[3].setForeground(Color.red); keys[8].setForeground(Color.red); keys[13].setForeground(Color.red); keys[18].setForeground(Color.red); keys[19].setForeground(Color.red); // 初始化功能键，都用红色标示。将功能键放在一个画板内 JPanel commandsPanel = new JPanel(); // 用网格布局器，1行，3列的网格，网格之间的水平方向间隔为3个象素，垂直方向间隔为3个象素 commandsPanel.setLayout(new GridLayout(1, 3, 3, 3)); for (int i = 0; i < COMMAND.length; i++) { commands[i] = new JButton(COMMAND[i]); commandsPanel.add(commands[i]); commands[i].setForeground(Color.red); } // 初始化M键，用红色标示，将M键放在一个画板内 JPanel calmsPanel = new JPanel(); // 用网格布局管理器，5行，1列的网格，网格之间的水平方向间隔为3个象素，垂直方向间隔为3个象素 calmsPanel.setLayout(new GridLayout(5, 1, 3, 3)); for (int i = 0; i < M.length; i++) { m[i] = new JButton(M[i]); calmsPanel.add(m[i]); m[i].setForeground(Color.red); } // 下面进行计算器的整体布局，将calckeys和command画板放在计算器的中部， // 将文本框放在北部，将calms画板放在计算器的西部。 // 新建一个大的画板，将上面建立的command和calckeys画板放在该画板内 JPanel panel1 = new JPanel(); // 画板采用边界布局管理器，画板里组件之间的水平和垂直方向上间隔都为3象素 panel1.setLayout(new BorderLayout(3, 3)); panel1.add("North", commandsPanel); panel1.add("Center", calckeysPanel); // 建立一个画板放文本框 JPanel top = new JPanel(); top.setLayout(new BorderLayout()); top.add("Center", resultText); // 整体布局 getContentPane().setLayout(new BorderLayout(3, 5)); getContentPane().add("North", top); getContentPane().add("Center", panel1); getContentPane().add("West", calmsPanel); // 为各按钮添加事件侦听器 // 都使用同一个事件侦听器，即本对象。本类的声明中有implements ActionListener for (int i = 0; i < KEYS.length; i++) { keys[i].addActionListener(this); } for (int i = 0; i < COMMAND.length; i++) { commands[i].addActionListener(this); } for (int i = 0; i < M.length; i++) { m[i].addActionListener(this); } } /** * 处理事件 */ public void actionPerformed(ActionEvent e) { // 获取事件源的标签 String label = e.getActionCommand(); if (label.equals(COMMAND[0])) { // 用户按了"Backspace"键 handleBackspace(); } else if (label.equals(COMMAND[1])) { // 用户按了"CE"键 resultText.setText("0"); } else if (label.equals(COMMAND[2])) { // 用户按了"C"键 handleC(); } else if ("0123456789.".indexOf(label) >= 0) { // 用户按了数字键或者小数点键 handleNumber(label); // handlezero(zero); } else { // 用户按了运算符键 handleOperator(label); } } /** * 处理Backspace键被按下的事件 */ private void handleBackspace() { String text = resultText.getText(); int i = text.length(); if (i > 0) { // 退格，将文本最后一个字符去掉 text = text.substring(0, i - 1); if (text.length() == 0) { // 如果文本没有了内容，则初始化计算器的各种值 resultText.setText("0"); firstDigit = true; operator = "="; } else { // 显示新的文本 resultText.setText(text); } } } /** * 处理数字键被按下的事件 * * @param key */ private void handleNumber(String key) { if (firstDigit) { // 输入的第一个数字 resultText.setText(key); } else if ((key.equals(".")) && (resultText.getText().indexOf(".") < 0)) { // 输入的是小数点，并且之前没有小数点，则将小数点附在结果文本框的后面 resultText.setText(resultText.getText() + "."); } else if (!key.equals(".")) { // 如果输入的不是小数点，则将数字附在结果文本框的后面 resultText.setText(resultText.getText() + key); } // 以后输入的肯定不是第一个数字了 firstDigit = false; } /** * 处理C键被按下的事件 */ private void handleC() { // 初始化计算器的各种值 resultText.setText("0"); firstDigit = true; operator = "="; } /** * 处理运算符键被按下的事件 * * @param key */ private void handleOperator(String key) { if (operator.equals("/")) { // 除法运算 // 如果当前结果文本框中的值等于0 if (getNumberFromText() == 0.0) { // 操作不合法 operateValidFlag = false; resultText.setText("除数不能为零"); } else { resultNum /= getNumberFromText(); } } else if (operator.equals("1/x")) { // 倒数运算 if (resultNum == 0.0) { // 操作不合法 operateValidFlag = false; resultText.setText("零没有倒数"); } else { resultNum = 1 / resultNum; } } else if (operator.equals("+")) { // 加法运算 resultNum += getNumberFromText(); } else if (operator.equals("-")) { // 减法运算 resultNum -= getNumberFromText(); } else if (operator.equals("*")) { // 乘法运算 resultNum *= getNumberFromText(); } else if (operator.equals("sqrt")) { // 平方根运算 resultNum = Math.sqrt(resultNum); } else if (operator.equals("%")) { // 百分号运算，除以100 resultNum = resultNum / 100; } else if (operator.equals("+/-")) { // 正数负数运算 resultNum = resultNum * (-1); } else if (operator.equals("=")) { // 赋值运算 resultNum = getNumberFromText(); } if (operateValidFlag) { // 双精度浮点数的运算 long t1; double t2; t1 = (long) resultNum; t2 = resultNum - t1; if (t2 == 0) { resultText.setText(String.valueOf(t1)); } else { resultText.setText(String.valueOf(resultNum)); } } // 运算符等于用户按的按钮 operator = key; firstDigit = true; operateValidFlag = true; } /** * 从结果文本框中获取数字 * * @return */ private double getNumberFromText() { double result = 0; try { result = Double.valueOf(resultText.getText()).doubleValue(); } catch (NumberFormatException e) { } return result; } public static void main(String args[]) { Calculator calculator1 = new Calculator(); calculator1.setVisible(true); calculator1.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); } } 万分感谢，虽然我已经交了作业，还是感觉很厉害的

　　要看你是从事网站界面设计还是软件界面设计。网站界面设计，必须了解一些简单的html、div、css样式表等基本语言；软件界面设计，就要了解其产品所用的是什么工具做的，软件和硬件的兼容性问题（性能问题）。对于设计软件，常用的有photoshop、网页3剑客、UIDesigner等。      但是吧，这其实仅仅是皮毛，真正要设计出来东西，我觉得还是找专业人吧。例如北京的智加设计，我们去年和他们合作过。智加真的挺不错，团队大概在百人左右，他们会针对每个品牌的实际情况整合出一套量身定做的方案，你可以去他们网站看看，还有很多案例。

一、确保界面的清晰性。 界面设计的清晰性原则，主要表现在界面图标的风格统一，内容主题明确，功能指向性强等方面。 二、保留界面约定俗成（用户习惯）的功能。 这是指在界面的设计过程中，设计师不能一味地求变，求新。有些已经约定俗成的功能，或者用户已经习惯使用的某个功能，是必须保留的。否则，拿到一款手机，里面的应用全部都是新的，都是用户从未体验过的。 三、确保界面风格的整体一致性。 可以说，手机是一个小型的电脑，正因为其小，用户在体验时，更能站在高处看到细微之处。如果移动端界面的设计风格不统一，比如字体不一致、颜色搭配不一致、结构不一致、布局不一致，用户在使用，很容易出现混乱的感觉。 四、保证界面设计的美观度。 这一点，自然不用多说。美是人们热爱一切事物的起源，美的事物，总是能够吸引人的关注。移动端的界面设计亦如此。一款不论外观还是界面设计都非常精美、精致的手机，显然它的销量不会低；如果用户体验度再高一点的话，那么，这款手机一定赚足了口碑和市场。 五、充分考虑页面的响应速度。 设计师们可千万不可泛泛地认为，移动端页面的响应速度是开发考虑的事情，跟界面设计无关。如果这么想，那就大错特错了。一款手机设计完成后，开发固然重要，可开发也是基于设计师的方案进行的。