ui设计课程总结范文
    【关键词】工学结合;课程开发;UI课程
    一、引言
    工学结合课程的内涵是以工作过程系统化课程为基本,突出以同学为主体,工作(学习)过程符合人的职业成长规律,源自于职业岗位,内容、要求和环境具有真实性、全面性和学习性,结构完整遵循系统化原则。其基本特征是:工作中学习,工学一体化,实现学习者综合职业力量的培育。本文以《UI设计与实操》课程实践模式,探讨基于工学结合的校内课程实施方式方法。
    二、开展UI课程的前期预备
    工学结合课程具备以下两个特征:(1)工学结合课程的载体是综合性的“典型工作任务”;(2)工学结合课程的实施,要让同学亲自经受结构完整的工作过程。目前广州市中职学校计算机专业普遍开设了图像制作、网页设计的课程,大部分以单个案例教学法教学法为主,学习任务随便性较大,有时为了一些简洁的学问点,设计出一个项目。同学缺失了在一个职
业活动情境中,参加具有结构完整的工作过程,包括方案、实施以及工作成果检查评价等步骤。笔者在参与发改委推行的双师型培训过程中,得到去企业实习和沟通的机会,参加了2023年亚运会O/S内部系统界面设计,与及南沙区黄阁镇政府OA办公系统UI设计的工作,意识到以往网页设计、图像制作课程单个学问点的案例教学法,不利于同学全面了解企业的工作模式,缺乏和用户的有效沟通,造成参与工作后学校的学问点与工作岗位要求脱节,于是笔者编写了《UI设计与实操》的校内教程,并向学校申请增设该课程,从用户需求分析开头,到书写UI(用户界面)规范,建立用户界面执行准则、设计准则,最终详细实现应用实例,使同学在课堂中亲自经受结构完整的工作过程。
    三、基于工学结合的课程标准
    课程标准需要依据专业培育目标,期望同学达到的学问、力量的基本要求而制定,是编写教材、进行教学任务、评价的依据。笔者依据当前企业的岗位状况,将理论学问、素养培训、实际操作技能进行整合。
    与UI课程相关的工作岗位有UI设计师、网页制作WEB前端开发、手机应用程序美工、嬉戏界面设计、淘宝美工等等,本课程面对的是中等职业学校二班级同学,他们已经在前期
学习过《图像制作》、《网页设计》的课程,同时在学习《FLASH二维动画设计》。UI设计课程主要介绍有关网站、手机等操作系统用户界面的设计,通过颜、构图等各种技巧,培育同学对图标、logo、菜单、banner的设计力量,提高同学对素材的原创力量,笔者结合自己社会专业的社会实践把教学环节设计为几个典型的工作任务:大运会住宿支配系统界面设计、汽车网站主页面设计,家居网站主页面设计等。再在里面划分为客户需求分析,UI规范文档制定,UI界面详细构造等几个子任务,使同学参加从客户需求,订单生产动身,到整个项目完成的完整工作过程,具有较强的操作性和时效性。
    四、基于工学结合的UI课程的典型工作任务
    (一)企业调研
    通过笔者在广州智联公司实习期间,了解到企业基于互联网B/S模式以及基于客户端C/S模式的UI设计流程,也许分为需求分析、项目细化、项目构建三个阶段,其中项目构建阶段分为:(1)UI设计人员与界面制作人员共同合作,制作出前端界面并规范UI 文档;(2)界面制作人员与技术人员共同合作,完成前端界面制作与及后台技术实现。对于UI课程教学而言,主要关注需求分析阶段、项目细化阶段与及构建阶段中的与界面设计人员合
作部分(部分小型公司UI设计人员兼任界面制作)。
    (二)工作任务
    下文以“深圳大运会住宿支配管理系统”的界面提练为典型工作任务,作为工学结合的教材并实施教学,工作流程如图1所示。
    图1 大运会住宿支配管理系统界面设计流程
    (三)工作任务分析
    大运会住宿支配管理系统是基于WEB B/S模式下使用的内部系统,界面设计功能区包括住宿规章管理、住宿方案支配管理、入住退房跟踪管理、访客通行管理。同时要求能与交通方案管理、基本信息管理、系统管理几个大功能模块进行访问对接。要求UI设计遵循易用性、规范性、合理性、全都性、美观性的几个原则。
    (四)教学分析
    在整个教学实施过程中,同学是学习过程的主体,老师是学习的引导者。老师在同学编
写需求分析文档、建立界面交互模型,以及编写《UI规范文档》的时候进行指导,重点对以下几方面进行把关:
    1.易用性:(1)用户猎取信息的链接深度不易过深,应供应合理的快捷入口按钮或快捷搜寻功能;(2)完成同一功能或任务的表单元素,按钮等放在集中位置,削减鼠标移动的距离。(3)复选框和选项框要有默认选项,按选择机率的凹凸而先后排列,并支持Tab选择。
    2.合理性:(1)网页标准原则上不超过两种,假如有两种,其中一种为标准,另一种为标准帮助。(2)页面导航条清楚明白、突出,层级分明。
    3.全都性:如在字体、标签风格、颜、术语、显示错误信息等方面确保全都,要求全部页面要在普屏(1024*768),宽屏1280*800,高分屏(1600x1200)等几种辨别率下运行通过。
    4.独特性:WEB应用软件界面设计应能体现出软件所属行业,用户等特征。在框架符合规范的状况下,设计具有自己独特风格的界面尤为重要。
    (五)工作过程设计
    1.启动阶段
    同学了解产品整体需求;了解用户UI需求,整理UI规范;参考产品需求以及UI规范来整理《UI需求分析文档》。
    2.细化阶段
    同学依据《UI需求分析文档》做交互模型,让用户能直观的了解界面间的规律关系,来确认设计的可行性(即界面层次的交互演示)。
    使用性测试阶段可把同学按4-5人分组设置为多角,依照交互演示来进行体验测试,如一般目标用户角、讨论角、需求角和开发人员角来评审规律关系的合理性,包括使用合理性和设计合理性,老师审定并检查界面规范方案并总结。
    3.构造阶段 html网页设计课程标准
    同学依据交互演示设计效果图,皮肤,界面布局,图标元素并与界面制作人员完善并确
立UI规范文档等。老师对同学制定的UI规范进行讲评并修正。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。