2023-07-05
2023-07-05
2023-06-18
2023-06-29
2023-03-19
更新时间:2024-02-24 09:22:55 发布时间:24小时内 作者:文/会员上传 下载docx
2023-07-05
2023-07-05
2023-06-18
2023-06-29
2023-03-19
一、教材分析
活动一:“欣赏与了解”通过欣赏优秀的报刊杂志等版式设计作品,认识版式设计中图片、文字、色彩等视觉元素,了解标题、栏目、文章、图片等各构成要素在版式设计中的编排处理方法。
活动二:“体验与实践”运用所学的版式设计知识,分组自拟主题尝试用拼贴、手绘等方式,设计制作一份感恩主题的校园剪报,和自我宣传手册。
教学目标
情感态度与价值观:通过报刊设计制作的学习,培养其热爱校园文化生活的情感和同学之间良好合作的精神。
知识与技能:通过学习了解报刊的知识,使学生掌握报刊的设计及制作的方法。
过程与方法:从设计报刊的过程中,发展学生的形象思维,使学生充分体会美术与自己的学习、生活息息相关。
教学重点:掌握报刊设计的基本知识、技巧、方法。
教学难点:报刊版面设计创意。
二、学情分析:
本课授课对象为七年级学生。基于学生兴趣、能力和需要考虑,本课教学从面向全体学生出发,尽可能地使课堂具有开放性、互动性、主体性。本课主题是围绕报刊设计基本知识的学习,通过让学生看、听、想、赛、练等教学活动,引发学生对春天的认识和了解报刊设计基本知识,激发学生创新设计的欲望。
三、教法学法
针对初中学生的心理特点和认知规律,为了在课堂上激发学生的学习兴趣,使学生自觉求知,在教学中我采用谈话法、比较分析法、问答法等教学方法进行教学,以便学生在生动活泼的情境中,通过范例的欣赏,感受理解空间,进而有创造性地表现空间。
在学法上,由教师引导通过学生欣赏、比较、感受、思考、讨论、动手实践等方法相结合,引导学生积极参与学习活动,体会创作的快乐,发展学生的想象力,提高学生的创造能力和形象思维能力
四、教学过程
组织教学稳定学生情绪,集中注意力。
1、在教师的引导下复习前两课所学的知识,教师提供美术字、报头图案资料和有关图形图像资料。导入新课的内容《精美的报刊》。讲授新课
2、教师通过大屏幕多媒体课件讲解报刊的定义、要素、设计方法、制作方法等,启发学生设计思路。在讲解的同时向同学们提出问题:如我们教室里的报刊都有哪些要素?我们的报刊都采用了哪些制作方法等。以此来活跃课堂气氛,使得学生能够更加积极地参与到课堂的教学中来。
提出作业要求:以小组为单位,设计一幅报刊作品。
3.实践阶段
将学生分成小组,由组长分工,设计一幅报刊作品(教师巡回指导)。活动程序:
(1)由组长进行分工(如:报刊版面总设计、各栏目负责人)。
(2)首先研究讨论确定主题。
(3)由版面总设计将各栏目负责人完成的报刊要素加以选择、整理(设计栏目标题、安排文章、插图、尾花等要素的位置和大小),组合成完整的壁报,全小组同学对报刊的设计初稿提出修改意见。
(4)全班集中展示报刊设计图。由各组推举代表讲解本组报刊的设计内容及特点,经全班讨论认可,进行整体调整完善,完成定稿。
摘要:本文讲述了什么是软件界面设计,软件界面设计的原则、现况以及发展方向。
关键词:软件界面设计;界面;软件
中图分类号:文献标识码:A文章编号:1007-9599 (20_) 06-0000-01
Software Interface Design
Duan Tao
(Information Section,Affiliate Hospital of North Sichuan Medical College Hospital,Nanchong637000,China)
Abstract:This paper introduced what is software interface design,software interface design principle,the current status and development direction.
Keywords:Software interface design;Interface;Software
软件界面设计分为结构设计、交互设计、视觉设计三个部分。
一、结构设计(Structure Design)
结构设计也称概念设计(Conceptual Design),是软件界面设计的骨架。通过对用户研究和任务分析,制定出软件产品的整体架构。基于纸质的的低保真原型(Paper Prototype),可提供用户测试并进行完善。在结构设计中,目录体系的逻辑分类和语词定义是用户易于理解和操作的重要前提。
二、交互设计(Interactive Design)
交互设计的目的是使软件产品让用户能简单使用。任何软件产品功能的实现都是通过人和机器的交互来完成的。因此人的因素应作为设计的核心被体现出来。交互设计的原则如下:
1.有清楚的错误提示。误操作后,系统提供有针对性的提示。
2.让用户控制界面。如“下一步”、“完成”等,面对不同层次提供多种选择,给不同层次的用户提供多种可能性。
3.允许兼用鼠标和键盘。同一种功能,同时可以用鼠标和键盘。提供多种可能性。
4.允许工作中断。例如QQ等聊天软件的断点续传功能。
5.使用用户的语言,而非技术的语言。
6.提供快速反馈。给用户心理上的暗示,避免用户焦急。
7.方便退出。如IE浏览器的退出,是按一个键完全退出,还是一层一层的退出。提供两种可能性。
8.导航功能。随时转移功能,很容易从一个功能跳到另外一个功能。
9.让用户知道自己当前的位置,使其做出下一步行动的决定。
三、视觉设计(Visual Design)
在结构设计的基础上,参照目标群体的心理模型和任务达成进行视觉设计。包括色彩、字体、页面等。视觉设计要达到用户愉悦使用的目的。视觉设计的原则如下:
1.界面清晰明了。允许用户定制界面。
2.减少短期记忆的负担。让计算机帮助记忆,例:UserName、Password、IE进入界面地址可以让机器记住。
3.依赖认知而非记忆。如打印图标的记忆、下拉菜单列表中的选择。
4.提供视觉线索、图形符号的视觉刺激、GUI(图形界面设计)。
5.提供默认(default)、撤销(undo)、恢复(redo)的功能。
6.提供界面的快捷方式。
7.尽量使用真实世界的比喻。如:电话、打印机的图标设计,尊重用户以往的使用经验。
8.完善视觉的清晰度,条理清晰;图片、文字的布局和隐喻不要让用户去猜。
9.界面的协调一致。
10.同样功能用同样的图形。
11.色彩与内容。整体软件不超过5个色系,尽量少用红色、绿色。近似的颜色表示近似的意思。
软件界面设计作为软件设计的基础,在漫长的软件发展中,界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样,是产品的重要卖点。一个友好美观的界面会给人带来舒适的视觉享受,拉近人与电脑的距离,为商家创造卖点。软件界面设计不是单纯的美术绘画,他需要定位使用者、使用环境、使用方式并且为最终用户而设计,是纯粹的科学性的艺术设计。检验一个软件界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果,而是最终用户的感受。所以界面设计要和用户研究紧密结合,是一个不断为最终用户设计满意视觉效果的过程。
现在的软件用户对软件操作界面美观程度和使用方便性的要求越来越高,这也对很多软件公司对界面的设计制作提出了更高的要求,原来那些比较简陋的操作界面已经没有办法满足用户的视觉和交互需求,近年来在在国外,用户界面设计被重视起来,从事这项工作的人员有了一个新的称谓:Information Architecture,信息建筑师。它不仅仅是指“美工”,而是具有心理学、软件工程学、设计学等综合知识的人。
参考文献:
[1]米兰达•麦克柯林迪克.现代主义和抽象艺术[M].桂林:广西师范大学出版社,20_
[2]钱俊,何炎祥.数字多媒体艺术[M].武汉:武汉大学出版社,20_
摘 要:界面设计这个词在当下已经并不陌生,它是信息时代到来的产物,人们都认为它就属于电子产品或虚拟产品,而事实上,界面设计一直存在于我们的生活中的每一个角落,除了大家所熟悉的电子产品和虚拟App产品界面设计之外,其实在产品设计①中,比如家具设计、电器产品设计等也都存在界面设计,本文正是从传统产品设计的角度出发,来论述在这样一个领域界面设计的定义及设计原则。
关键词:产品设计;传统界面设计;设计原则
1 产品设计中界面设计的概念和方法
事实上在我们所熟悉的传统的、实体的产品设计中也包含了界面设计。正如前面所提到的,电子产品领域里的界面设计是连接人与机器的中介,而针对本文所提到的传统的、实体产品设计领域的界面设计则是连接人与物(产品)的中介。在《辞海》里中介的定义是:“表征不同事物的间接联系或联系的间接性的哲学的概念。”简单地说,中介其实就连接两者之间的中间物,是它们之间的联系者。针对任何产品设计,其所呈现在用户眼前的任何一个角度或是操作平面,我们都可以把它定义为一个界面设计:一扇门、一个电器的操作面板(非电子屏幕)、一个桌面或者一个插线板的插孔面等等,这些都可以称之为界面,而作为产品设计师对这些界面进行设计的时候,都需要对界面上的元素的取舍、形状、大小、色彩以及位置的合理分布做非常仔细的设计,只有做到这样,才能称之为一个合格的产品设计。
以家具设计这一产品设计领域为例,其实每一个家具产品的设计它也是有界面设计存在其中的,比如一个衣柜柜门的设计,我们可以把衣柜柜门这个矩形设定为一个界面,在这个界面上会因为其功能的需求有其必要的界面设计元素――衣柜的门把手,而这个门把手就像是现在大家所熟悉的电子产品界面设计中的图形符号元素一样,它的大小、形状、色彩以及它应该放置在柜门这个界面上的哪个位置都是需要非常严谨的去设计的,所以,其实界面设计并不是只存在于电子信息产品里,它同样存在于我们的工业产品中。所以本文中所论述的界面设计,是以传统的、实体产品设计领域为背景下的任何产品,它包含产品形态外观上相关元素的大小、形状、色彩以及界面上各元素之间的合理分布和排列的设计,其目的是为了让这一产品的使用更高效、易用、美观。
产品设计中的界面设计的方法,一方面可以参考软件设计中界面设计方法去进行相关的设计工作,比如基本版面的色调把控、色彩搭配或者是界面布局等;另一方面,作为一个实体的产品设计,它有与虚拟的软件设计有所区分,所以在设计的时候也要结合实体产品的特点去进行设计。比如:为一款豆浆机进行主要按键区域的界面设计,因为按键数量较多,所以,为了便于用户操作,就需要首先对按键的功能做一个大的功能区域划分。一般的豆浆机操作按钮主要分为两个大功能区域:一个是主要操作功能按钮“选择”和“启动/取消”;另一个是“选择”按钮下的第二级操作按钮。这个界面设计,看似主要元素不多,只是几个功能按钮,但是,如果不做仔细的功能分类,用户将无从下手;而且不同功能分类的按钮在形状和颜色的设计也有所区分,而这些都不光光是为了界面美的需求,更重要的是便于用户上手使用,在多个功能按键里,快速地找到自己想要的操作按钮或读取到需要的信息。
2 产品设计中界面设计的原则
确定了产品设计领域中界面设计的定义,那么在设计的过程中就需要遵循相关的设计原则,在产品设计领域中界面设计应该遵循的原则简单归纳如下四点:
易识别性原则
易识别性是指在任何的产品界面上的所有元素无论其排列布局还是外观形态以及功能的预设用途等都能让用户觉得一目了然,清晰明了,而不会让用户觉得困惑、无从下手。比如:现在的洗衣机操作面板的设计在满足易识别性这一原则的部分做的就非常不好。很多的洗衣机设计厂商在以给用户带来“多功能、多选择”产品的同时,却是以牺牲产品的易识别性原则为代价的!很多的洗衣机操作面板这一界面设计上几乎都密密麻麻地布满各种按键,这些按键在大小和形态上也都没有做明显的区分,只是在部分按键的下方加注一些文字提示,但是这并不能很好地提高易识别性。如何提高产品界面设计的易识别性可以从以下几个方面入手:
第一,符合产品预设用途的外观设计。“预设用途是指物品被人们认为具有的性能及其实际上的性能,主要是指那些决定物品可以用来作何用途的基本性能。”[1]比如横向细长的门把手,我们会选择按压的方式来使用,而圆形球状门的把手,我们则会选择左右旋拧的方式来使用。所以,事实上在用户长久的日常生活积累中,对于产品界面中的一些功能元素的操作方式已经形成了一个固有的认知模式,作为设计师在设计这些界面元素的时候要尽可能的符合用户对这一产品或产品界面上的元素所对应功能或操作方式的预设使用心理,只有做到这一点,才能有效地提高产品的易识别性。
第二,为产品的功能做减法。为产品的功能做减法,其实就是丢掉产品界面上多余的、不必要的或者是可有可无的“界面元素”,尽可能的呈现一个简洁的产品界面设计。
现代的产品设计,大家都喜欢提倡“多功能”或者“一物多用”,觉得似乎只有做到了这一点,才是真正有创意的产品,所以就出现了本文前面所提到的洗衣机操作面板的例子。现在的洗衣机为了增加其买点或设计的创新点,经常为其增加多个功能选择,比如增加烘干的功能,比如在洗衣选项里添加棉麻、化纤、羊毛、丝绸、童装、混合洗、经济洗等多种选择,这一设计从表面上看是从用户的角度出发,为用户提供了多种选择,但是实际上却是在为用户增加选择负担!不同的功能就需要不同的按钮来进行操作和显示,功能越多就意味着按钮越多,而界面(面板)的大小是有限的,所以导致的直接结果就是让用户看到产品界面后就手足无措,无从下手!所以,产品并不是功能越多越好,一定要分析清楚,用户到底需要的是什么,要尽可能地为用户提前做好产品的功能筛选,化繁就简,让自己的产品界面清晰明了,便于用户识别!
易用性原则
关于易用性,国际标准化组织(ISO)对其定义为“……在特定环境中,特定的使用者实现特定的目标所依赖的产品的效力、效率和满意度。”简单地说,所谓“易用性”就是用来描述一个产品是否好用的意思。一般会将好用的产品定义为易用性较高的产品,同时也被认定为是友好的产品。总的来说,易用性就是描述产品和人之间的一种和谐关系度的描述。
易用性原则主要是从符合用户的人体工学和使用认知习惯的角度出发来设计产品的界面。下面还是以大家日常生活中都经常使用的“门”这一物品作为案例来分析。门把手这一界面元素是门这一产品的界面设计中必不可少的一部分,那么它的设计如果要达到易用性的话,一方面要符合人手的基本尺寸,无论是大小(或是粗细),还是门把手位于门面上的高度,这些都需要经过严谨的数据调查和分析,结合人的基本尺寸来进行相关的设计,这部分就是从用户的人体工学角度出发去为产品的易用性服务;另一方面,门把手这一重要的设计元素所放置的位置以及它的形态所对应的操作方式等,就是从用户的使用认知习惯出发所做的易用性设计。这里所说的使用习惯或是认知习惯是指人们在日常生活中所积累的对于物的基本认知。比如:大部分用户都是以右手作为惯用手去操作产品,所以门把手的位置一般会放置在界面(门面)的左侧,便于右手的操作,这就是所谓的用户使用习惯;当门把手是圆球形的形状时候,用户会自然认为,开启的操作方式是抓取门把手后顺时针旋拧,如果设计师不按照这一固有的思维模式去设计,而将其设计为逆时针旋拧才可以打开,则不符合用户的固有认知模式,这种情况下,容易让用户困惑,进而无法正确操作,也就无法实现所谓的易用性原则。
一致性原则
一致性原则主要是指在产品的界面设计中,所有的界面元素应尽可能地采用统一的形态语言,统一的设计风格和统一的设计目标来完成设计工作。一个产品界面就如同一个程序界面,它需要在这个界面设计中确定统一的设计风格,比如:稳重的、活泼的、女性化的等等,在这个大的设计风格之下,再去选择统一的界面色调、造型元素等等。另外,针对传统的工业产品都有一个非常明确的产品功能,如空调的制冷、制热功能;洗衣机能把衣服洗干净并甩干的功能;手机可以通话、发短信的功能等,所以在此基础上,产品界面设计也需要为了满足共同的功能目标而进行统一的、一致性的设计。如下图1所示,是我们日常都非常熟悉的微波炉,如图所示的这个产品展示角度的界面是产品的主要界面,产品的核心功能基本上都集中在这个界面上,包括了微波炉柜门以及微波炉的主要操作界面这两个大的部分,根据我们的一致性原则,无论是柜门、门把手还是操作面板的设计风格、形态语言还是功能的展示以及操作使用,都需要进行统一,保持一致性。这里的一致性体现在门面和门把手采用同样的色彩即花纹装饰;门面、门把手和操作面板采用同样的材料和色调、操作面板的按钮设计风格和设计语言也保持统一等等,这些都能体现出其一致性的设计原则。
审美性原则
人们对美好事物的追求永恒不变的,所以产品设计中的界面设计也必须要符合审美性的原则。在一个产品的界面设计中,应该选择什么样的色调、形态语言以及界面元素应该以一种什么样的排列分布方式去呈现等,都需要设计师从审美性的原则上去仔细斟酌,以便能更好地体现这个产品的基本属性和设计特点以及设计品位。在满足工业产品的界面设计审美性原则这一点上,设计师可以从形式美法则入手,以此作为设计准则去处理产品界面设计审美性原则的满足。
综上所述,产品设计中的界面设计其实并不是一个陌生的设计内容,只是在传统思维模式里,大家没有将其和界面设计进行联系,但事实是,作为一名产品设计师所做的任何一个产品的设计都包含界面设计的工作内容,如果能正视这一点,并在每一项的设计工作中都有意识地将界面设计的相关概念、方法和设计原则运用其中,一定会大大提高产品的实用性和易用性,不仅仅能给用户带来更好的视觉美的体验,更重要的是给用户带来良好的使用体验。
注释:①全文所说的产品设计指的是传统的,以实体的产品设计为中心的设计领域。
参考文献:
[1] 唐纳德・诺曼(美).设计心理学[M] .北京:中信出版社,第10页.
我说课的内容是《手抄报版面设计》,下面我着重从教材分析、教法学法、教程程序、板书设计四个方面来谈谈我对本课的教学设计。
本课属于“设计·应用”领域。选择学生熟悉的板报为切入点,把板报的设计、制作、欣赏、评说等知识元素和能力培养综合起来,激发学生探究设计艺术的兴趣,培养学生的审美情趣、创新精神和设计能力,以此形成艺术设计方面的美术素养。
板报是一种常见的群众性宣传工具。形象直观地介绍了节庆、活动时以图为主的板报形式。让学生了解一般手抄报的内容、结构、比例、编排方式、色彩搭配等,感受平面设计的形式和规律。本课绍了三种不同的版面编排方法,提供学生作业参考,引导学生创作思路的多样化。
课时:一课时
课业类型:创作设计课
教学目的:
1、知识与技能:了解并掌握两种版面布局格式;
2、过程与方法:掌握版面设计的基本步骤;
3、情感态度与价值观:理解版面设计的两个设计重点。
教学重点:掌握版面设计的基本步骤,理解版面设计两个重点。
教学难点:了解并掌握两种布局格式。
尊敬的各位评委老师:
大家好,非常荣幸能参加本次信息技术优质课评比。我说课的内容是初中信息技术第一册(下)第一章第三节:《版式美化》。我的说课分为五个部分:教材分析、教学方法、学法指导、教学过程和设计理念。
第一部分、教材分析
1、教材分析
2、制定了以下教学目标:
①知识与技能
引领学生掌握页面设置的方法,能够设置适当的纸张类型,并能调整页边距;插入页码,设计美观的页眉和页脚。
②过程与方法
创设情景,通过文章的对比,找出不同,提出本节课所要解决的问题,然后引导学生探索如何设置页面、页码、页眉和页脚等,通过动手实践体验版式美化的过程。
③情感态度和价值观
体验美化版式的现实意义和价值,培养对文字作品审美素养。
3、教学难点和疑点
本课的难点是:页眉、页脚的设置、概念及作用。
疑点之一:页脚页眉中都可以插入页码。疑点之二:页号是自动编制的,原页号的数字不能修改,否则后面的页号不能自动排列。疑点之三:首页的页码是可以取消的。
第二部分、教学方法
适当采用“分层”教学法,穿插“情景创设法”和“任务驱动法”。目的是简化知识,强化操作,提高学生的学习兴趣和热情。
第三部分、学法指导
把枯燥的技术学习融入“美化‘学案’版式”任务情景中,指导学生采用自主探究、小组合作、师友互助学习法,完成任务。
第四部分、教学过程
小学时学生已经接触了WORD文字处理软件,这节课的知识对于学生来说比较容上手。根据初一学生的知识体系和认知规律,主要通过以下四个教学环节来进行教学:
第一环节、情景导入
上课开始,用打印机打印两份进行了不同修饰的学案,纸张大小不一,边距不同的、有页号和没页号的,让学生仔细观察,说出异同,更喜欢哪一篇?为什么?
【设计意图:】同样内容的学案,但整体效果看上去大相径庭,通过对比,让学生体验纸张类型、页号等的修饰作用,明白一篇好的文章,不仅内容要好,还要设置合适的版式。
教师板书:课题:版式美化。学习内容:页面设置、页码、页眉及页脚。
第二环节自主探究,获取新知
第一个基本小任务:
动手试一试,自行设计“学案”,怎样设置纸张会更节约、更美观?(参考课本19页:页面设置)
学生动手实践,教师查看学生掌握情况。提示:机房只有A4纸。
不少同学迅速打开页面设置对话框,把纸张类型由16开,改为了A4,发现纸张减少了一页。但细心的同学不难发现,学案最后一行文字,独自占用了一页,这样打印的话,太浪费纸。于是把页边距进行了微调,正好3页就打印出来。
【设计意图:】本环节注重培养学生的动手能力、自学能力和观察能力。强调打印之前,要确定好允许使用的的纸张类型,页边距要做到“上留天下留地”,注重培养学生的节约意识。
知识点二、设置页码
接着抛出第二个问题:老师准备将大家的“优秀学案”打印出来并装订,但页数较多容易混淆顺序,怎样解决?
学生不难答出:加页码。
布置基本任务二:
1、为《学案》插入“页码”。
2、位置:页面底端(页脚);
3、对齐方式:居中。
接着引导学生观察页号的变化,封面有没有必要加上页号?
如果想把学案第一页作为封面,不放页码,怎样解决这一难题?
视情况提示学生注意“页码对话框”中的“首页不显示页码”选项。
【设计意图:】此环节仅掌握插入页号,并且能够对首页取消页号即可。
顺势引导学生,注意观察刚才设置页号的位置时:为页面底端(页脚)。教师讲清楚其实页号是页脚的一部分。
引领学生观察课本上每一页的上面和下面都有漂亮的修饰,这些漂亮的修饰被称为页眉和页脚。点明页眉和页脚在页面中出现的位置不同,但作用一样,是文章的一种标注性的装饰。页眉内容一般设置成本页内容分类,页脚往往设置成页号等信息。
将本文的Word文档下载到电脑
推荐度: