没有合适的资源?快使用搜索试试~ 我知道了~
计算机辅助平面设计第五章用户界面设计.ppt
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 146 浏览量
2023-05-28
11:50:53
上传
评论
收藏 3.4MB PPT 举报
温馨提示
试读
44页
计算机辅助平面设计第五章用户界面设计.ppt该文档详细且完整,值得借鉴下载使用,欢迎下载使用,有问题可以第一时间联系作者~
资源推荐
资源详情
资源评论
第五章用户界面设计
2
●●本章导读
UI 即user interface(用户界面)的简称。UI 设计是指对软件的人机交互、操作逻辑
、界面美观的整体设计。好的UI 设计不仅使软件变得有个性、有品位,还可使软件的操
作变得舒适、简单、自由,充分体现软件的定位和特点。
从字面上看,UI 由用户与界面两个部分组成,但实际上还包括用户与界面之间的交
互关系。
●●学习目标
通过对UI 设计图标的基本原则和实例的学习,对UI 设计有一个初步的认识,应能鉴
UI 设计图标的优劣,基本掌握UI 图标设计的实用功能与设计美感兼顾的原则。
第一节 用户界面设计的方向和原则
一、用户界面设计的方向
近几年,UI 这个新兴词在设计领域诞生,在短短的几年时间里UI 设计师越来越多,
拥有UI 设计部门的企业也越来越多,各大院校也设立了与UI 设计相关的专业和课程。
UI 设计主要有三个方向,即用户研究、交互设计、界面设计。
1. 用户研究
用户研究包含两个方面:一是可用性工程学(usability engineering),研究如何提
高产品的可用性,使系统的设计更容易被人使用、学习和记忆;二是通过可用性工程学
的研究,发掘用户的潜在需求,为技术创新提供另一种思路和方法。
3
用户研究是一个跨学科的专业,涉及可用性工程学、人类功效学、心理学、市场研究
学、教育学、设计学等学科。用户研究技术是站在人文学科的角度来研究产品,站在用
户的角度介入到产品的开发和设计中。
用户研究通过对用户的工作环境、产品的使用习惯等进行研究,使得在产品开发的前
期能够将用户对于产品功能的期望、对设计和外观方面的要求融入产品的开发过程中去
,从而帮助企业完善产品设计或者探索一个新产品概念。
用户研究是得到用户需求和反馈的途径,也是检验界面与交互设计是否合理的重要标准
2. 交互设计
交互设计是指人与机之间的交互工程,在过去交互设计也由程序员来做,但程序员擅
长编码,而不善于与最终用户交互。因此,很多软件虽然功能比较齐全,但是在交互方
面的设计很粗糙,烦琐难用,学习困难。如使用这样的软件,不是使人聪明与进步,而
是让人感到愚弄与羞辱。许多人因为不能操作计算机软件而下岗失业,这样的交互使计
算机成为让人恐惧的科技怪兽。于是人们把交互设计从程序员的工作中分离出来而单独
设为一个学科,也就是人机交互设计。其目的在于加强软件的易用、易学、易理解,使
计算机真正成为为人类服务的工具。
3. 界面设计
在漫长的软件发展中,界面设计工作一直没有被重视起来。做界面设计的人被称为“美
工”。其实软件界面设计就像工业产品中的工业造型设计一样,是产品的重要卖点。
4
一个友好、美观的界面会给人带来舒适的视觉享受,拉近人与计算机的距离,为商家创造卖点
。界面设计不是单纯的美术绘画,需要定位使用者、使用环境、使用方式并为最终用户而设计
,是纯粹的科学性的艺术设计。检验一个界面的标准,既不是某个项目开发组领导的意见,也
不是项目成员投票的结果,而是最终用户的感受。所以界面设计应与用户研究紧密结合,是一
个不断为最终用户设计满意视觉效果的过程。
界面设计应坚持以用户体验为中心的设计原则,界面直观、简洁,操作方便快捷,用户接
触软件后对界面上对应的功能一目了然,不需要太多培训就可以方便地使用本应用系统。
字体保持字体及颜色应一致,避免一个主题出现多种字体;对不可修改的字段,统一用灰
色文字显示。保持页面内元素对齐方式的一致,如无特殊情况应避免同一页面中出现多种数据
对齐方式。在包含必填项与选填项的页面中,必须在必填项旁边给出醒目标识(*)。各类型
数据输入需限制文本类型,并做格式校验,如电话号码输入时只允许输入数字,邮箱地址需要
包含@ 等,在用户输入有误时给出明确的提示。对可单击的按钮、链接需要切换鼠标手势至
手型;保持功能及内容描述的一致,避免同一功能的描述使用多个词汇,如编辑和修改、新增
和增加、删除和清除混用等。在项目开发阶段宜建立一个产品词典,其包括产品中常用的术语
及描述,设计或开发人员应严格按照产品词典中的术语词汇来展示文字信息。
二、用户界面设计的原则
UI 设计的原则如下:
1. 准确性原则
使用一致的标记、标准缩写和颜色,显示信息的含义应非常明确,用户无须再参考其他信息源
。
5
显示有意义的出错信息,而不是单纯的程序错误代码。避免使用文本输入框来放置不可编辑的
文字内容,不要将文本输入框当成标签使用。使用缩进和文本来辅助理解。使用用户语言词汇
,而不是单纯的专业计算机术语。高效地使用显示器的显示空间,但应避免空间过于拥挤。保
持语言的一致性,如“确定”对应“取消”,“是”对应“否”。
2. 布局合理化原则
在进行UI 设计时需要充分考虑布局的合理化问题,遵循用户从上而下,自左向右浏览、操
作的习惯,避免常用业务功能按键排列过于分散,而造成用户鼠标移动距离过长的弊端。多做
“减法”运算,将不常用的功能区块隐藏,以保持界面的简洁,使用户专注于主要业务操作流程
,有利于提高软件的易用性及可用性。
第二节 记事本APP 图标设计
本节将制作手机中拟物化APP 图标(一枚记事本APP 图标)。在制作过程中可以掌握
编辑、定义图案的技巧,可以应用到网页、手机界面的背景中。通过“添加杂色”与“动感模
糊”制作纹理效果;通过学习“滤镜”与“图层样式”的应用方法,做出逼真的拟物效果。
1. 新建文件
在Photoshop CS6 中新建文件,其名称为“记事本”,大小为520 像素×520 像素,颜色
模式为RGB,分辨率为72 dpi。
剩余43页未读,继续阅读
资源评论
小虾仁芜湖
- 粉丝: 95
- 资源: 9355
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功