文档视界 最新最全的文档下载
当前位置:文档视界 › 界面设计课程标准

界面设计课程标准

界面设计课程标准
界面设计课程标准

《界面设计》课程标准

视觉传达艺术设计系多媒体设计与制作专业方向

一、课程设计思路

本课程以社会对于多媒体设计人才界面设计能力的实际需求为课程开设依据。课程容选择以“新”为标准,紧扣手机界面和界面设计最新的发展状况,以实际案例的形式贯穿整个教学,并结合高职类院校学生的学习规律,由浅入深。本课程首先从理论基础入手,介绍手机界面和网页界面设计相关知识,再通过对具体设计实例的解析,介绍了界面设计各个要素设计的方法,阐明界面设计的常识、规、流程与方法。

本课程在第三学开设。总学时数为96 课时。

二、课程目标

通过本课程学习,学生能认识到界面设计作为现代传媒的重要途径,其合理性与美观性直接影响用户的评价,从而促使学生提高界面的设计技能,通过人性化设计的方法来进行手机、用户界面设计,并掌握相关的设计软件的操作,独立完成图标、手机、网页等界面的设计和表现工作,以适应社会对本职业能力的要求。

1. 知识目标:

①了解界面设计的含义、特性;

②理解界面设计的出发点。它包括:视觉、信息传达的基本原则和基本元素;

③理解感知与情趣,感情与文化,传统与现代,世界性与民族性在界面设计中的作用;

④深入理解平面构成要素和基本的构成原则;

⑤理解色彩的构成原理和基本构成原则;

⑥深入理解文字的编排与设计在界面设计中的作用;

⑦深入理解字体的选择在在界面设计中的作用;

⑧深入理解版式设计在界面设计中的重要性;

2.能力目标:

①掌握平面设计的设计方法和要素,并利用平面设计的原则和基本要素设计界面;

②掌握色彩的构成原则,应用色彩的构成原则设计界面;

③掌握图标、页面和动画效果的设计方法;

④掌握手机界面设计的方法和技巧;

⑤熟练掌握网页界面文字编排的设计方法和技巧;

⑥掌握版式设计的原则和构成手法,进行版式设计和优化;

⑦能按照网页开发的设计流程来进行网页界面设计工作;

3.素质目标:

①培养学生实践动手操作能力;

②树立科学的设计创新意识;

③形成“以人为本”的设计观念;

④锻炼设计表达与语言表达能力。

4.职业技能证书考核要求

三、课程与其他相关课程之间的关系

本课程是多媒体设计与制作专业一门专业必修课程,是学生工作过程化课程体系中的的一门重要课程。

与该课程联系较为紧密的平行课程有:

前导课程:平面构成、色彩构成、图形设计、字体设计、coreldraw、photoshop 后续课程:flash动画、网页设计

四、本课程的主要特色

⑴构建了基于职业岗位能力和工作过程导向的工学交替教学模式推行“以职业岗位能力为目标以企业实际项目为载体以工作过程为导向以项目团队为组织形成”的工学交替教学模式。同时通过将企业项目引入课程中最大化的缩短了与企业需求的差距增加了学生的就业竞争力。

⑵“教学做合一、引导重于训导”的教学模式本课程开发和建设了基于工作过程“教学做”一体化的教学模式标准,学生研究现场的实际问题体验真实的工作情境,

执行完整的作业流程,使学生在校期间熟悉工作岗位所需的工作对象、工作容、工作手段、劳动组织、工作环境、工作过程将知识学习、技能提升、能力培养和习惯形成体现在整个教学过程中逐步实现从学习者到工作者的角色转换。

(3)基于企业真实案例的“任务驱动型”、“启发、引导和协同”教学方式,采用科学灵活的教学方法。

五、教学容与学习情境设计

《界面设计》课程按照职业岗位和职业能力培养的要求,整合本课程教学容,以项目为导向,构建以工作任务驱动的3个项目式课程结构的形式,以项目为导向,由简单到复杂、由理论到实践,构建以工作任务驱动的项目式课程结构。每个项目的容由一个或若干个任务组成,基于完成工作任务来组织教学;课程容及时吸纳新表现形式、新创意手法、新的规标准等。

(一)学习情境设计与时间安排

序号学习情境子学习情境(任务、项目) 建议学

项目1 界面设计概念与基

1、界面设计基础理论

a.了解界面设计的含义、特性

b.界面设计的整体创意与风格定位

c.界面构成要素

d.界面设计原则

8

项目2界面设计实践与方

2、界面设计中的图标、图形图像设计

a.图标设计规

b.图标设计流程

c.图标设计技巧及方法

3、界面设计中的色彩设计

a.色彩的构成原则

b.色彩的作用、基本原理

c.优秀配色案例解

4、界面设计中的文字的编排与设计

