《界面设计》课程标准
视觉传达艺术设计系多媒体设计与制作专业方向
一、课程设计思路
本课程以社会对于多媒体设计人才界面设计能力的实际需求为课程开设依据。课程内容选择以“新”为标准，紧扣手机界面和网站界面设计最新的发展状况，以实际案例的形式贯穿整个教学，并结合高职类院校学生的学习规律，由浅入深。本课程首先从理论基础入手，介绍手机界面和网页界面设计相关知识，再通过对具体设计实例的解析，介绍了界面设计各个要素设计的方法，阐明界面设计的常识、规范、流程与方法。
本课程在第三学开设。总学时数为96 课时。
二、课程目标
通过本课程学习，学生能认识到界面设计作为现代传媒的重要途径，其合理性与美观性直接影响用户的评价，从而促使学生提高界面的设计技能，通过人性化设计的方法来进行手机、网站用户界面设计，并掌握相关的设计软件的操作，独立完成图标、手机、网页等界面的设计和表现工作，以适应社会对本职业能力的要求。
1. 知识目标:
①了解界面设计的含义、特性；
②理解界面设计的出发点。它包括：视觉、信息传达的基本原则和基本元素；
③理解感知与情趣，感情与文化，传统与现代，世界性与民族性在界面设计中的作用；
④深入理解平面构成要素和基本的构成原则；
⑤理解色彩的构成原理和基本构成原则；
⑥深入理解文字的编排与设计在界面设计中的作用；
⑦深入理解字体的选择在在界面设计中的作用；
⑧深入理解版式设计在界面设计中的重要性；
2.能力目标:
①掌握平面设计的设计方法和要素，并利用平面设计的原则和基本要素设计界面；
②掌握色彩的构成原则，应用色彩的构成原则设计界面；
③掌握图标、页面和动画效果的设计方法；
④掌握手机界面设计的方法和技巧；
⑤熟练掌握网页界面文字编排的设计方法和技巧；
⑥掌握版式设计的原则和构成手法，进行版式设计和优化；
⑦能按照网页开发的设计流程来进行网页界面设计工作；
3.素质目标:
①培养学生实践动手操作能力；
②树立科学的设计创新意识；
③形成“以人为本”的设计观念；
④锻炼设计表达与语言表达能力。
4.职业技能证书考核要求
三、课程与其他相关课程之间的关系
本课程是多媒体设计与制作专业一门专业必修课程，是学生工作过程化课程体系中的的一门重要课程。
与该课程联系较为紧密的平行课程有：
前导课程：平面构成、色彩构成、图形设计、字体设计、coreldraw、photoshop 后续课程：flash动画、网页设计
四、本课程的主要特色
⑴构建了基于职业岗位能力和工作过程导向的工学交替教学模式推行“以职业岗位能力为目标以企业实际项目为载体以工作过程为导向以项目团队为组织形成”的工学交替教学模式。同时通过将企业项目引入课程中最大化的缩短了与企业需求的差距增加了学生的就业竞争力。
⑵“教学做合一、引导重于训导”的教学模式本课程开发和建设了基于工作过程“教学做”一体化的教学模式标准，学生研究现场的实际问题体验真实的工作情境，执行完整的作业流程，使学生在校期间熟悉工作岗位所需的工作对象、工作内容、工作手段、劳动组织、工作环境、工作过程将知识学习、技能提升、能力培养和习惯形成体现在整个教学过程中逐步实现从学习者到工作者的角色转换。
（3）基于企业真实案例的“任务驱动型”、“启发、引导和协同”教学方式，采用科学灵活的教学方法。
五、教学内容与学习情境设计
《界面设计》课程按照职业岗位和职业能力培养的要求，整合本课程教学内容，以项目为导向，构建以工作任务驱动的3个项目式课程结构的形式，以项目为导向，由简单到复杂、由理论到实践，构建以工作任务驱动的项目式课程结构。每个项目的内容由一个或若干个任务组成，基于完成工作任务来组织教学；课程内容及时吸纳新表现形式、新创意手法、新的规范标准等。
（一）学习情境设计与时间安排
（二）学习情境描述
六、教学基本条件
（一）教学团队的基本要求
一定的双师型比例，一定数量的副教授和讲师的比例，学历上要求有研究生和本科生的比例。
（二）教学硬件环境基本要求
理论教授需在多媒体教室完成；实践环节在实训室进行，学生需使用计算机、扫描仪、打印机等设备。查阅资料在图书馆和依托网络完成。
七、教学方法及手段
1、本课程先基本原理、基本理论的讲述，再设计知识和技能的讲授，由浅入深，循序渐进。
2、在教学中采用“复习回顾——案例教学（教师演示）——自主学习（学生演练）——学生上机实践（针对学生碰到的具体问题教师再进行讲解）——课堂小结——提示
下次预习的内容”的教学方法，同时将课堂搬进计算机基础实验室，即学即用，以取得较好的教学效果。
八、考核方式
平时考查分数（30分）＋项目实训分数（70分）＝学期总评分数（100分）
平时考查分数占期末总体考核分数30％，主要包括如下几个方面：平时考勤、课堂互动、课后学习自主性等方面，任课教师可根据实际情况对表现特别优秀或基础弱进步快的学生进行酌情加分，以资鼓励。
实训项目考核分数占期末总体考核分数70％，将《界面设计》课程中有关实训项目和基础技术部分的考核改革为作品展览展示的形式，搭建一个平台，由行业专家和专业教师指导，用集体的眼光对每位同学的基础技术与创意技能逐一进行定性和定量的综合评定，主要考核项目实际设计中能力和素质，如主题是否符合要求、制作中存在的问题、视觉效果等。
九、教材及参考资料
建议使用近三年国家规划教材、教育部各专业指导委员会推荐教材和获得国家、省部级奖励的高职高专的优秀教材。
教材：
1、《网页界面设计艺术教程》作者：张帆，罗琦，宫晓东编着，出版社：人民邮电出版社
，2002年；
2、《认知与设计：理解UI设计准则》作者：[美] Jeff?Johnson?着，张一宁?译人民邮电出版社，2011-9
3、《UI进化论——移动设备人机交互界面设计》作者：周陟编着，出版社：清华大学出版社，2010-1
制定人：审定人：批准人：
《界面设计》课程标准 视觉传达艺术设计系多媒体设计与制作专业方向 一、课程设计思路 本课程以社会对于多媒体设计人才界面设计能力的实际需求为课程开设依据。课程容选择以“新”为标准，紧扣手机界面和界面设计最新的发展状况，以实际案例的形式贯穿整个教学，并结合高职类院校学生的学习规律，由浅入深。本课程首先从理论基础入手，介绍手机界面和网页界面设计相关知识，再通过对具体设计实例的解析，介绍了界面设计各个要素设计的方法，阐明界面设计的常识、规、流程与方法。 本课程在第三学开设。总学时数为96 课时。 二、课程目标 通过本课程学习，学生能认识到界面设计作为现代传媒的重要途径，其合理性与美观性直接影响用户的评价，从而促使学生提高界面的设计技能，通过人性化设计的方法来进行手机、用户界面设计，并掌握相关的设计软件的操作，独立完成图标、手机、网页等界面的设计和表现工作，以适应社会对本职业能力的要求。 1. 知识目标: ①了解界面设计的含义、特性； ②理解界面设计的出发点。它包括：视觉、信息传达的基本原则和基本元素； ③理解感知与情趣，感情与文化，传统与现代，世界性与民族性在界面设计中的作用； ④深入理解平面构成要素和基本的构成原则； ⑤理解色彩的构成原理和基本构成原则； ⑥深入理解文字的编排与设计在界面设计中的作用； ⑦深入理解字体的选择在在界面设计中的作用； ⑧深入理解版式设计在界面设计中的重要性；
2.能力目标: ①掌握平面设计的设计方法和要素，并利用平面设计的原则和基本要素设计界面； ②掌握色彩的构成原则，应用色彩的构成原则设计界面； ③掌握图标、页面和动画效果的设计方法； ④掌握手机界面设计的方法和技巧； ⑤熟练掌握网页界面文字编排的设计方法和技巧； ⑥掌握版式设计的原则和构成手法，进行版式设计和优化； ⑦能按照网页开发的设计流程来进行网页界面设计工作； 3.素质目标: ①培养学生实践动手操作能力； ②树立科学的设计创新意识； ③形成“以人为本”的设计观念； ④锻炼设计表达与语言表达能力。 4.职业技能证书考核要求 三、课程与其他相关课程之间的关系 本课程是多媒体设计与制作专业一门专业必修课程，是学生工作过程化课程体系中的的一门重要课程。 与该课程联系较为紧密的平行课程有： 前导课程：平面构成、色彩构成、图形设计、字体设计、coreldraw、photoshop 后续课程：flash动画、网页设计 四、本课程的主要特色 ⑴构建了基于职业岗位能力和工作过程导向的工学交替教学模式推行“以职业岗位能力为目标以企业实际项目为载体以工作过程为导向以项目团队为组织形成”的工学交替教学模式。同时通过将企业项目引入课程中最大化的缩短了与企业需求的差距增加了学生的就业竞争力。 ⑵“教学做合一、引导重于训导”的教学模式本课程开发和建设了基于工作过程“教学做”一体化的教学模式标准，学生研究现场的实际问题体验真实的工作情境，
设计内容及要求 <1>使用各种HTML标记，CSS各种常用样式及简单的JavaScript 技术，完成的网页没有错误 <2>首页设置导航栏，命名为 <3>利用CSS技术对网站进行布局，网站风格统一 <4>灵活运用JavaScript使网页生动 一、设计思路 首页： 二、设计结果及分析 首页：
1.对于主页，因为不太喜欢类似于搜狐类似的全文检索，更青睐于百度类似比较简洁的页面，随后设计出主页，虽然很简单，但我认为很精练，突出了这次设计的主题。 东营： 2.对于主页，因为不太喜欢类似于搜狐类似的全文检索，更青睐于百度类似比较简洁的页面，随后设计出主页，虽然很简单，但我认为很精练，突出了这次设计的主题。
广饶简介： 联系： 3.第四章做了根据js的一个互动。可以对前台邮箱的内容进行判断。
图片欣赏： 4.第五章，由于需要用到表格的内容，所以将照片用着种形式呈现出。 三、总结 通过本次网页的制作过程，我学到了很多实用的东西，也充分了解了editpuls这个软件的强大，对学习了一个学期的课程也有了深入的了解。在这段时间里，一方面，我尝试着讲课本上所学的知识运用到制作中，另一方面，我又时刻在网上学习自己需要的知识，学习到了很多有用的知识。虽然之前对于代码的编辑不是很明白，但这几天不断搜集各种网站模板，不断学习设计思路。虽然呈现出的作品很不完整，基本达不到观赏性和实用性，但我还会不断练习。争取作出属于我的风格的web。 五、附录（源代码）
首页：
触摸屏与MCGS组态设计 1.触摸屏的简介 本设计系统采用mcgsTpc嵌入式一体化触摸屏TPC7062K和MCGS嵌入版全中文工控组态软件。 1.1TPC7062K八大优势 ●高清：800 × 480分辨率，体验精致、自然、通透的高清盛宴 ●真彩：65535色数字真彩，丰富的图形库，享受顶级震撼画质 ●可靠：抗干扰性能达到工业III级标准，采用LED背光，寿命长 ●配置：ARM9内核、400M主频、64M内存、128M存储空间 ●软件：MCGS全功能组态软件，支持U盘备份恢复，功能更强大 ●环保：低功耗，整机功耗仅6W ，发展绿色工业，倡导能源节约 ●时尚：7〞宽屏显示、超轻、超薄机身设计，引领简约时尚 1.2TPC7062K产品外观 正视图背视图 1.3TPC7062K外部接口 1 接口说明
2 串口引脚定义 3 触摸屏的校准 进入触摸屏校准程序：TPC开机启动后屏幕出现“正在启动”提示进度条，此时使用触摸笔或手指轻点屏幕任意位置，进入启动属性界面。等待30秒，系统将自动运行触摸屏校准程序。 触摸屏校准：使用触摸笔或手指轻按十字光标中心点不放，当光标移动至下一点后抬起；重复该动作，直至提示“新的校准设置已测定”，轻点屏幕任意位置退出校准程序。
2.MCGS的简介 MCGS嵌入版组态软件是昆仑通态公司专门开发用于mcgsTpc的组态软件，主要完成现场数据的采集与监测、前端数据的处理与控制。 MCGS嵌入版组态软件与其他相关的硬件设备结合，可以快速、方便的开发各种用于现场采集、数据处理和控制的设备。如可以灵活组态各种智能仪表、数据采集模块，无纸记录仪、无人值守的现场采集站、人机界面等专用设备。 2.1 MCGS嵌入版组态软件的主要功能 ●简单灵活的可视化操作界面：采用全中文、可视化的开发界面，符合中国人的使用习惯和要求。 ●实时性强、有良好的并行处理性能：是真正的32位系统，以线程为单位对任务进行分时并行处理。 ●丰富、生动的多媒体画面：以图像、图符、报表、曲线等多种形式，为操作员及时提供相关信息。 ●完善的安全机制：提供了良好的安全机制，可以为多个不同级别用户设定不同的操作权限。 ●强大的网络功能：具有强大的网络通讯功能。 ●多样化的报警功能：提供多种不同的报警方式，具有丰富的报警类型，方便用户进行报警设置。 ●支持多种硬件设备。 总之，MCGS嵌入版组态软件具有与通用组态软件一样强大的功能，并且操作简单，易学易用 1.2 MCGS嵌入版组态软件的组成 MCGS嵌入版生成的用户应用系统，由主控窗口、设备窗口、用户窗口、实时数据库和运行策略五个部分构成，如下图所示。 ⑴主控窗口构造了应用系统的主框架 主控窗口确定了工业控制中工程作业的总体轮廓，以及运行流程、特性参数
. .. . WI-PSMIS-DJ-B008 02.01.000 （部资料） ECE项目图形用户界面设计规 自2012年8月日起正式生效 从兴电子开发 编制：审批： .. .. .. ..
目录 1引言 (4) 1.1目的 (4) 1.2围 (4) 1.3参考资料 (4) 2概述 (4) 3原则 (5) 3.1易用性 (5) 3.2规性 (5) 3.3合理性 (6) 3.4美观与协调性 (6) 3.5独特性 (7) 4设计规 (7) 4.1登录界面 (7) 4.2首页 (7) 4.3框架设计 (7) 4.4按钮设计 (8) 4.5对话框 (8) 4.5.1一般对话框 (8) 4.5.2有模式对话框 (9) 4.5.3无模式对话框 (9) 4.6面板设计 (9) 4.7菜单设计 (9) 4.8图标设计 (9) 4.9滚动条 (10) 4.10换肤功能 (10) 5保留字 (10) 5.1常用保留字 (10)
电力营销图形用户界面设计规 1引言 1.1目的 统一和规软件界面。 1.2围 电力营销改造。 1.3参考资料 2概述 界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作，起到向导的作用。同时界面如同人的面孔，具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉，相反由于界面设计的失败，让用户有挫败感，再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。目前界面的设计引起软件设计人员的重视的程度还远远不够，直到最近网页制作的兴起，才受到专家的青睐。而且设计良好的界面由于需要具有艺术美的天赋而遭拒绝。 微软公司和苹果公司是这方面的典。 微软公司的所有产品包括Office、Windows、MSN Messenger和其所有的都是我们追随的对象。而且微软公司所有的文档和产品介绍也是我们模仿和学习的对象。 苹果公司更是这方面的鼻祖，它的所有产品无不表露着它在这方面是无人能及的。 我们考虑GUI设计时应该遵循基本的规则然后参考成熟的设计，并能够添加自己的独特性。 在一个时期很流行的界面风格在另外的时期可能已经落后，所以我们要有创新和超前的意识。
UI用户界面设计 大作业课程设计报告 题目：依依旅行系统前台应用及后台管理院别：信息与控制学院 专业：计算机科学与技术 学生姓名： 7宋依依 指导教师：孙丽云 成绩： 2015年 6 月 12 日 一、系统概述 1.1课程设计题目： 依依旅行系统前台及后台管理 1.2 课程设计运行环境： Java，MyEclipse6.5，Tomcat5.x Microsoft SQL Server 2008 360安全浏览器7.1 1.3 课程设计实现技术： 基于HTML，CSS，JSP等技术的应用 二、依依旅行系统需求分析 2.1系统功能需求：
系统的功能需求包括一下几个方面 （1）游客在不登录的情况下只可以进行相关旅行，车票，酒店信息的查询。（2）游客通过注册登录或者登录后，可以通过网络查询景点的信息概况和预定景点票，酒店，车票（飞机票，火车票，或者租车）。 （3）游客登录后还可以进行各种订单的退订，个人信息的修改。 （4）系统管理员可以查看游客的预定请求和取消预定的请求。 （5）系统管理员可以对系统的数据库进行维护，例如增加、删除和修改景点信息，增加、删除工作人员帐户，增加和删除旅行用户。 三、依依旅行系统概要分析 3.1旅游系统模块介绍 满足以上需求的管理系统主要包括以下几个模块。 （1）旅游数据维护模块 基本数据维护模块提供了使用者录入、修改并维护基本数据的途径。例如对游客及导游及工作人员各项信息的更新和修改。 （2）旅游业务模块 基本业务模块主要用于实现游客查询景点信息和预定的管理，可以登陆系统预定景点游票和导游预定，工作人员可以处理预定信息和取消预定信息等操作。 （3）数据库管理模块 在系统中，所有景点信息以及工作人员和导游的帐户信息都要进行统一管理，景点的使用情况和预定情况也要进行详细的记录，要用统一的数据库平台进行管理。 （4）旅游信息查询模块 信息查询模块主要用于查询景点的信息和游客的预定信息。 下图所示表示了旅游开发管理系统的功能需求： 3.2旅游数据维护模块 数据维护模块包括如下图所示的几个方面： （1）修改更新景点信息：系统管理员可以更新和修改景点信息。 （2）更新和修改信息：系统管理员可以更新和修改旅游景点和酒店出行，删除游客的信息。 （3）添加景点信息：系统管理员可以添加景点及景点信息。 （4）删除景点信息：系统管理员可以删除景点及景点信息。 3.3旅游业务模块 旅游业务模块包括一下几个方面： （1）注册登陆后，更改个人信息 （2）查询信息：游客查询景点使用信息及景点概括信息。 （3）预定取消景点：游客预定景点票。 （4）酒店预订：游客可一根据情况预定酒店。 （5）出行方式：游客可以根据自己的情况选择出行方式。 3.4数据库管理模块 数据库模块包括一下一个方面： （1）游客信息管理：信息包括游客的姓名，电话号码，及联系方式等。（2）景点信息管理：景点信息包括景点的名称，代号，概况等。
UI设计(流程/界面)规范 一：UI设计基本概念与流程 1.1 目的 规范公司UI设计流程，使UI设计师参与到产品设计整个环节中来，对产品的易用性进行全流程负责，使UI设计的流程规范化，保证UI设计流程的可操作性。 1.2范围 l 界面设计 l 此文档用于界面设计,本文档的读者对象是项目管理人员、售前服务人员、UI界面设计人员、界面评审人员和配置测试人员。 1.3 概述 UI设计包括交互设计，用户研究，与界面设计三个部分。基于这三部分的UI设计流程是从一个产品立项开始，UI设计师就应根据流程规范，参与需求阶段、分析设计阶段、调研验证阶段、方案改进阶段、用户验证反馈阶段等环节，履行相应的岗位职责。UI设计师应全面负责产品以用户体验为中心的UI设计，并根据客户（市场）要求不断提升产品可用性。本规范明确规定了UI设计在各个环节的职责和要求，以保证每个环节的工作质量。 1.4 基本介绍 A、需求阶段 软件产品依然属于工业产品的范畴。依然离不开3W的考虑（Who,where,why.）也就是使用者，使用环境，使用方式的需求分析。所以在设计一个软件产品之前我们应该明确什么人
用(用户的年龄，性别，爱好，收入，教育程度等)。什么地方用（在办公室/家庭/厂房车间/公共场所）。如何用（鼠标键盘/遥控器/触摸屏）。上面的任何一个元素改变结果都会有相应的改变。 除此之外在需求阶段同类竞争产品也是我们必须了解的。同类产品比我们提前问世，我们要比他作的更好才有存在的价值。那么单纯的从界面美学考虑说哪个好哪个不好是没有一个很客观的评价标准的。我们只能说哪个更合适，更合适于我们的最终用户的就是最好的。B、分析设计阶段 通过分析上面的需求，我们进入设计阶段。也就是方案形成阶段。我们设计出几套不同风格的界面用于被选。 C、调研验证阶段 几套风格必须保证在同等的设计制作水平上，不能明显看出差异，这样才能得到用户客观真实的反馈。 测试阶段开始前我们应该对测试的具体细节进行清楚的分析描述。 调研阶段需要从以下几个问题出发： 用户对各套方案的第一印象 用户对各套方案的综合印象 用户对各套方案的单独评价 选出最喜欢的 选出其次喜欢的 对各方案的色彩，文字，图形等分别打分。 结论出来以后请所有用户说出最受欢迎方案的优缺点。 所有这些都需要用图形表达出来，直观科学。
阿里巴巴 ui 设计规范 篇一：ui 设计规范 命名规则 模块_类别_功能_状态.pngnav_button_search_导航_ 按钮_搜索_默认.png search 搜索bg 背景 selected 按钮状态（选中） button 按钮nav 导航栏disabled 按钮状态（不可点击） tab 菜单栏icon 图标 default 按钮状态（默认） bg 背景personal tada 个人资料presses 按钮状态（按下） user 用户pop 弹出back 返回 refresh 刷新delete 删除eidt 编辑 image 图片 download 下载content 内容 banner 广告 login 登陆left right center 左右中 registered 注册title 标题msg 提示信息 link 链接note 注释logo 标志 icon 制作： iOS120px：Icon_120@ 80px: Icon_small_40@ 58px: Icon_small@ 114px: Icon@
Android：36*36px：drawable-ldpi 48*48px：drawable-mdpi 72*72px： drawable-hdpi 96*96px： drawable-xhdpi Android 安卓系统 dp/sp/px 换算 名称分辨率比率rate（320px）比率rate（640px） idpi 240*320 mdpi 320*480 1 hdpi 480*800 xhdpi 720*800 xxhdpi1080*1920 Android 的图标尺寸 屏幕尺寸启动图标操作栏上下文 320*480px 48*48px 32*32px 16*16px 480*800px 480*854px 72*72px 48*48px 24*24px640*960px 720*1280px 48*48dp 32*32dp 16*16dp 1080*1920 144*144px 96*96px 48*48px 比率rate（750px）系统通知最细笔画24*24px 2px 36*36px 3px 24*24dp 2dp 72*72px 6px iPhone 图标尺寸
课程设计(论文)任务书 理学院光信息专业2班 一、课程设计(论文)题目围棋对弈界面设计 二、课程设计(论文)工作自2016年6月27 日起至2017 年 7月1 日止。 三、课程设计(论文) 地点: 8-605 四、课程设计(论文)内容要求： 1．本课程设计的目的 （1）使学生掌握软件开发的基本工作流程； （2）巩固JAVA程序设计课程所学的内容； （3）培养学生的计算机思维能力以及合作的精神； （4）培养学生分析、解决问题的能力； （5）提高学生的科技论文写作能力。 2．课程设计的任务及要求 1）基本要求： [1] 掌握Frame,Panel等容器的使用 [2] 掌握AWT图形绘制的常用方法。 [3] 掌握java的事件监听机制，理解相关角色及相互关系。 [4] 熟悉按钮和鼠标事件的处理。
[5] 完成类围棋对弈界面设计。界面参考如图1所示。 [6] 功能至少包含： a)能用颜色选择对话框改变棋盘背景颜色； b)实现黑白棋子轮流落子； c)显示游标即游标轨迹擦除； d)显示下棋所用时间。 学生需分析课程设计任务，进行系统需求分析；并对系统进行总体设计， 分解系统功能模块；实现各功能模块代码，进而组装各模块，并测试、完善系统。 图 1 围棋对弈界面
2）创新要求： 实现更复杂的界面控制，提供更多的围棋对弈功能等，并提高系统的容错能 力，完善系统功能，进行代码优化。 3）课程设计论文编写要求 课程设计报告的撰写要求表述简明，图表准确。 报告按如下内容和顺序用A4纸进行打印并装订成册。 （1）封面 采用统一的课程设计封面，并按要求填写好封面要求的个人信息。 （2）设计任务书 （3）评阅书 （4）目录 （5）正文 （6）主要参考文献 4）答辩及评分标准： （1）达到课程设计的目的及要求，程序的可读性较好，并调试正确，50分； （2）能正确回答设计中老师所提问题，可增加10分； （3）课程设计报告书写规范整齐，可增加20分； （4）心得体会认真总结，可增加10分；
上海交通大学 硕士学位论文 触摸屏界面通用设计原则研究 姓名：刘思文 申请学位级别：硕士 专业：设计艺术学 指导教师：陈贤浩 20090115
触摸屏界面通用设计原则研究 摘要 本论文通过对于用户界面设计的认识和触摸屏界面的了解，其中包括自身使用体会、他人的评价和感想、设计人员的资源共享等，发现了在触摸屏界面设计上存在的问题，深感触摸屏界面可用性的重要性以及在设计中人力物力投资的重复性，从而得出了为触摸屏界面提供一套通用的设计原则的必要性。 文章开篇第一章首先说明了一下研究背景、目的、意义及方法。 接着在第二章介绍了触摸屏和界面设计的基本概念，包括触摸屏的起源、发展、技术、使用范围以及有关界面设计的方方面面。 然后在第三章列出并参照一些有关界面设计的理论原则、可用性的基本理念、人因工程学和用户研究方法等。 在第四章里，通过各种设计案例的比较和分析以及对已有理论原则的推导，同时又受到用户界面管理程序的启示，设想了一套触摸屏界面通用设计原则，使之能最大限度的适用于各种不同的触摸屏界面设计之中。 在第五章中，通过“纺织车间通风系统触摸屏设计”这个相关项目的设计操作来对以上构想进行论证。设计论证过程包括对此设计项目建立研究模型、需求调研和可用性设计指标设定等，然后把经分析得出的关于此项目的可用性设计指标和之前提出的触摸屏界面通用设计原则构想进行对比，查看出入点，随后做出原型设计并提交用户做可用性评估，然后发现问题进行适当的补充改进设计，再次提交测评……通过这个循环的设计过程之后，证明了之前所提出的触摸屏界面通用设计原则构想基本上是准确的、合理的，并且对此原则进行适当的补充完善使之成为一种科学的原则。 最后第六章中，把之前论证的研究结论具体化简明化的罗列出来并且再提出对未来研究的展望。 关键词：触摸屏，界面设计，通用原则，可用性
界面设计测试规范 目前流行的界面风格有三种方式：多窗体、单窗体以及资源管理器风格，无论那种风格，以下规则是应该被重视的。 1:易用性： 按钮名称应该易懂，用词准确，屏弃没楞两可的字眼，要与同一界面上的其他按钮易于区分，能望文知意最好。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确*作。 易用性细则： 1):完成相同或相近功能的按钮用Frame框起来，常用按钮要支持快捷方式。 2):完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。 3):按功能将界面划分局域块，用Frame框括起来,并要有功能说明或标题。 4):界面要支持键盘自动浏览按钮功能，即按Tab键的自动切换功能。 5):界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。 6):同一界面上的控件数最好不要超过10个，多于10个时可以考虑使用分页界面显示。 7):分页界面要支持在页面间的快捷切换，常用组合快捷键Ctrl+Tab 8):默认按钮要支持Enter及选*作，即按Enter后自动执行默认按钮对应*作。 9):可写控件检测到非法输入后应给出说明并能自动获得焦点。 10):Tab键的顺序与控件排列顺序要一直，目前流行总体从上到下，同时行间从左到右的方式。 11):复选框和选项框按选择几率的高底而先后排列。 12):复选框和选项框要有默认选项，并支持Tab选择。 13):选项数相同时多用选项框而不用下拉列表框。 14):界面空间较小时使用下拉框而不用选项框。 15):选项数叫少时使用选项框，相反使用下拉列表框。 16):专业性强的软件要使用相关的专业术语，通用性界面则提倡使用通用性词眼。 2：规范性： 通常界面设计都按Windows界面的规范来设计，即包含“菜单条、工具栏、工具厢、状态栏、滚动条、右键快捷菜单”的标准格式，可以说：界面遵循规范化的程度越高，则易用性相应的就越好。小型软件一般不提供工具厢。 规范性细则： 1):常用菜单要有命令快捷方式。 2):完成相同或相近功能的菜单用横线隔开放在同一位置。 3):菜单前的图标能直观的代表要完成的*作。 4):菜单深度一般要求最多控制在三层以内。 5):工具栏要求可以根据用户的要求自己选择定制。
《网页设计与制作课程设计》 实验报告 院系名称：管理学院专业班级：电子商务XXX 学生姓名： XXX 学号： XXXXXXX 2016年 06 月 一、实验目的 本实验属于设计性实验，在学习完《网页设计与制作》课程的基础上，通过实验学习网页制作的步骤与方法，使用CSS+DIV制作一个简单的网站，能够对网站有一个清晰的认知和规划。进一步熟悉和领悟HTML语言、CSS样式表和JAVASCRIPT语言的语法结构。将理论与实践相结合，加深对本课程的理解。 二、实验步骤 1、进行网站整体规划，包括网站主题、栏目以及界面的构思，确定网站结构，形成初步设计思路。 2、设计网站的主页以及栏目，利用CSS+DIV制作网站主页和弹出式导航条菜单，利用JavaScript制作动态效果，并用firework软件对主页进行切图。 3、设计并利用CSS+DIV制作列表页，并用firework软件对列表页进行切图。 4、设计并利用CSS+DIV制作内容页，并用firework软件对内容页进行切图。 5、进行调试和修改已形成最终实验结果。 三、网站设计思路 1、参照“唯品会”“折800”等电商网站，确定网站主题为“轻奢电商”。 2、设计网站主页,主页设置首页、美妆、服饰、零食、母婴、关于我们、在售分类等七个一级栏目。其中美妆、服饰、零食、母婴四个栏目含有二级栏目。
3、首页设置品牌热卖、限量抢购等图片展示，并利用Javascript设置用户名和密码的表单验证，在图片之下设置一个新闻列表提供有关网站的最新消息，右侧设置账户、密码的表单验证，并在网页结尾处写上官方微信和版权信息。 4、由主页导航栏上的的在售分类引出列表页，在列表页中采用新闻列表样式具体展示本企业的全部商品分类并设置超链接。 5、由列表页中美妆|女士护肤|洁面弹出具体的内容页面，主要由图片以及相应的文字介绍组成。 四、网站的核心代码 1、主页