2.2多媒体作品的界面设计

课件50张PPT。2.2 多媒体作品的界面设计www.themegallery.com这些精美的界面是怎样设计出来呢？www.themegallery.com 多媒体作品
界面设计3交互设计2美术设计1布局设计www.themegallery.com2.2.1 布局设计 1、界面布局应该有整体上的一致性 2、界面布局要简明清晰 3、注意突出主题信息4、注意文字显示的效果需要遵循的原则和方法www.themegallery.com2.2.1 布局设计一致性是贯穿界面设计的主线，是设计活动遵循的主要原则。www.themegallery.com2.2.1 布局设计网页《鲜花保险技术初探》www.themegallery.com2.2.1 布局设计欣赏POWERPOINT作品《剪纸艺术》www.themegallery.com2.2.1 布局设计主与从的协调
大小的对比
明暗的对比
粗细的对比突出主题信息主题主题界面布局应有整体上的一致性
反映在布局、文字与外形界面布局要简明清晰
反映在版块清楚，布局合理注意突出主题信息
反映在小图标、按钮等排列注意文字显示效果
反映在文字排版方面www.themegallery.com我们一起评头论足，说说你对这些作品的看法。2.2.1 布局设计作品1www.themegallery.comwww.themegallery.comwww.themegallery.comwww.themegallery.comwww.themegallery.com作品2www.themegallery.comwww.themegallery.comwww.themegallery.comwww.themegallery.comwww.themegallery.com作品3www.themegallery.comwww.themegallery.comwww.themegallery.comwww.themegallery.comwww.themegallery.com将界面背景设计得暗一些，把最重要的菜单选项或图形设计得亮一些，来突出它的地位。 文字不能过于密集，要留出适当的空白区。空白的多寡对界面给人民印象的好坏有决定性的影响。温馨提示： 注意文字显示的效果2.2.1 布局设计为了视觉的舒适感，呈现在电脑屏幕上字的大小，最小并且清晰的中文字型应为16×16点阵字型的宋体 www.themegallery.com常遵循的原则有：
对比原则、协调原则、平衡原则、乐趣原则等。
运用这些原则可以加强界面的气氛、增加吸引力、突出重心、提高美感。 2.2.2 美术设计美术设计明确色彩使用的目的，选择四到五种颜色并配合以空间划分、几何形状等来增加屏幕视觉效果。
背景色应选择冷色调或亮度较低的颜色。
背景色的优先使用顺序：
蓝、黑、灰、褐、红、绿、紫背景、色彩、布局
具有审美感，能快速传递信息美术设计明确色彩使用的目的，选择四到五种颜色并配合以空间划分、几何形状等来增加屏幕视觉效果。
背景色应选择冷色调或亮度较低的颜色。
背景色的优先使用顺序：
蓝、黑、灰、褐、红、绿、紫www.themegallery.com2.2.3 交互设计……菜单按钮交互方式对话菜单主要是用文字来表示
如Windows系列软件的界面，authorware作品《卖火柴的小女孩》
交互的方式还有很多，以上三种是常用的交互方式
利用自然语言提出问题，使用者通过键盘或鼠标输入文字进行简单的回答
如科利华学习软件
按钮是图形化的菜单命令
如
www.themegallery.com2.2.3 交互设计Windows XPWindows Vistawww.themegallery.com2.2.3 交互设计www.themegallery.com2.2.3 交互设计www.themegallery.com Add your title in here Add your title in here Add your title in hereThemeGallery is a Design Digital Content & Contents mall
developed by Guild Design Inc.ThemeGallery is a Design Digital Content & Contents mall
developed by Guild Design Inc.ThemeGallery is a Design Digital Content & Contents mall
developed by Guild Design Inc.Diagramwww.themegallery.com57%Description of the contentsDescription of the
company’s products
Description of the
company’s business
Description of the
company’s technology
Description of the
company’s contentsTitle in hereDescription of the contentsDiagramwww.themegallery.comDiagramwww.themegallery.comDiagramA GroupB GroupC GroupAdd your text in here
- Your text in here
- Your text in here
- Your text in here
- Your text in here
Add your text in here
- Your text in here
- Your text in here
- Your text in here
- Your text in here
Add your text in here
- Your text in here
- Your text in here
- Your text in here
- Your text in hereThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc.D GroupAdd your text in here
- Your text in here
- Your text in here
- Your text in here
- Your text in herewww.themegallery.comDiagram70%10%5%60%25%ThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc.www.themegallery.comDiagramClick to
add TitleThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc.ThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc.ThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc.www.themegallery.comDiagramText in here 01.Title
Add your text in here
Add your text in here
Add your text in here 02.Title
Add your text in here
Add your text in here
Add your text in here 03.Title
Add your text in here
Add your text in here
Add your text in hereThemeGallery is a
Design Digital Content & Contents mall developed
by Guild Design Inc.ThemeGallery is a
Design Digital Content & Contents mall developed
by Guild Design Inc.ThemeGallery is a
Design Digital Content & Contents mall developed
by Guild Design Inc.www.themegallery.comDiagramText in hereThemeGallery is
a Design Digital Content
& Contents mall developed
by Guild Design Inc.Text in hereThemeGallery is
a Design Digital Content
& Contents mall developed
by Guild Design Inc.Text in hereThemeGallery is
a Design Digital Content
& Contents mall developed
by Guild Design Inc.Text in hereText in hereText in herewww.themegallery.comDiagram50%24%10%16%50%24%16%10%Products
Description of the company’s productsService
Description of the company’s serviceTechnology
Description of the company’s technologyMarket
Description of the company’s marketwww.themegallery.comDiagramThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc.ThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc.www.themegallery.comDiagramThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc.Title in here2.
Description of the company’s sub contents company’s products
company’s business company’s products
company’s business
company’s technology
company’s contentsDescribe a vision of company or strategic contents1.
Description of the company’s sub contents3.
Description of the company’s sub contentswww.themegallery.comDiagramClick to add TextAdd your text in here
Your text in here
Your text in here
ThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc.Click to add TextClick to add TextAdd your text in here
Your text in here
Your text in here
Add your text in here
Your text in here
Your text in here
www.themegallery.comDiagramThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc.ThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc.ThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc.ThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc.Click to add TextClick to add TextClick to add TextClick to add Textwww.themegallery.comThank You !