a.版式设计在界面设计中的重要性

b.文字的编排与设计在界面设计中的作用

c.字体的选择在在界面设计中的作用,

24

(二)学习情境描述

六、教学基本条件

(一)教学团队的基本要求

一定的双师型比例,一定数量的副教授和讲师的比例,学历上要求有研究生和本科生的比例。

(二)教学硬件环境基本要求

理论教授需在多媒体教室完成;实践环节在实训室进行,学生需使用计算机、扫描仪、打印机等设备。查阅资料在图书馆和依托网络完成。

七、教学方法及手段

1、本课程先基本原理、基本理论的讲述,再设计知识和技能的讲授,由浅入深,循序渐进。

2、在教学中采用“复习回顾——案例教学(教师演示)——自主学习(学生演练)——学生上机实践(针对学生碰到的具体问题教师再进行讲解)——课堂小结——提示下次预习的容”的教学方法,同时将课堂搬进计算机基础实验室,即学即用,以取得较好的教学效果。

八、考核方式

平时考查分数(30分)+项目实训分数(70分)=学期总评分数(100分)

平时考查分数占期末总体考核分数30%,主要包括如下几个方面:平时考勤、课堂互动、课后学习自主性等方面,任课教师可根据实际情况对表现特别优秀或基础弱进步快的学生进行酌情加分,以资鼓励。

ui用户界面设计课程设计报告

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)景点信息管理:景点信息包括景点的名称,代号,概况等。

界面设计课程标准

《界面设计》课程标准 视觉传达艺术设计系多媒体设计与制作专业方向 一、课程设计思路 本课程以社会对于多媒体设计人才界面设计能力的实际需求为课程开设依据。课程容选择以“新”为标准,紧扣手机界面和界面设计最新的发展状况,以实际案例的形式贯穿整个教学,并结合高职类院校学生的学习规律,由浅入深。本课程首先从理论基础入手,介绍手机界面和网页界面设计相关知识,再通过对具体设计实例的解析,介绍了界面设计各个要素设计的方法,阐明界面设计的常识、规、流程与方法。 本课程在第三学开设。总学时数为96 课时。 二、课程目标 通过本课程学习,学生能认识到界面设计作为现代传媒的重要途径,其合理性与美观性直接影响用户的评价,从而促使学生提高界面的设计技能,通过人性化设计的方法来进行手机、用户界面设计,并掌握相关的设计软件的操作,独立完成图标、手机、网页等界面的设计和表现工作,以适应社会对本职业能力的要求。 1. 知识目标: ①了解界面设计的含义、特性; ②理解界面设计的出发点。它包括:视觉、信息传达的基本原则和基本元素; ③理解感知与情趣,感情与文化,传统与现代,世界性与民族性在界面设计中的作用; ④深入理解平面构成要素和基本的构成原则; ⑤理解色彩的构成原理和基本构成原则; ⑥深入理解文字的编排与设计在界面设计中的作用; ⑦深入理解字体的选择在在界面设计中的作用; ⑧深入理解版式设计在界面设计中的重要性;

2.能力目标: ①掌握平面设计的设计方法和要素,并利用平面设计的原则和基本要素设计界面; ②掌握色彩的构成原则,应用色彩的构成原则设计界面; ③掌握图标、页面和动画效果的设计方法; ④掌握手机界面设计的方法和技巧; ⑤熟练掌握网页界面文字编排的设计方法和技巧; ⑥掌握版式设计的原则和构成手法,进行版式设计和优化; ⑦能按照网页开发的设计流程来进行网页界面设计工作; 3.素质目标: ①培养学生实践动手操作能力; ②树立科学的设计创新意识; ③形成“以人为本”的设计观念; ④锻炼设计表达与语言表达能力。 4.职业技能证书考核要求 三、课程与其他相关课程之间的关系 本课程是多媒体设计与制作专业一门专业必修课程,是学生工作过程化课程体系中的的一门重要课程。 与该课程联系较为紧密的平行课程有: 前导课程:平面构成、色彩构成、图形设计、字体设计、coreldraw、photoshop 后续课程:flash动画、网页设计 四、本课程的主要特色 ⑴构建了基于职业岗位能力和工作过程导向的工学交替教学模式推行“以职业岗位能力为目标以企业实际项目为载体以工作过程为导向以项目团队为组织形成”的工学交替教学模式。同时通过将企业项目引入课程中最大化的缩短了与企业需求的差距增加了学生的就业竞争力。 ⑵“教学做合一、引导重于训导”的教学模式本课程开发和建设了基于工作过程“教学做”一体化的教学模式标准,学生研究现场的实际问题体验真实的工作情境,

用户界面设计实验报告(中南民族大学)

《用户界面设计》实验报告 学号: 姓名: 班级名称: 指导教师:李波 实验日期:

