界面设计项目1

上传者：方强
|
上传时间：2015-04-24
|
密次下载

界面设计项目1

界面设计与网页开发揭开内幕项目一——认识UI设计学习完本节课回答以下问题
1.什么是界面设计？ 2.网页界面包含哪些要素？ 3.界面设计的步骤是什么？ 4.界
面设计原则有哪些？ 5.界面设计的常用工具有哪些？一、什么是界面设计编码设
计与：软件设计可分为两个部分UI 。设计 –UI（即User Interface的简称）用户界面，
界面设计就是UI设计。 –UI界面、操作逻辑、设计则是指对软件的人机交互好的。
美观的整体设计UI设计不仅是让软件变得有、简单、还要让软件的操作变得舒适，
个性有品味。充分体现软件的定位和特点，自由二、网页设计界面要素给学生分
配任务： –根据教师发送给学生的网页，分组讨论网页设计界面要素有哪些。 –
上交讨论结果，讲评、打分二、网页设计界面要素根据界面布局划分 –根据其布局，
下三部分、中、界面布局一般分为上。划分界面要素类别如下所示 –1.网站标识
LOGO –2.Banner –3.导航 –4.页面主体包括软件，一般放在页面中部的位置，主体
显示软件的主要信息最新最重要的文字信息一般放在页面中部。的具体内容和栏目
其它较重要的信息以栏目列表的方式排放在中，最显眼的位置右侧或者下侧、部的
左侧。 –5页尾．也可放一些导航链接等其它内，使用协议等、页尾包括版权申明页
尾放在页面的底部。容。二、网页设计界面要素网页界面组成要素 –图形、文字：
网页界面根据其组成分类的要素包括。表单等、多媒体、色彩、页面版式、链接、
图像 –1.文字（1）标题（2）文字信息是传达信息的主体部分，文字信息是标题
的内容展开。 –2. 图形图像大部分都使用，网页中所使用的图形图像JPG和GIF两
种格式网页中的图形图像主要有以下几种形式：标题、背景、主图、图标等。
二、网页设计界面要素网页界面组成要素 –3.链接图片是网站、如果说文字。超
链接是网页的重要组成部分它把整，那么超链接就是整个网站的神经细胞，的躯体
如果，在浏览网页时。个网站的信息有机地结合到一起那么就会跳转到超链接所指
向的，你用鼠标单击超链接就可从，资源Web一个超，在网页中。上下载新的信息。
链接可以是一些文字也可以是一幅图画链接形式有：文字链接、链接按钮、图片
链接等 –4.页面版式：页面版式也称页面的构图或页面布局二、网页设计界面要素
网页界面组成要素 –5.色彩为了使网页的整体画面呈现稳定协调的感觉，以便充分
的掌握其规律来更好的分析学习，我们把视觉角色主次位置分为如下几个概念，
以便在网页设计配色时更容易操纵主动权。 ■ 主色调页面色彩的主要色调、总趋
势，其他配色不能超过该主要色调的视觉面积。（背景白色不一定根据视觉面积决
定，可以根据页面的感觉需要。） ■ 辅色调仅次与主色调的视觉面积的辅助色，
是烘托主色调、支持主色调、起到融合主色调效果的辅助色调。 ■ 点睛色在小
范围内点上强烈的颜色来突出主题效果，使页面更加鲜明生动。 ■ 背景色衬托
环抱整体的色调，协调、支配整体的作用。二、网页设计界面要素网页界面组成要
素 –5.多媒体可以在很大程度上增强对浏览者的，将多媒体元素引入网页界面网
页界面。多媒体元素正是实现这一目标的重要手段。吸引力视频和动画等、中所涉
及到的多媒体元素主要是音频 –6.表单也是客户端与服务器交互中，表单是软件界
面中经常使用的元素用户登陆，小到搜索框与搜索按钮，在网页中。最重要的东西
我们都需要使用表，用户控制面板、大到用户注册表单，表单由一个或多个文，表
单是一个集合。单及其表单元素进行设计下拉菜单和图像按钮等组、多选框、可单
击的按钮、本输入框提交、用户填写的表格、一个表单还应包含说明性文字，成的。
和重置按钮等内容三、界面设计的步骤分析界面需求，确定界面功能和跳转关系制

教育资源为主的文档平台

文档分类