目录 Experiment 1: Evaluation Practices (1) Experiment 2: Design a graphic user interface (3) Experiment 3: Error Messages GUI (12) Experiment 4: Help Document (14)

Experiment 1: Evaluation Practices Use the blank provided to answer the questions. Answer the questions on a scale of 1 to 5, where 1 is a strong no, 5 is a strong yes, and 3 is neutral. If the question does not apply, use a 0.

Experiment 2: Design a graphic user interface Now, you can use the usability measurement to design a graphic user interface .First, you must select a system to finish sessions or tasks for users, so users’ requirements must be analyzed to define all functions you want to realize. Second, you must draw a graphic UI using the software tools, such as Microsoft visual studio, or Visio, or others. All functions must be appeared in this GUI include a main interface and all assistant interfaces. Finally, you must explain why and how you design these GUIs according to the usability measurement and the EIGTH GOLDEN RULES. The document format is described as follow. You can finish this work by PPT or word. 1. The system requirement The system requirement is described here. The main contents include the aims and what the users want to do. 随着信息时代的发展,计算机管理的应用越来越广泛,随着计算机的普及,就连调查问卷也慢慢的脱离了纸质化。对于一个比较大的公司而言,对其客户进行调查问卷是很有必要进行的,而由于客户的分布广,进行纸质的调查问卷不仅浪费财力,还浪费了物力,因此网上调查就避开这一缺点。因此,我设计了一个网上调查问卷系统。这个系统的用户有两类,一类是经销商,一类是经销商的客户,客户通过网上填写问卷,经销商则对客户的问卷进行回收,统计,分析,以做出相应的出售方案。 The aims 1)用户管理

软件界面设计规范_V1.0 - 视觉部分

软件界面设计规范_V1.0 1概要 界面设计中一定要保持界面的一致性。 一致性既包括使用标准的控件,也指使用相同的信息表现方法,如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。 界面力求简洁明了,保证系统功能设计的合理与明确,布局明确、交互操作合理、协调统一。功能要表现清楚,分类清晰有条理,避免过多的控件嵌套导致的视觉混乱;单一功能的操作目的明确,符合易用性原则,避免不必要的信息显示而对用户造成视觉干扰;力求操作简单,简单的功能一步完成,比较复杂的功能三步之内,复杂的功能操作使用操作向导来辅助客户完成。 2色调风格 2.1色调: 软件界面设计中常用的主色调包括:蓝色、红色、绿色、黑色 蓝色:运用的行业较为广泛,如通讯、电子、房产、钢铁、生产管理等行业大部分以蓝色为主色调来设计软件。 红色:在政府单位运用比较多。 绿色:一般运用于教育、医疗、农林等行业。 黑色:能源、石油、房地产行业有时候会用中性的黑色作为主色调。 表现区:通常用浅色,如:白色、淡灰、或者淡蓝之类,因为大面积的文字信息在浅色上便于长时间阅读,不容易形成视觉疲劳。

2.2风格: 软件界面的风格通常比较简约。不同行业,使用的环境不同稍有差异。 3登录界面 基本元素:logo、系统名称、输入框、提交按钮。如下: 4页面逻辑结构 软件界面通常是上面这样的逻辑结构 首页:宏观预览各项设备管理数据,快速访问期望的数据功能 功能页面:查看某一功能模块的全部数据,查看某一对象的各类相关数据 弹出页面:填写和提交表单,对功能中的某一单项数据进行增加/删除/查询/修改/审核/打印/导出等功能操作。

UI界面设计规范标准

. .. . 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设计时应该遵循基本的规则然后参考成熟的设计,并能够添加自己的独特性。 在一个时期很流行的界面风格在另外的时期可能已经落后,所以我们要有创新和超前的意识。

实验三图形用户界面设计(汽院含答案)

实验三图形用户界面设计 实验目的 1.掌握Java语言中GUI编程的基本方法 2.掌握Java语言中AWT组件的基本用法 3.掌握Java语言中Swing组件的基本用法 实验导读 1.通过图形用户界面(GUI:Graphics User Interface),用户和程序之间可以方便地进行 交互。 AWT(Abstract Windowing Toolkit),中文译为抽象窗口工具包,是Java提供的用来建立和设置Java的图形用户界面的基本工具。AWT由Java中的包提供,里面包含了许多可用来建立与平台无关的图形用户界面(GUI)的类,这些类又被称为组件(components)。 Swing是一个用于开发Java应用程序用户界面的开发工具包。它以抽象窗口工具包(AWT)为基础使跨平台应用程序可以使用任何可插拔的外观风格。Swing开发人员只用很少的代码就可以利用Swing丰富、灵活的功能和模块化组件来创建优雅的用户界面。 JDK写程序所有功能都是靠虚拟机去操作本地操作系统。比如window下,就是JDK 用windows API实现功能。而awt包中很多组件是组件自身去调用本地操作系统代码swing包中的组件采用的是调用本地虚拟机方法,由虚拟机再调用本地操作系统代码。意思就是中间多了一层,这样就加强了swing包的移植性,与本地关系不那强了。 图AWT常用组件继承关系图 Container为容器,是一个特殊的组件,该组件中可以通过add方法添加其他组件进来。 2.布局,容器中的组件的排放方式。常见的布局管理器: FlowLayout(流式布局管理器):从左到右的顺序排列。Panel默认的布局管理器。 BorderLayout(边界布局管理器):东,南,西,北,中。Frame默认的布局管理器。 GridLayout(网格布局管理器):规则的矩阵

软件界面设计规范方案

软件界面设计规 1.界面规 1.1.总体原则以用户为中心。 设计由用户控制的界面,而不是界面控制用户。清楚一致的设计。所有界面的风格保持一致,所有具有相同含义的术语保持一致,且易于理解拥有良好的直觉特征。以用户所熟悉的现实世界事务的抽象来给用户暗示和隐喻,来帮助用户能迅速学会软件的使用。较快的响应速度。简单且美观。 1.2.原则详述 1.2.1.用户控制用户界面设计的一个重要原则是用户应该总是感觉在控制软件而不是感觉被软件所控制。操作上假设是用户--而不是计算机或软件--开始动作。用户扮演主动角色,而不是扮演被动角色。在需要自动执行任务时,要以允许用户进行选择或控制它的方式来实现该自动任务。提供用户自定义设置。因为用户的技能和喜好各不相同,因此他们必须能够个性化界面的某些方面。Windows为用户提供了对许多这方面的访问。您的软件应该反应不同的系统属性--例如颜色、字体或其他选项的用户设置。采取交互式和易于感应的窗口,尽量避免使用模态对话框,而使用"非模式"辅助窗口。"模式"是一种状态,它排除一般的交互,或者限制用户只能进行特定的交互。当最好使用一个模式或该模式只是可替换的设计时--例如,用于在一个绘图程序中选定一个特定感觉--请确保该模式是显然的、可见的,是一个明确的用户选定的结果,并且容易取消。在后台运行长进程时,保持前台式交互。例如,当正在打印一个文档,即使该文档不能被改变,用户也应该可以最小化该窗口。谅解。用户喜欢探索一个界面,并经常从尝试和错误中学习。一个有效的界面允许交互式的发现,它只提供一组合适的选择,并在用户可能破坏系统或数据的情况时发出警告。如果可行,还应提供可逆转或可还原的操作。即使在设计得很好得界面中,用户也可能犯错误。这些错误既可以是物理上得(偶然地指向了错误的命令或数据),也可以是逻辑上的(对选定哪一个命令或哪些数据做出了错误的决定)。有效的设计避免很可能导致错误的情况。它还包容潜在的用户错误,并且使用户易于还原。 1.2.2.清楚一致的设计一致允许用户将已有的知识传递到新的任务中,更快地学习新事物,并将更多的注意力集中在任务上。这是因为他们不必花时间来尝

阿里巴巴ui设计规范

阿里巴巴 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 图标尺寸

软件UI界面设计测试规范

界面设计测试规范 目前流行的界面风格有三种方式:多窗体、单窗体以及资源管理器风格,无论那种风格,以下规则是应该被重视的。 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):工具栏要求可以根据用户的要求自己选择定制。

实验6图形用户界面设计

实验6. 图形用户界面设计 一、 实验目的 1. 掌握图形对象属性的基本操作; 2. 掌握菜单及对话框设计、建立控件对象的方法。 二、 实验环境 1. 计算机; 2. Matlab 软件。 三、 实验说明 1. 正确操作,认真观察; 2. 实验学时:2学时; 3. 学会使用help ; 4. 保存整理实验结果,提交实验报告。 四、 实验内容 1.设计如教材P374 图1所示的菜单,并在此基础上增加选项:可以改变曲线的颜色、线型;可以改变窗口背景颜色。 2.(选做)采用图形用户界面,从键盘输入参数a 、b 、n 的值,考察参数对极坐标曲线)cos(θρn b a +=的影响。 五、 实验程序及结果 程序如下: screen=get(0,'ScreenSize'); W=screen(3);H=screen(4); figure('Color',[1,1,1],'Position',[*H,*H,*W,*W],... 'Name','图形演示系统','NumberTitle','off','MenuBar','none'); %定义Plot 菜单项 hplot=uimenu(gcf,'Label','&Plot'); uimenu(hplot,'Label','Sine Wave','Call',... ['t=-pi:pi/20:pi;','y=plot(t,sin(t));']); uimenu(hplot,'Label','Cosine Wave','Call',... ['t=-pi:pi/20:pi;','y=plot(t,cos(t));']); hcor=uimenu(hplot,'Label','&Color','Separator','on'); uimenu(hcor,'Label','&Red','Call','set(y,''Color'',''r'');'); uimenu(hcor,'Label','&Blue','Call','set(y,''Color'',''b'');'); uimenu(hcor,'Label','&Yellow','Call','set(y,''Color'',''y'');'); uimenu(hcor,'Label','&Green','Call','set(y,''Color'',''g'');');

UI设计绩效考核方案

UI设计绩效考核方案 一、总体思路 (一)考核目的 为了全面并简洁地评价公司UI设计人员的工作成绩,贯彻公司发展战略,结合设计人员的工作特点,制定本方案。 (二)适用范围 本公司所有UI设计人员。 (三)考核关系 由设计部门主管会同人力资源部经理、考核专员组成考评小组负责考核。二、考核内容设计 (一)工作业绩指标1 工作业绩考核表(满分100分) 关键性业绩指标考核目标值权重得分新方案设计周期实际设计周期比计划周期提前1天20 设计评审满意率设计评审满意率达到100% 10 项目计划完成率项目计划完成率达到100% 10 X次 5 设计的可生产性成果不能投入工作情况发生的次 数少于 设计成本降低率设计成本降低率达到90%以上 5 设计完成及时率设计完成及时率达到110%以上15 设计方案采用率设计方案采用率达到90%以上10

设计改造费用控制率设计改造费用控制率达到X% 10 设计服务满意度对设计服务满意度评价的评分在X分以上10 设计资料归档及时率资料归档及时率达到100% 5 (二)工作业绩指标2 序号 KPI指标指标说明绩效目标值及计分方法 1 项目设计制作及时率是指项目Ui设计制作的及时情 况,奕要求时间或计划时间为准, 设计项目制作及时率=按时设计制 作完成的项目数 当月完成项目设计方案及时率达 到90%,不及时一次扣3分 2 设计方案通过率①设计方案通过率:是指设计方案 在规定时间内的合格通过情况 ②设计方案的通过率=设计方案在 规定时间内的合格通过方案数量 ÷计划设计总数量×100% 当月设计方案通过率为90%,每低 于目标值1%扣1分 3 设计制作出错次数是指设计制作过程出现的设计方 面的工作失误 当月出现1次,每次扣3分;如 果造成经济损失,则扣10分 4 上缴交办的其他工作是指上级计划或随机交办的其他 事项 按具体要求的时间完成,未按时 完成1项扣1分 5 满意度

完整word版,《界面设计》课程标准

《界面设计》课程标准视觉传达艺术设计系多媒体设计与制作专业方向 课程编号D030218学时80 开课 学期 二年级 第一学期 课程 性质 必修 课程名称界面设计考核 方式 考查,成绩构成:实训:70%,平时30% 一、课程设计思路 本课程以社会对于多媒体设计人才界面设计能力的实际需求为课程开设依据。课程内容选择以“新”为标准,紧扣手机界面和网站界面设计最新的发展状况,以实际案例的形式贯穿整个教学,并结合高职类院校学生的学习规律,由浅入深。本课程首先从理论基础入手,介绍手机界面和网页界面设计相关知识,再通过对具体设计实例的解析,介绍了界面设计各个要素设计的方法,阐明界面设计的常识、规范、流程与方法。 本课程在第三学开设。总学时数为96 课时。 二、课程目标 通过本课程学习,学生能认识到界面设计作为现代传媒的重要途径,其合理性与美观性直接影响用户的评价,从而促使学生提高界面的设计技能,通过人性化设计的方法来进行手机、网站用户界面设计,并掌握相关的设计软件的操作,独立完成图标、手机、网页等界面的设计和表现工作,以适应社会对本职业能力的要求。 1. 知识目标: ①了解界面设计的含义、特性; ②理解界面设计的出发点。它包括:视觉、信息传达的基本原则和基本元素; ③理解感知与情趣,感情与文化,传统与现代,世界性与民族性在界面设计中的作用; ④深入理解平面构成要素和基本的构成原则; ⑤理解色彩的构成原理和基本构成原则; ⑥深入理解文字的编排与设计在界面设计中的作用; ⑦深入理解字体的选择在在界面设计中的作用;

⑧深入理解版式设计在界面设计中的重要性; 2.能力目标: ①掌握平面设计的设计方法和要素,并利用平面设计的原则和基本要素设计界面; ②掌握色彩的构成原则,应用色彩的构成原则设计界面; ③掌握图标、页面和动画效果的设计方法; ④掌握手机界面设计的方法和技巧; ⑤熟练掌握网页界面文字编排的设计方法和技巧; ⑥掌握版式设计的原则和构成手法,进行版式设计和优化; ⑦能按照网页开发的设计流程来进行网页界面设计工作; 3.素质目标: ①培养学生实践动手操作能力; ②树立科学的设计创新意识; ③形成“以人为本”的设计观念; ④锻炼设计表达与语言表达能力。 4.职业技能证书考核要求 三、课程与其他相关课程之间的关系 本课程是多媒体设计与制作专业一门专业必修课程,是学生工作过程化课程体系中的的一门重要课程。 与该课程联系较为紧密的平行课程有: 前导课程:平面构成、色彩构成、图形设计、字体设计、coreldraw、photoshop 后续课程:flash动画、网页设计 四、本课程的主要特色 ⑴构建了基于职业岗位能力和工作过程导向的工学交替教学模式推行“以职业岗位能力为目标以企业实际项目为载体以工作过程为导向以项目团队为组织形成”的工学交替教学模式。同时通过将企业项目引入课程中最大化的缩短了与企业需求的差距增加了学生的就业竞争力。 ⑵“教学做合一、引导重于训导”的教学模式本课程开发和建设了基于工作过

围棋对弈界面课程设计

课程设计(论文)任务书 理学院光信息专业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分;

APP界面设计规范二

一、Android设计常识 开始介绍之前先帮大家梳理一下Android常用单位,方便各位亲们更好的掌握并了解Android端设计规范。 Android常用单位 per inch):数字影像的解析度,也就是每英寸所拥有的像素数,即像素密度;PPI计算公式:ppi=√(长度像素数2 + 宽度像素数2)/屏幕对角线英寸数 per inch):是指印刷上的计量单位,也就是每英寸上能印刷的网点数,我们设计用于显示器的默认为(72像素/英寸)就好了; 屏幕尺寸(Screen Size):一般我们所说的手机屏幕尺寸,比如3英寸、英寸等,都是指对角线的长度,而不是手机的面积; 分辨率(Resolution):是指手机屏幕垂直和水平方向上的像素个数,比如分辨率为:720*1280,是指设备水平方向有720个像素点,垂直方向有1280个像素点 pixels):像素,不同设备显示效果相同 ( point):一个标准的长度单位,ios的逻辑单位,1Pt=1/72英寸,用于印刷业,非常简单易用;标注字体大小(72是早期台式机的DPI) (Scaled-independentpixels):放大像素,安卓的字体单位; (Density-independentpixels):是指设备的独立像素,不同的设备有不同的显示效果,它与设备硬件有关系; sp和dp基本一样,是android开发里特有的单位,都是为了保证文字在不同密度的显示屏上显示相同的效果;dp与设备硬件有关,与屏幕密度无关,sp与屏幕密度和设备硬件均无关; 换算关系 android开发中,文字大小的单位是sp,非文字的尺寸单位用dp,但是我们在设计稿用的单位是px。这些单位如何换算,是设计师、开发者需要了解的关键。* dp:以160PPI屏幕为标准,则1dp=1px。 dp和px的换算公式:dp*ppi/160 = px。 对于320ppi的屏幕,1dp x 320ppi/160= 2px。 * sp:它是安卓的字体单位,以160PPI屏幕为标准,当字体大小为100%时, 1sp=1px。 sp 与px 的换算公式:sp*ppi/160= px。

1.(游戏界面(UI)设计)课程标准

重庆工程学院 《游戏界面与UI设计》课程标准 课程代码: 32 ^ 适用专业:数字媒体艺术 课程学时: 32学时 课程学分: 2分 编制人: 审核人: 审批人: 日期: …

一、课程定位 《游戏界面与UI设计》是数字媒体艺术专业重要的基础课程,是一门集技术与艺术一体化的游戏基础学科,课程的设置面向职业岗位要求,职业岗位针对性较强,涉及的专业技能具有很强的专业性,其主要任务是培养学生的游戏设计的制作能力,使学生了解当今游戏设计制作的基本知识。 二、课程目标 1.总体目标: 《游戏界面与UI设计》是一门专业课很强的课程,它不仅要对学生的绘画技法有很强的针对性,还要对学生的平常生活中观察能力的培养。通过案例式教学,实现学生职业技能与工作岗位群的对接,促进本专业学生全面职业素质的养成。通过教学模式的创新、教学内容的选取,教学方法的改革培养学生在策划审美上有很强的审美能力的提高,还对自己在游戏策划创作中起到帮助的作用,为其它设计课程的学习以及将来的岗位工作打下良好的基础。 2.知识目标: 》 游戏界面与UI设计基础概念讲解、基础造型平面构成点线面的形式美原理、二维空间、三维空间、多维空间的造型表现、色彩构成基础知识与色环、色彩的表示、对比、彩度对比、明度对比、色彩调和、填色与色彩构成、色彩构成的综合应用等等知识。 3.能力目标: 让学生逐步地具有一定的游戏策划审美的能力,可以独立完成游戏策划的设计与制作,对各种游戏策划的要求都能处理。 素质目标:

游戏界面与UI设计课在整个教学的过程中,运用启发、引导和实践的方式,通过进行游戏造型设计基础知识点的逐步讲解并实例绘制教授创作,训练学生的相互配合能力,培养学生的职业道德、团队协作意识以及良好的审美意识,使学生在艺术学习和实践中陶冶情操,并培养学生具备积极思考问题、主动学习、良好的团队合作精神、获取知识能力、设计创意思维能力、结构分析、感悟能力和欣赏能力等素质,达到职业游戏动漫美工初级设计水平。 4.具体目标: 知识目标:了解游戏行业美术设计师岗位要求并掌握卡通游戏界面的设计制作规范。 能力目标:能熟练掌握游戏界面制作流程和方法技巧,以及游戏界面的设计制作能力达到行业岗位的基本要求。 : 素质目标: (1)具有热爱所学专业、爱岗敬业的精神和强烈的法律意识; (2)具有胜任设计工作的良好的业务素质和身心素质; (3)具有运用所学知识分析和解决问题的能力; (4)具有自学能力、获取信息的能力,以及一定的组织、管理能力。(5)培养学生的团结合作能力;运用所学知识分析和解决问题的能力,创新设计思维,美术欣赏造型审美的能力。 三、课程设计思路 1.课程设置依据 本专业基于知识、能力、素质要求与行业、企业专家共同研讨紧紧围绕游戏行业发展和艺术职业岗位需要高素质、高技能的游戏策划设计人才的要求设计了本门课程并对课程体系结构进行合理安排。本课程不单单采用一门教材进行教学,而是结合当代市场对游戏策划的

实验一:图形用户界面设计

实验一图形用户界面设计 一实验目的和要求 1)熟悉图形用户界面的设计原则 遵循用户友好原则、一致性原则、帮助和提示等原则设计用户界面。 2)利用一种设计工具完成图形化的用户界面设计 二实验内容与步骤 (一)实验内容 利用常用的设计工具(UI界面设计工具GUI Design Studio)完成一个通用图形用户界面设计,要遵循界面设计的一般原则(一致性、快捷方式、提供错误处理),注意颜色的使用,学会图标、按钮、屏幕布局、菜单和对话框的设计。 软件的界面如同人的脸一样,软件界面的好坏决定了用户对软件的第一印象。设计好的界面能够引导用户自己完成相应的操作,起到引导作用。设计合理的界面能给用户带来轻松愉悦的感受。一些专家指出:对于用户,人机界面就是系统本身。这充分说明了软件界面设计的重要性。请完成各自的系统用户界面的设计。 (二)实验步骤 1.设计多个对话框,完成填表输入界面的设计,合理使用图标、按钮、颜色; 2.设计不同形式的菜单,完成对不同对话框的调用; 3.提供简单的错误处理、联机帮助。 GUI Design Studio主界面

三界面示例1、登录界面 2、主界面

3、聊天界面 4、QQ空间界面

四实验总结 1.界面要具有一致性、常用操作要有快捷方式、提供简单的错误处理、对操作人员的重要操作要有信息反馈、操作可逆、设计良好的联机帮助、合理划分并高效地使用显示屏、保证信息显示方式与数据输入方式的协调一致。 2.颜色是一种有效的强化手段,同时具有美学价值。使用颜色时应注意如下几点:限制同时显示的颜色数;画面中活动对象的颜色应鲜明,而非活动对象应暗淡;尽量避免不相容的颜色放在一起,如黄与蓝,红与绿等,除非作对比时用;若用颜色表示某种信息或对象属性,要使用户理解这种表示,并尽量采用通用的表示规则。 3.图标是可视地表示实体信息的简洁、抽象的符号。图标设计是方寸艺术,需要在很小的范围内表现出图标的内涵。设计图标时应该着重考虑视觉冲击力,要使用简单的颜色,利用眼镜对色彩和网点的空间混合效果,做出精彩图标。 1)设计按钮应该具有交互性,应该有3到6种状态效果(点击时的状态、鼠标放在上面但未点击的状态、点击前鼠标未放在上面时的状态、点击后鼠标未放在上面时的状态、不能点击时的状态、独立自动变化的状态),按钮应具备简洁的图示效果,应能够让使用者产生功能上的关联反应。属于一个群组的按钮应该风格统一,功能差异大的按钮应该有所区别。 2)设计屏幕布局(Layout)时应该使各功能区重点突出,应遵循如下几条原则:平衡原则、预期原则、经济原则、顺序原则、规则化。 3)菜单在图形界面的应用程序中使用得非常普遍,是软件界面设计的一个重要组成方面,描述了一个软件的大致功能和风格。菜单中的选项在功能上与按钮相当,一般具有下列一种或几种类型的选项:命令项、菜单项和窗口项。菜单的结构一般有单一菜单、线状序列菜单、树状结构菜单、网状结构菜单等,其中树状结构菜单是最常见的结构。 设计菜单界面时应注意一般性原则:功能组织菜单,合理分类,并力求简短,前后一致;合理组织菜单界面的结构与层次;按一定的规则对菜单项进行排序;菜单选项的标题要力求文字简短、含义明确,并且最好以关键词开始;常用选项要设置快捷键;充分利用菜单选项的使能与禁止、可见与隐藏属性;使用弹出式菜单。 4)在处理大量相关数据的场合下,需要输入一系列的数据,这时填表输入界面是最理想的数据输入界面。在设计填表输入界面时应遵循的原则:一致性;有含义的表格标题;使用易于理解的指导性说明文字;栏目按逻辑分组排序;表格的组织结构和用户任务相一致;光标移动方便;出错提示;提供帮助;表格显示应美观、清楚,避免过分拥挤。

1.(游戏界面(UI)设计)课程标准

1.(游戏界面(UI)设计)课程标准

重庆工程学院 《游戏界面与UI设计》课程标准 课程代码: 2014030032 适用专业:数字媒体艺术 课程学时: 32学时 课程学分: 2分 编制人: 审核人: 审批人: 日期:

一、课程定位 《游戏界面与UI设计》是数字媒体艺术专业重要的基础课程,是一门集技术与艺术一体化的游戏基础学科,课程的设置面向职业岗位要求,职业岗位针对性较强,涉及的专业技能具有很强的专业性,其主要任务是培养学生的游戏设计的制作能力,使学生了解当今游戏设计制作的基本知识。 二、课程目标 1.总体目标: 《游戏界面与UI设计》是一门专业课很强的课程,它不仅要对学生的绘画技法有很强的针对性,还要对学生的平常生活中观察能力的培养。通过案例式教学,实现学生职业技能与工作岗位群的对接,促进本专业学生全面职业素质的养成。通过教学模式的创新、教学内容的选取,教学方法的改革培养学生在策划审美上有很强的审美能力的提高,还对自己在游戏策划创作中起到帮助的作用,为其它设计课程的学习以及将来的岗位工作打下良好的基础。 2.知识目标: 游戏界面与UI设计基础概念讲解、基础造型平面构成点线面的形式美原理、二维空间、三维空间、多维空间的造型表现、色彩构成基础知识与色环、色彩的表示、对比、彩度对比、明度对比、色彩调和、填色与色彩构成、色彩构成的综合应用等等知识。 3.能力目标: 让学生逐步地具有一定的游戏策划审美的能力,可以独立完成游戏策划的设计与制作,对各种游戏策划的要求都能处理。 素质目标: 游戏界面与UI设计课在整个教学的过程中,运用启发、引导和实践的方式,通过进行游戏造型设计基础知识点的逐步讲解并实例绘制

实验二 Visio用户界面设计

实验二(3)用Microsoft Visio工具设计用户界面 一、实验目的 1.掌握Microsoft Visio的使用方法使用方法,熟悉其中的各种图表 2.学会利用Microsoft Visio来建立所需要的用户界面 二、实验内容 1. 设计用户界面 以教师管理系统为例,使用Microsoft Visio来创建教师信息录入窗口: (1)选择图表类型 从开始菜单中选择程序——Microsoft Visio ,在文件菜单中选择新建,选择软件,选择Windows用户界面。如图2-1所示。 图2-1 Visio文件菜单 (2)Windows 用户界面中控件的识别和基本操作 1.控件识别,如图2-2所示为Visio绘制用户界面常用控件。

图2-2 常用控件 2.调整显示比例,如图2-3所示。 图2-3 把屏幕的显示比例从42调整到150 3.控件选取,在左边的控件列表中选取所需控件,把它拖至页面中。如图2-4、选择分组框、顶层菜单项、以及网格列。 图 2-4 选取控件 4.网格行列值的选取,如图2-5所示。 图2-5 设置网格

5.字体大小的设定,如图2-6所示。 图2-6 设置字体 (3)创建教师信息录入窗口 1.按上述实验步骤,选择所需要的用户界面,在这里,我们选择Windows用户界面。 2.调整页面大小,从42调整到150。 3.选择所需要的控件,把控件拖入页面中,并标明这个控件,如图3-7所示: 图2-7 教师信息录入窗口 教师信息主要包括教师姓名,职称编号,年龄,性别,家庭地址,联系方式等信息,我们把他们一一列入其中。同时我们使用一张表格来具体显示存储并显示这些信息。

相关文档