界面设计

界面设计（共9篇）

界面设计 篇1

和以往的总监会议一样，在某个新功能的总监级别讨论会上，很多人再次又说出了同样的看法：“我们网站的界面设计太烂了，不好看、不好用、而且很乱”，

老板终于怒了。

抓来设计主管：“你们是干什么吃的，为什么设计的东西这么差？！”，“商品搜索的列表页那么多信息，太乱了，根本没法看”，“商品管理页面的顶上怎么那么长的说明文字，差不多占了一整屏”。

设计主管很委屈。想哭。

(以上故事由现实篡改，下面是我跟设计主管的谈话篡改。)

.

1、首先，是不是我们的设计师能力不够？

如果是，我们可以裁人，可以招更好的。设计能力一定不会成为不可解决的问题。

我完全相信绝大部分设计师的能力，只要能讲清楚需求，给他们时间并让他们真正的发挥，他们都能设计出好的东西。

(狭隘的)“设计本身”对于绝大部分设计师来说并没有什么大难度，更多的问题在于对产品和需求的理解，“如何诠释需求”要比“如何设计”更加重要。那些“国内设计师实力差，没有国外好”的说法，有点无稽。

也许很多公司都应该反省：为什么设计师自己的个人网站，很多都比他们在公司设计的东西漂亮好用？除了“商业影响”还有什么原因？就算是“商业影响”，难道就真的不能避免或者缓解吗？

.

2、在产品管理者或者老板对于设计要求很“主观”的时候，我们有没有据理力争？

设计是一个有些主观的东西，无法完全定性评估。很多产品管理者或者老板对于设计有点主观， 这个一个非常正常的现象。

比如，他们可能会要求一定用他们喜欢的颜色，一定要他们喜欢的交互习惯，一定要把设置项放在页面端而不要侧边，等等。（某博客网站的老板就要求“首页一定超过8屏”，人送外号*8屏。据说最近升级了，要求必须超过10屏。）

我们需要用“好”的设计，和合理的方式方法去说服他们，而不是完全按照他们的主观喜好做设计。我相信好老板会愿意接受设计师合理合适的力争，就算不愿意改变，起码也不会反感力争的做法。（如果合理合适的力争一直会被老板反感，那这个老板不值得跟。）

.

3、我们是不是在设计上真的花心思了？

咱们现在只有两个图形设计师，每个月要做近百个“专题”。对于网站本身产品的设计时间不多，往往有新功能需要设计，都是“任务来了赶紧完成，那边还有好几个专题没做呢”。而且“专题”总是比新功能需要的更紧急，因为专题一般是“甲方”在等着。

这样只把设计当成一种任务是不行的。必须提前并深入了解需求，如果只是迅速按照市场或者产品部门的要求“完成任务”，那么我们并没有做“设计”而只是“制作”。我们干脆不要叫“界面设计部”，叫“界面制作部”好了。

如果专题的需求量确实很大，我建议咱们申请招人。把“专题”的任务交给一两个专门的设计师，并慢慢形成专题模板。要有专门的人做网站界面的设计，他们不再去管“专题”得专心做网站，偶尔网站的任务没有那么多，就去做一些深入的研究，不要再抽调他们去做“专题”。

.

4、只保证做出来好的“设计图”不行。还要保证好“执行”，做好“监督”。

现在这个问题对我们似乎很严重，我们设计好了一个产品，可经常最终上线的版本和我们设计的不一样。

可能产品管理者在交给工程师之前，发现了他们认为设计不合理的地方，根据自己的想法改动了；可能工程师在实现的时候，发现了技术不能解决的或者他们认为不合理的地方，直接按照他们的想法给改了… （这些改动有些可能是好的，但也有不少是有问题的。至少如果改动了需要通知我们一下，让我们知道，如果我们认为有问题可以要求改回来，或者换一个新的合理的方式。）

比如，咱们管理产品的说明，本来我们设计的是三段不超过30字，结果产品经理认为不能说清楚，改成了一百多字。没跟我们说，就上线了。

比如，有些页面前端这边做好了，交给工程师后他们在实现的时候要调整，但他们不熟悉DIV改成了用TABLE。没跟我们说，就上线了。

当然，这种情况有其他同事的问题。但我们一样有责任。

一个设计做出来之后一定要不停的跟踪，不停的PUSH。很多时候后期保证设计的完整实现比前期设计更艰难，因为牵扯到很多设计师并不擅长的沟通等问题。“设计之外”的事情往往比设计本身要花更多的精力。

也许在很多公司我们没法去有效跟踪，也根本PUSH不动。因为设计师的职位和话语权往往很低。哪怕是对于“设计”的话语权。

但，我们不能因为这个就不去做了，实在不行我们可以去和老板谈谈，请他帮忙。往往自上而下的推动会更加有效。或者如果有条件的话可以请第三方帮忙推动，比如咱们的这个事情我会找你们老板谈，既然他请我做顾问，我应该能说进去一些话。

往往都是我们认为自己“太卑微”，认为“老板根本不听我的”，就不去找他们谈这些事情。实际不是这样的，更多时候好的老板愿意听到这样的话，也愿意听取这样的意见。因为他们也不想看到好好的设计最后变成一个烂东西。

如果不去做，将来的界面有问题老板当然责怪的是我们，谁让我们是负责界面的呢。

哪怕只是名义上的“负责”，我们也没有资格告诉老板“是界面烂，不是我们的界面设计烂”。老板才不管你呢。

.

5、 界面是我们的地盘，不能设计完了就不去管他。守江山比打江山更难。

很多时候产品或者市场那边可能会随时对界面有新的小需求，刚开始他们可能会认为这点小东西不应该麻烦我们设计，直接去找工程师做改动。

这个时候我们必须要告诉他们：界面是我们的地盘，改动任何地方都得经过我们，我们不怕麻烦。 退一万步说，就算很着急或者很小改动的时候不经过我们，改动的同时也要通知我们。如果我们发现有问题会提出来更好的方案。

比如，咱们的“商品搜索的列表页”最早的时候设计挺好，也原样上线了，每一项结果只有四五条信息。可后来，市场部有新需求，产品部也有新需求，运营又有新需求。他们都直接找产品经理或者让工程师去加。现在那个列表一项都快十几条信息了。用户在结果列表根本看不了那么多信息，也不需要那么多。

这样的改动我们根本都不知道，但老板看到后责怪的依然会是我们。因为这个时候一定会被认定“那是我们的地盘”。

我们需要在公司建立这样的机制，界面的改动都得经过我们，或者至少通知我们。 这种问题我们可能推动不了，但我们必须也有责任去找老板要“权利”，甚至请老板帮我们下达一些“规矩”。

不给也得要。不然我们就准备好一辈子背黑锅吧。

对于老板、同事、同行、业界的人来说，“界面烂就是界面设计烂，就是设计师烂”。

.

6、除了被动“接受任务”，我们还需要主动的做一些自己的“项目”，站在设计的角度对产品和界面进行一些优化。

如果只被动的接受一些任务，我们可能永远都只是一个附属的支持部门，无法为产品真正灌输UCD思想。如果只被动的接受任务，我们的产品可能永远不会真正有设计基因。

我们需要花一些时间来立一些设计项目，站在设计的角度对产品进行优化。也可以是站在不影响产品策略的角度上。这样既可以让产品的体验得到更好的提升，也能更好的向其他同事展示设计的价值，让他们对我们更加认可。

这些事情目前可能都“没有时间没有精力”去做，但一定得挤。也可以在展示了自己能做好“任务”的同时，尝试向老板要这样的机会和时间。

不然我们可能永远都是“工具”，被动的工具。对部门不利，对产品不利，对公司不利。

.

7、 当然，设计管理上我们也需要加强。每个设计师对于自身业务的了解，和对于需求的迅速理解能力，是设计的基础。如果设计师不能深入使用我们的产品，这肯定是不合格的。

可以组织设计师去参加一些产品和市场的会议，跟他们学习。 也可以请市场和产品的同时来给我们设计师做一些培训，给我们讲讲市场和业务。

这些不做，我们的思维可能总是跟不上“战略”，理解需求也是会慢半拍。甚至总是会被认为“空设计”，被认为“设计能力很差”。

那样他们就不会信任我们，很多问题也不愿意交给我们，很多事情懒得或者不屑跟我们商量，直接侵占我们的“地盘”。

谁让在大局上他们比我们更有话语权呢。

.

待续…

.

.

ps，

百度IM出来了， 有人在博客上提到了这样一些“愚蠢的设计”：

1、白鸦已经在和柴静打开聊天窗口对聊了，但只要柴静说话在好友列表上柴静的头像仍然一直在闪动。（闪动表示对方有新消息过来）

你说这是交互设计师的问题吗？ 不是。再差的设计师也不会做出这样的设计。也可以说是，设计师有责任在设计的时候说明这个交互，并跟踪实现。

2、截屏发给对方的时候，先出来一个缩略图，然后加载完成才出来大图。被很多人误会为“百度IM不能发大图”，因为加载过程有点慢，用户等不到大图就下判断了。而且本来是个缩略图突然变大了，用户也感觉不舒服，

你说这是交互设计师的问题吗？不是。因为设计师设计了缩略图上有一个“沙漏”，表示正在加载，可工程师实现不了，没管它也没告诉设计师。也可以说是，设计师有责任监督检查这个问题，如果技术真的实现不了可以给出新的改进方案。

网友评论

喝小酒的网摘- 08/03/30 8:34 AM

因为设计师设计了缩略图上有一个“沙漏”，表示正在加载，可工程师实现不了，没管它也没告诉设计师。也可以说是，设计师有责任监督检查这个问题，如果技术真的实现不了可以给出新的改进方案。

哈哈,这样的问题都有?倒是很强.

蓝带鱼- 08/03/30 9:07 AM

白Y说的我大部分同意。但出现这种情况的原因我觉得是设计师或者设计工作并没有真正融入到整个团队中去，UI设计并不仅仅是界面的美化工作，应该贯彻到整个项目当中去，相应提高设计师的地位，而不仅仅把他当作美工来使用。

正像你前面的文章所提到，截屏问题，很显然这是工作中的沟通不畅所导致，交互设计师的意图并没有真正为工程设计师所理解，要做到这一点就得让工程师明白，在交互过程中每一个细节对用户都是有意义的，当然交互设计师在进行设计师也必须遵循这个理念。如果出现程序无法实现的问题，必须经过与交互设计师的磋商才能解决。

花儿- 08/03/30 9:25 AM

开会开会。

适当增加开会的时间。

沟通到位了还会有这些问题么？！

想酷就要勤- 08/03/30 9:57 AM

下面ps所举的例子肯定是跟工程师有关系，但是也不能否认其他让人感觉不好的设计都跟工程师有关系，比如我感觉个性签名（自己的那个，显示在昵称下面）的那个颜色就不太好，跟背景有点混在一起。

raybit- 08/03/30 11:53 AM

这篇看来会比较长呀，这刚是（1）…

我觉得整体上看，就是到现阶段为止，除了少数拥有较优秀的设计类型部门的公司外，大多数公司在对于设计师、美工等等相近名次角色所应担负的职责认识的仍旧非常模糊，招的时候就模糊，用的使用也模糊。于是这样的一批人经常就只能生存在夹缝中…

对设计师的“责任”、“权利”与“义务”如果给不出好的定义，那公司、老板又何从评价设计师的功过呢？界面烂、界面设计烂，不见得就是设计师烂，至少现在的问题决对没那么简单。

白鸦提到的内容归总下就是：

1 首要的，责任上：

职责范畴定义清晰了么，是专司一职的，还是可能被众人抓来用的；

是只负责当时设计，不管最终效果的么；

2 次之的，权利上：

设计中的主导权、话语权，抑或只是建言权，是否都下放到位，让产品组内对此达成共识了

3 在此之上的，义务里：

a 是否要求应该花足够的时间明确的了解需求，并业务使用场景有足够的理

b 执行任务中，在职责范围内权限范围内的变被动为主动

c 设计构思人员对最终实现效果的跟进和监督

Raymond- 08/03/30 1:57 PM

说的好，吼出了UI设计师们的心声！

Raymond- 08/03/30 2:08 PM

有很多好的设计不得不因为程序而妥协，并不是idea不行，也不是设计能力不行，而是无法实现。

通常是A设计了一稿后，B说:这个确实实现不了，你把设计改简单点吧

于是一个很丑但可以用的设计稿诞生了……然后连设计师也被自己的设计QJ了

（A：设计师，B:程序员）

我觉得这其中有一定产品经理的责任，他是程序员和设计师的纽带和桥梁，再做交互设计之前，就应该问清除到底这个能不能实现？及早想出解决方案，而不是等出了漏子后 再亡羊补牢。

Raymond- 08/03/30 2:11 PM

产品经理或项目经理只需要多问程序员一句话： 这个东西设计出来后能实现么？

ok！

1.能，就设计！

2.不能，就别浪费大伙的时间和热情！

3.找更牛的人实现，总有牛人会实现的！

jerry- 08/03/30 2:19 PM

这篇文章真的说到我心里去了。很多问题的都真实的出现在我的公司。我想不仅是我的公司，整个个行业都存在以上谈到的七个问题。

要解决这七个问题，可能要通过公司自上而下的“革命”。老板或者其它部门该怎么做我这里不谈。就说说设计师应该怎么做：

设计师必须积极的面对与自己接口的上下游部门，说得更白了就是你要善于问，当需求方给到需求时，不应该拿到需求就开始设计。无论是口头的或是书面的，信息的传递总会出现不对称的现象。所以作为一个积极的设计，你通过与需求方的沟通透过表像了解这个项目的真正需求：这个项目的用户是谁？用户可以从这个项目得到什么？公司又从项目中得到什么？只有通过完全理解这个项目的设计意图，才能使设计师的的设计有的放矢。不要怪自己的公司制度上有缺陷，说设计没有话语权。如果你每次只是拿到需求不管不问，完成设计，等出了问题再拿到修改需求这样反复循环的话，设计就真的没有话语权了。如果你对每个项目都表现出积极的态度，投入更多的关注的话，需求方有设计需求时会主动第一时间与你进行沟通。

这里可能一些朋友说，我只是设计，对于每个项目都保持这么高的关注度，我不要累死了？我想说，既然是设计，就应该做到这点。如果你做不到，那就去做美工吧。

和风- 08/03/30 3:11 PM

说到底，这个问题是产品策划的问题

设计依据什么来做？

单凭设计一个人想，肯定不行

顶多，设计出几种方案

这样的情况，最好有头脑风暴来形成

蓝带鱼- 08/03/30 4:13 PM

下午没事逐条点评

1、首先，是不是我们的设计师能力不够？

我想设计师的能力是不够的，分析需求到框架设计再到界面设计最后到美术设计页面实现，拿到需求只是项目刚刚开始。我想以大部分设计师能够做好的能力是有限的，漂亮容易但是好用就难了。在框架设计中就需要web设计师程序设计一同配合搞定。

2、在产品管理者或者老板对于设计要求很“主观”的时候，我们有没有据理力争？

像界面颜色之类的与交互类的问题本着用户至上的原则，本就不应该由某个人来下定义。用户分析与可用性测试也需要图形设计师的参与。得出的结论是应该建立在数据上的，而非主观判断

3、我们是不是在设计上真的花心思了？

好设计不是赶出来的。赶出来的设计通常不是好设计。

4、只保证做出来好的“设计图”不行。还要保证好“执行”，做好“监督”。

设计最终实现的功能性测试时，设计师应该参与，并且形成表单格式的测试项目，这样才能保证每个设计细节并发现细微的问题。

5、 界面是我们的地盘，不能设计完了就不去管他。守江山比打江山更难。

牵一发而动全身，有时简单的改动会牵扯到整个流程的被颠覆，交互样式的混乱，做事要谋定而后动。这是团队中要强调的事情，不能到整个项目面目全非的时候再找责任。

6、除了被动“接受任务”，我们还需要主动的做一些自己的“项目”

这个对设计师的要求比较高，多个设计师组成的团队可以一试

7、 当然，设计管理上我们也需要加强

真正好的商业设计师关心的不仅仅是设计本身~

XXX- 08/03/30 7:48 PM

看了以后觉得说，不是有你吗？不是有交互设计顾问吗？出现各部门随意改动产品的问题，是为什么？

如果交互设计师做足了功课，拿出用户研究报告和交互设计策略，按流程走，怎么会出现这样的情况呢？

怎么感觉你像是完全不明白交互设计顾问该做什么工作一样啊？

或许你是在教界面设计师该怎么做？

产品做的这么糟糕是因为那时候你并没有去做顾问吗？

交互设计师是干什么的？正是因为各部门都坚持自己的想法，都考虑的不周全，才叫交互顾问来用科学的方法评测一套合理的方案的。

你让设计师站起来争取自己的利益，其他部门也都是这样做，那公司不是打起来了吗？

难道你觉得界面设计师的方案就是最好的？他们是学设计的。不是学用户研究和交互的！！！

合理的方案，应该出自交互设计师之手，而不是让其他各个部门都跳起来，找老板去说理。

真不理解，你居然还做了交互顾问这么久。

XXX- 08/03/30 8:08 PM

你纯粹站在“界面设计师的方案是最好的”这个立场上，这简直太不可思意了！！！

高层BOSS，市场运营，技术支持，界面设计，等等任何一方对产品的意见都是不全面的。

而交互设计师要根据这四方面的意见，和用户研究实验，利用科学的方法，去寻找出合理的方案。

请不要再高谈什么“界面设计师都站起来反抗”的论调，在这里忽悠人了。

许多人都把你的意见当主要参考思想，这太可怕了！

如果你指的是一个没有交互设计师的公司，那么你应该建议的是：去请个交互设计师来。而不是在公司内部发生战争。

来自：uicom.net/blog/?p=729

★ Android4.0界面设计原则交互设计

★ 交互设计面试自我介绍

★ 可用性经验准则交互设计

★ 研究技术VS研究设计交互设计

★ 思考：如何提高交互设计水平？交互设计

★ 平台建设浅谈产品设计交互设计

★ 什么时候开始界面规范交互设计

★ 关于“照片打分“的游戏设计交互设计

★ 体验也讲究拒绝交互设计

★ 电子书籍质量保证事件分析交互设计

界面设计 篇2

对于室内设计中的界面设计, 设计师不仅要考虑空间内部界面的再装饰, 还要考虑界面的再规划和再设计。可以说设计师把握和处理室内空间的能力成为了界面设计成功与否的直接因素。下面从界面与室内空间两者的关系出发, 分析空间与界面对室内设计的影响。

(一) 独立空间界面

在室内设计中独立空间界面的设计设计师要考虑图形界面的独立、图形界面的填充以及界面主题的确定这三个方面。图形界面的独立是指在空间实体造型、局部装饰及界面的处理上设计具有独立性和完整性的图纹, 在室内设计中起到使空旷的区域展现出灵活生动的装饰美;图形界面的填充是指用适合的图形装饰来限定外形, 并在限定的范围内进行布局合理的图纹造型变化, 使得室内空间有自然和谐的美感;界面主题的确定则是因为要求人们对主题墙的设计要具有个性化, 不同的界面主题设计带给人们不同的感受。比如文化石装饰的界面内容上千篇一律;壁画的界面具有文化性和独特的美感, 色调、材质自如;人们长时间面对的界面则要求主题要有层次, 纹理要细质清晰;而空间流动性大的界面既要表现出明快有力, 还要保持其完整性。

(二) 整合空间界面

室内设计中的界面设计, 是通过关联室内空间中面与面之间的关系, 并在此关系的基础上完成的。空间实际上是一个能被感知, 却又难以触摸、表达、归纳的抽象事物, 因为构成空间的界面是实实存在的事物实体, 它具有尺寸、形状、颜色等性状, 而这些都是我们能够触摸和感知的实体存在。室内设计的空间界面包括了房屋四周垂直的墙面、地面、顶面三个部分。虽然过去的室内设计重视界面的独立, 但是现代室内设计强调将室内空间的界面整合联系起来, 使用组合、穿插、叠加、打散、重构等方法将三者界面整合设计, 使得室内空间表现出单纯、鲜明的效果。

(三) 构成和引导空间界面

哲学中所说的空间是无限抽象的事物, 可是在室内设计中, 空间却是有明确界线的有限空间。正因如此, 室内设计最主要的就是要通过对空间的围合处理来创造空间, 表现实质界面与空间艺术的复合。室内空间设计通常将内墙看作室内空间的起点, 所以, 如果空间小, 应将视线的中上位置视为界面的重心;如果空间宽大, 则重心需提高;如果空间狭长, 设计时或采用散点透视法, 或按长度将室内空间分为相对独立的组合单元, 而在墙面与顶面转折面的设计上, 可以将分解的几个单元按一定的轴线移动, 以便营造出伸缩或连续的视觉效果;如果空间中心点较多, 对墙面则可进行自由构图, 形状也可随意夸张变形。

二、室内设计中界面的设计方法

通过上文我们知道, 室内设计中的界面设计是以水平面的方好的运用, 室内空间设计才能形成既有对比变化, 又有协调统一的视觉效果, 才能营造出既高雅又富有情趣的人性化空间, 才能为人们创造出一个愉悦、舒适的生活与工作环境, 才能具备一个合格设计师素质的要求。

参考文献:

[1]王伟等.设计色彩.中国高等院校美术.设计教材[M].辽宁美术出版社, 2007.[2]魏捍红.设计造型基础.21世纪高等艺术院校专业教材[M], 重庆

式来设计的, 所以对于界面的设计方法通常采用材料并置、材料拼贴、局部凸起或凹陷等设计方法。

(一) 材料并置

材料并置, 是指在室内空间设计过程中将两种或多种材料放置在一个位置上, 并置处理的材料不需要有拼接、黏贴的关系, 因为材料并置这种方法主要是用于处理不能进行收口的各种材料。比如用青石板、鹅卵石、景观石头三种材料并置成的枯山水景界面装饰, 就是用具有一定互动性的多种材料进行重新组合, 并置成新的界面装饰设计。实际上, 在地面上进行地毯的铺设也可算作界面材料的并置。

(二) 材料拼贴

材料拼贴是指在室内设计过程中对同种材料进行黏贴, 多种材料进行拼接的方式将材料连在一起。拼贴而成的材料已成为一个整体, 且肌理感丰富不单调。比如采用纹理和花色不一的石头材料按照相应的图形拼贴而成的花, 因为这些材料的质感和性能差别较小, 拼贴在一起的装饰设计更能满足人们的审美要求。

(三) 局部凸起、凹陷

在室内界面设计中还有界面局部凸起和界面局部凹陷两种设计方法, 它们是在界面中通过局部变化对空间再次限定的一种设计方法。界面局部凸起主要是为了使室内空间富有层次感而采用的设计方法。比如教室中的讲台, 这一设计一方面是为了提高老师的高度, 使老师讲课的声音得以传播, 视野得以开阔, 另一方面则暗示老师特有的地位, 加强老师授课的严肃氛围。界面局部凹陷所构成的围合空间与局部凸起的抬高给使用者带来了不一样的心理感受, 凹陷的空间会带来一定的安全感、神秘感和私密感。比如服装设计大师皮尔·卡丹位于法国坎城海湾的泡泡皇宫, 将局部凹陷和局部凸起两种设计方法相结合, 营造出了奇幻、神秘的室内空间。在这多元化性质的现代社会, 人们追求享受、快乐的生活, 而室内空间设计就是要给人们一个感到满足愉快的生活环境, 使得人们更加尊重其生命价值。

三、结语

在室内空间设计过程中, 设计师必须了解界面与室内空间的关系, 了解装饰界面的各种要素, 了解室内设计中界面设计所采用的手法。界面材质的时代性、工艺手法的整合, 文化底蕴的集中, 它们让设计师对不同功能、风格的空间应用不同的界面设计方法。通过对这些的了解掌握, 才能让室内空间设计表现出和谐、生动, 具有视觉美感的界面设计。

参考文献

[1]李炳南.室内顶面形态设计方法初探[J].艺术科技, 2009 (3) :49-52.

[2]周穗如.室内设计中的材料组合创新[J].四川建筑, 2009, 39 (2) :74-75.

界面设计 篇3

关键词：情感；情感化设计；界面设计

在互联网高速发展的信息技术时代，随着人们的审美标准不断提高，对网页界面的设计也提出了更高的要求，好的网页界面设计绝不是简单地叠加网页的各构成要素，还需要设计师从艺术构成和欣赏的角度把各个要素有机结合起来。只有充分满足功能性、便捷性、趣味性和人性化设计的网页才能够更吸引人，给予浏览者积极的情感激励，提高浏览者的兴趣并激发学习的热情，让浏览者在快乐轻松愉悦的氛围中学习。

l 网页界面设计分析

网页界面设计，是在有限的屏幕空间上将视听的多种元素有机并有序地排列组合起来，并同时将理性思维通过个性化地传达于法展现出来的设计。不同的界面风格在传达信息时会给浏览者在感官上赋予不同的美感，带来完全不同的精神享受。网页界面设计风格的最初定位主要取决丁它的目标人群和潜在群体，搜索类型的网站界面大多简洁明了，如百度、谷歌等；服务类型的网站界面大多丰富多彩，如淘宝网、亚马逊等；展示个人风格的网站界面大多华丽怪异；公司企业网站界面大多严肃端庄。网站的类型一经确定，就可以设计其界面风格。

2 情感化设计分析

所谓情感化设计，就是将情感通过设计要素融入设计作品中，在用户欣赏、使用设计作品的过程中激发用户的联想，产牛共鸣，获得精神上的愉悦和情感上的满足。情感化设计的关键在丁关注人的情感需求，追求人的精神层面，在设计时融人情感因素，使蕴含丰富情感的设计作品更加深入人心，从而使作品博得大众的喜爱。人们对设计作品的喜好往往能够反映出各自的情感，通过情感化设计，不但可以建立起设计作品与用户的情感关系，还能够产牛强烈的互动效果，使用户获得内心对设计作品的依恋，进而将短时关注转换为长期的使用。

3 情感化设计因素在网页界面设计中的体现

3.1 简洁明快的版式设计

网页界面版式设计的成功与否在丁它能否有利丁信息传达以及能否让浏览者产牛视觉记忆。一是在通过对界面分割区域进行版式设计时，既要考虑网页的主次分明，重点突出，又要考虑浏览者的视觉感受和思维习惯，能让浏览者第一时间抓住网页的重点内容，高效获取有用信息。二是在通过搭配文字、图片、色彩及多媒体元素进行版式设计时，既要考虑各元素的大小、形态、色彩各自的特征以及它们之间的变化统一、节奏规律，还要通过适当留白的手法以达到界面整体的视觉平衡，既突出主体内容，又不会让用户感到空泛。无论怎样的版式设计，都以达到让浏览者高效获取信息为曰的，通过简洁明快、舒适自然的版式设计增进浏览者对网页内容的理解性和记忆性。

3.2 特色鲜明的色彩搭配

在视觉表现中，色彩带给人们的视觉冲击力是最强的，它能够在第一时间吸引人们的关注。不同色彩会给人不同的心理暗示，如红色让人感觉热情兴奋，绿色让人感觉平静清新，紫色让人感觉典雅高贵，而黑色会让人感觉沉稳厚重等等。网页界面色彩的合理搭配是跟网站的类型和性质密切相关的，网页的界面色彩一定要做到特色鲜明，主题突出，才能让人产牛与众不同的感受，给人留下深刻的印象。例如，在高校服务管理机构的网页界面设计中，党校、组织部、宣传部、团委等相关的部门网站都较多采用红色系，以突…党团组织的标志；招牛处、就业处、学生工作处、关工委等相关的网站则较多采用蓝色系和绿色系，以突出朝气蓬勃的气息；离退休工作处则可采用黄昏色彩，以突出网站服务的对象。

3.3 设计精巧的图形图像

图形图像作为一种视觉语言符号，能够在传达信息的同时，激发人们的各种情感。通过对图形图像的加工处理使其富有逼真性和充满想象性，可以激发浏览者的无限想象力，以艺术符号的方式去传达信息的意义和象征性，提高浏览者的情感体验。因为图形较之丁文字可以进行更好的情感表达，很多时候人们更热衷丁去看设计精巧、充满寓意的图片，而不喜欢去阅读纯文字的长篇大论，它容易让人产生视觉疲劳，进而放弃阅读。而图形不一样，它的每一种形状都蕴含了不同的情感，如网形让人感觉饱满，方形让人感觉稳重，倒三角形让人感觉不稳定，曲线让人感觉到节奏和律动，直线让人感觉到刚硬。通过点、线、面的结合，又可以创造出不同的情感，让我们产生情感变化，真正进入到内容当中。

3.4 体贴流畅的文字编排

文字是网页组成元素中不可或缺的一部分，它是最直观的传递信息的视觉符号，在对网页界面进行文字设计与编排时，我们需要结合文字的字体形态、文字的表达和文字的表现形式三个方面来进行情感化设计，达到体贴流畅的效果，让用户轻松获取信息，提高用户体验感。

（1）字体形态方面。时下流行的中文字体多种多样，不同字体有各自的形态特征，字体的最大特点就是每种字体都给人带来不同的情感和风格属性。例如，宋体方中有网，刚柔相济，既典雅庄重，又不失韵味灵气，从视觉角度来说，宋体阅读最省日力，不易造成视觉疲劳，具有很好的易读性和识别性，既适用丁标题更适用丁文本段落。

（2）文字表达方面。在界面设计时，文字的表达要尽量做到通俗易懂，有足够的亲切感，让用户白然而然产生互动的愿望，有舒心愉悦的体验。

（3）文字表现形式方面。静态文字是网站信息传递的首选，它稳定、容量小、技术支持低。视觉上让我们一日了然，阅读起来思路清晰，带给用户稳定的情绪。动态文字的情感表达源丁运动节奏而产牛，通过视觉表现呈现给用户不同的感受，是一种新型的文字表现形式。所以，动静结合的文字表现形式更能展现网站的牛命力，

3.5 轻松愉快的用户体验

随着网站数量的层出不穷，人们更多的追求有着轻松愉快用户体验的网站。网页界面设计师的工作不仅仅是合理设计编排网页元素，而是把追求的重点转向致力丁进行易用的界面设计。我们可以发现，如今的网页界面呈现的网页元素越来越多样化，从单一的文字界面到图形界面，再到多种多媒体元素结合的界面，都是为了适应不同用户不同阅读方式的设计体现，这在很大程度上帮助了用户在浏览网站时能够方便、快捷、高效地获取信息，增强用户轻松愉悦的体验。

4 结束语

界面设计 篇4

网页教学网认为，登录页面是和用户关系最密切的页面之一，所以这个页面的用户体验更加重要，好的登录页面，不仅仅要美观，更要易用，便于用户输入和操作。

Battle.net

World of Warcraft

Taste Book

Newsberry

Vimeo

Getsignoff

Brightkite

Matt

Drupalcon DC

Krop

Animoto

Strawpoll

MailChimp

PlaySega

web软件界面设计原则 篇5

2.需求分析

在需求分析阶段，主要针对界面交互相关问题，对用户进行若干调研。

主要包括以下内容

·受众用户群调查·系统使用环境调查·受众用户使用习惯调查·用户对旧版本软件使用情况调查

这一阶段，由于成本原因，我并没有直接访问客户进行调查。工作主要是提出某些具体问题，由需求调研人员，以问卷或口头问答方式，对客户进行调研。另外，公司经验丰富的客服人员和市场人员，也是非常重要的需求来源之一。

本系统的客户群主要为国家省市下属质检单位，最终受众年龄从年轻到较高龄都有。对于普通国家机关人员，一般对计算机系统和网络不够熟悉，计算机环境一般，甚至比较差，少有配置优良的环境。在这种环境下，用户对计算机使用一般没有使用倾向，大多更适应手工操作。对本系统的前代使用，最主要意见是使用困难，不方便。

还有其他具体调查反馈，如用户基本不使用鼠标右键，年龄较大的用户难以看清密集的较小文字等等。

3.界面设计原则

在概要设计阶段，根据需求阶段的调研结果，我整理了系统界面设计的基本原则。因为在代码开发阶段，很多时候界面的具体制作是由开发人员直接写代码，因此必须确定一定的原则和规范，以保证系统界面的统一。

一般适用原则

·简单明了原则：用户的操作要尽可能以最直接最形象最易于理解的方式呈现在用户面前。对操作接口，直接点击高于右键操作，文字表示高于图标示意，尽可能的符合用户对类似系统的识别习惯。

·方便使用原则：符合用户习惯为方便使用的第一原则。其它还包括，实现目标功能的最少操作数原则，鼠标最短距离移动原则等。

·用户导向原则：为了方便用户尽快熟悉系统，简化操作，应该尽可能的提供向导性质的操作流程。

·实时帮助原则：用户需要能随时响应问题的用户帮助。

·提供高级自定义功能：为熟悉计算机及软件系统的高级用户设置自定义功能，可以对已经确定的常规操作以及系统的方方面面进行符合自身习惯的自定义设置。包括常规操作、界面排版、界面样式等种种自定义。

·界面色彩要求：计算机屏幕的发光成像和普通视觉成像有很大的不同，应该注意这种差别作出恰当的色彩搭配。对于需用户长时间使用的系统，应当使用户在较长时间使用后不至于过于感到视觉疲劳为宜。例如轻松的淡彩为主配色，灰色系为主配色等等。切忌色彩过多，花哨艳丽，严重妨碍用户视觉交互。

·界面平面版式要求：系统样式排版整齐划一，尽可能划分不同的功能区域于固定位置，方便用户导航使用；排版不宜过于密集，避免产生疲劳感。

B/S构架适用原则

·页面最小：由于Web的网络特性，尽可能减小单页面加载量，降低图片文件大小和数量，加快加载速度，方便用户体验。

·屏幕适应：Web界面需要适应不同用户屏幕大小。

·浏览器兼容：需要适应不同浏览器浏览效果，虽然目前可不考虑不同浏览器差别，但仍需考虑IE浏览器版本差异带来的客户端不同效果。

·最少垂直滚动：尽可能减少垂直方向滚动，尽可能不超过两屏。

·禁止水平滚动：由于将导致非常恶劣的客户体验，尽可能禁止浏览器水平滚动操作。

·避免隐藏（右键）操作：浏览器的右键操作不符合用户体验习惯，尽可能避免。

本系统应用原则

·瘦客户端要求：由于客户应用环境配置大多较低，除服务器可单独配置较灵活外，应该保证瘦客户端，使用户容易使用。例如尽量不要使用复杂的JS脚本和HTC组件，不要在客户端使用IE整合XML/XSLT等等。

·大数据量表格的水平扩展要求：本系统中存在大数据量的列表，需要较大的交互界面支持，为避免水平滚动，应尽可能获取大的屏幕水平空间。

·桌面面板导航简化操作：为了实现方便简捷的用户操作，应该保证用户绝大多数操作可通过首页桌面面板的导航来实现。

·用户自适应定义：提供较多的可订制功能，尤其对桌面面板提供强大的定制功能；使用户能够将最常用的功能定义到桌面面板，每次登录即可直接使用，简化用户操作。

·用户常用操作记录定义：对某些需定义操作的功能如查询、搜索等，提供系统自动记忆和客户定制功能，系统可自动记忆用户前1~3次操作，或者用户可自定义操作记录，方便以后使用。

·大数据量表格的水平扩展要求：本系统中存在大数据量的列表，需要较大的交互界面支持，为避免水平滚动，应尽可能获取大的屏幕水平空间。

4.系统分析

在概要设计过程中，界面设计人员需要浏览需求分析报告，了解用户的工作流程，和整个系统功能，再根据这些原始需求功能，归纳整理分析，并针对用户交互设计需要，提出意见，参与系统设计。

其中包括对原始功能的分类归纳，提出系统交互需要的新功能，对用户功能实现的优先级进行定义等等。

例如，提出用户自定义快捷面板功能，常用操作自动记录功能等，需要在概要设计时尽早提出，以方便作好系统规划。

PPT课件界面设计与制作 篇6

随着教育技术在各领域应用的推广，PPT课件已经成为教师教育教学、各行业业内交流过程中非常常见的一种辅助手段，如何制作出高质量的PPT课件这个研究课题越来越为人们所关注。课件不是知识点的简单堆砌和罗列，需要进行设计，而优秀的界面设计是高质量PPT课件必须具备的条件。

好的界面设计不仅能使课件更加赏心悦目，增加观看者的无意注意时间，还能提高文字可读性，强化讲演重点。那么，如何才能设计、制作出美观实用的界面呢？小编觉得可以从以下几个方面着手去做。

一、利用现成的模板

如果制作者本身的设计能力、美学素养不是非常过硬或者制作时间有限，那么可以考虑使用PPT或者WPS自带的设计模板，特别是WPS中有许多模板可直接使用，新版本的WPS里模板更多样，而且和PPT相互兼容。

二、自制模板

自制模板有两个阶段，一个是模仿阶段，一个是完全创作阶段。当然这需要根据自己个人能力进行选择，还需要考虑课件需求的实际情况。

无论是模仿还是创作，PPT课件得界面设计都离不开图形、图片、文字这三个元素。为了使得整个课件保持和谐统一，课件的封面、目录页、内容页、封底还应考虑包含相同或相似元素。在幻灯片母版里进行相应制作可以提高制作效率。

三、注重界面设计三元素

1.图形：图形在PPT课件中可以作为教学内容，也可以缩小后放在页面某处作为美化元素。

可以利用“插入”面板里的形状或者smartart插入需要的简单图形。例如幻灯片中插入图片，如果画面中只有图片，画面会很单调，如果加上一些图形，哪怕只是两根简单的线条，也会为画面增色不少。

在课件制作过程中，作为简单图形插入的应用比较常见，而复杂图形创作因为比较费事，很少人选择使用它。不过笔者认为，通过多个图形叠加或者利用任意多边形绘制出的复杂图形，当掌握技巧后绘制起来并不是非常困难，而且也不需要非常专业绘画技巧。

2.图片：图片在课件中可以作为教学内容，也可以仅用于美化。

图片素材的选择需注意以下几个方面：首先尽量选择分辨率较高的图片，否则放大后图片会模糊不清，达不到观看效果；其次要注意图片构图本身的纵横比，否则拉伸后会变形，影响画面美观效果；再次，作为背景的图片不能选择色彩、层次丰富的图片，否则会造成喧宾夺主，文字内容无法醒目表现的情况出现。另外，课件中图片不是越多越好，要考虑到实际需要，要权衡利弊后慎重选择，更不能选择与教学内容毫不相关的图片，否则可能会给观看者造成理解上的干扰。

PPT自带的图片工具可以对图片进行裁剪、背景删除、图片边框、图片效果、图片颜色、对齐、旋转等操作，使得图片更加符合讲演需要，经过图片工具处理的图片外在形式更加多样、生动。

3.文字

文字是界面设计的“点睛之笔”，通常在使用过程中是作为讲演者语言的重复强调或者辅助说明。制作课件时最容易犯的错误就是一张幻灯片上文字太多，信息量太大，导致重点不明，字体不清。同时由于界面上内容太多，也会让人感觉界面缺乏设计。

解决方法有：方法一，删减原有文字，提炼出关键词或关键语句，可分层次、分条列出，注意分层最好不多于三层；方法二，分成多张幻灯片。

为了配合界面设计的风格，有时做课件时会选择比较个性的字体，这些个性的字体一般电脑上都没有安装，所以一旦做好的课件换了电脑打开后，这些个性化的字体就会变成默认的字体，失去了本身的风格。

这个问题的解决有两种方法：一是把这些个性化的字体文字保存成图片插入在幻灯片中，这种方法比较适用于文字比较少而且一般不需要进行修改的内容，因为一旦存成图片后文字就不能编辑了，如果有错误，只能重新制作存为图片插入；另一种方法是将需要的字体文件保存在课件包里，提示使用者为了达到最佳观看效果，使用课件前需安装必要的字体，这种方法不存在修改文字麻烦的问题，但是字体需要手动安装。

一张幻灯片上文字颜色不宜过多，否则容易让观看者眼花缭乱，找不到重点。文字颜色还需要与背景色形成鲜明对比，保证文字醒目突出。

界面设计 篇7

一、Banner的特点

互联网时代, Banner是网站最主要的宣传窗口, 是网络中最常见最有效的宣传广告形式方式。和传统纸媒广告相比, Banner具有以下特点:

1. Banner大小有限制。为节约带宽, 受众点击后反应速度快, 所以, 一般都限制Banner大小。

2. Banner呈现时间短。Banner呈现时间非常短, 甚至只有1秒到数秒钟时间, 主要用于短期活动和产品推广。

3. Banner尺寸要求准。页面面积有限, 所以Banner在页面上的预留位置的尺寸大小非常精确, 要求精确到像素。

二、Banner中的文字

1. Banner中的文字作用

文字设计是Banner中最直观、最明了、最迅速的一种信息载体, 具有表达情感意象和传播信息功能。文字脱离图片可以传播信息, 但图片脱离文字也可以传达信息, 但很难准确传达信息, 所以说文字是Banner设计的核心要素。所以Banner中的文字设计要体现应用性和艺术性, 既要便于人们视觉识别, 又要给人们视觉审美感受, 实现文字传递信息的最佳效果。

2. Banner中的文字组成

Banner中的文字由主题文字和辅助文字组成。主题文字, 字体要大、颜色要醒目, 主题文字处理要饱满集中, 增强主题的视觉张力效果。副标题从内容和形式上都起到辅助主标题的作用。文字都要有艺术性, 要根据Banner所要表达的主题, 来确定设计风格, 选择不同的字体;当然也要根据Banner所宣传的受众群来进行文字设计, 要投其所好, 取得预期广告投放效果。主题文字和辅助文字在整个Banner中要主次明显, 断词也要艺术巧妙, 文字集中, 文字与辅助图案要相互呼应, 有和谐统一之美感。

三、Banner文字设计的原则

1. 文字信息的准确性。

文字要准确地传达字义、词义, 能准确地传播作者的意图、产品信息、促销信息, 文字的整体设计, 能给人以清晰确切的视觉印象, 准确地反映诉求内容。

2. 文字风格的创意性。

文字设计有独创性, 字体风格要求独特新颖, 既能体现文字的含义, 又能给人以别样的视觉感受;字体设计既要切合Banner主题, 又能给人一种节奏韵律美感。

3. 文字设计的视觉性。

文字是整个Banner画面中的主要元素, 文字在字体、颜色、大小等方面都要表现出一种视觉美感, 给人一种赏心悦目的感受。

4. 文字设计的适用性。

Banner的呈现载体有PC端和移动端, 所以在设计Banner图时, 要适应多种界面的传播, 达到清晰准确、不失真的程度。

四、Banner文字设计的表现方法

1. 字体的倾斜切割

在文字和图形布局是横平竖直的界面中, 如果普通文字排列平平稳稳, 方正有矩, 整个Banner就会显得呆板木讷、毫无生气。如果对文字进行倾斜或斜切透视等处理, 打破“构图稳定”的局面, 让画面产生动感和层次感, 让文字和整个画面一下活泼起来, 展现出一种活力、视觉冲击力, 勾起了用户的阅读欲望, 能有效提升banner设计的品质和品位。

2. 文字的字体变形

设计banner和专题头图时, 可以选好合适的参照字体进行简单的文字变形。文字变形要随意变形, 就是根据文字的具体含义来设计字形, 如在文字排版时, 要打破字体的沉默, 长短粗细变换自如, 对关键字加粗或加色, 在实际操作过程中把文字看作图形, 注意整个字体排版的走向。

3. 字体的立体效果

3D字体, 字体和背景的虚实对比形成强烈的反差, 增强字体的立体效果, 给人一种体量感和视觉震撼力。在banner设计中, 应用3D文字是非常普遍的, 使3D文字成为画面的视觉焦点。

4. 字体的肌理变化。

Banner中的文字字体可以增加一些肌理效果, 但字体肌理要切合主题, 可阐明主题, 烘托出Banner的主题设计氛围。如庆祝教师节的字体如果选用粉笔肌理就就比较合适, 庆祝圣诞节的字体就要制作雪的肌理。

5. 字体的排列变化

Banner中的文字在排列时, 要注意大小对比、字间疏密对比、字体颜色对比和字体结构对比, 也要注意文字排列次序和文字笔画粗细, 体现设计师的思想情感和文字的节奏和韵律。如主标题要大而醒目, 颜色纯度和饱和度都要高;副标题起到辅助主标题的作用, 字体大小和颜色浓淡一般都相对较为弱化。整体形成虚实、强弱的节奏感, 营造舒适的视觉空间。如果主标太长, 需求方又不允许缩减文字, 这时就要对主标中的重要关键字进行权重, 突出主要的信息, 弱化信息量不大的词。如果文字太短、画面太空, 设计师可以在画面的适当位置加入英文、域名等辅助信息, 以此来丰富画面。

6. 文字的“半隐半现”

banner中, 字体设计一定要清晰, 便于流畅阅读。字体设计一定要配合背景和主题, 让banner气氛突显, 如在影响阅读的前提下, 让文字犹抱琵琶半遮面, “半隐半现”, 文字可以使banner更生动、更有层次感。如图一中的文字:“暴雨洪涝灾害”六个字的下部被洪水隐藏, 既不妨碍阅读又让文字融入背景环境, 给人一种身临其境的感觉。

互联网时代, Banner设计会越来越普遍。设计师掌握好Banner文字设计的主要原则, 灵活运用各种Banner文字设计的表现方法, 使Banner文字以新颖独特的具有视觉冲击力的视觉效果来传递信息, Banner一定会受到客户的欢迎和受众的喜爱。

摘要：在互联网时代, Banner是互联网广告中最基本的广告形式, 而文字在Banner中的信息传递作用非常之大, Banner设计中文字表现直接影响广告效果。本文简要分析和总结了Banner设计中文字设计的作用、原则, 重点从文字造型变化、排列变化等方面阐述Banner设计中的文字表现, 以期为Banner设计提供有益的参考。

关键词：界面设计,banner设计,原则方法,设计技巧

参考文献

[1]杨光英.网络广告设计[M].机械工业出版社, 2005.

[2]王愉, 隋涌.论网页视觉要素设计[J].北京印刷学院学报, 2005 (4) .

界面设计 篇8

关键词：APP界面设计；移动交互体验；设计方法

0 引言

随着科学技术的发展，移动互联网和计算机技术的发展，移动化趋势是未来网络的主要发展方向。随着社会的进步生产方式也发生了变革，传统的通过PC浏览器来访问网络，目前已经逐渐地被APP而代替。在全球的范围内，APP改变了以往的通讯手段，许多的移动电子设备已经普遍使用。科学技术的进步，给人类的社会生活带来了巨大的改变。随着社会的进步，APP移动平台的手机应用及时地满足了人们的交往和通讯需求。

1 移动端APP应用发展的现状分析以及发展趋势

1.1 移动端APP的发展现状

科学技术的生产变革能够改变和促进人类生活方式的发展。APP移动客户端的发展，就是在现代互联网发展下的产物。目前APP的发展已经渗透到我们日常生活中的各个领域，比如购物、支付手段、手游以及音乐社交，利用云储存等方式的生活方式已经逐渐形成。目前移动终端APP的应用设计环境主要有三种，一个是苹果公司的IOS系统，谷歌的Android系统和微软的Windows phone系统。目前人们的移动电子设备主要的APP的系统就是安卓和苹果的系统。这些系统下都涉及很多方面的APP，比如游戏、教育、儿童、母婴、阅读、旅游、健康、运动、购物等。在一款APP的发行时通常会有两种系统的版本一起出现，这样做能够兼顾两个系统的客户选择。通过手机中的应用商店，苹果用户运用Apple ID来进行下载和购买行为。在下载APP之后，用户通过手指的接触就可以完成各种命令和操作，这样做在一定程度上方面了对于APP的操作和使用。这样就要求APP的用户操作界面能够简洁明了，具有创新意义并且要能够方便用户的操作。这就要求APP的界面设计与移动交互体验设计方法进行深入的研究，目前的APP设计风格和理念偏向于多页平铺的方面。

1.2 移动APP客户端的发展趋势

中国目前的互联网三巨头，简称BAT，有百度、阿里巴巴、腾讯。中国额互联网发展主要有二十年的历史，但是目前的互联网市场主要被腾讯、百度、阿里巴巴所主导。应用的主要面向群体就是人，目前的主要市场竞争是通过人和服务来展开的。百度的搜索引擎、阿里的淘宝、腾讯的微信和QQ都是代表性的应用APP，并且在市场占有了很大的用户比重。移动互联网新思维方式的产生也推动了传统企业的发展，为了应对市场形势的变化，传统的企业也来时发展到互联网产业，运用品牌的宣传和移动互联网紧密的关联。

2 APP界面设计与移动交互体验设计

2.1 APP界面设计

面对APP越来越激烈的市场竞争，要想保证APP的吸引程度和使用量，就应该加强对于APP的界面设计。APP的主要依存的发展载体就是手持移动设备和移动互联网技术的发展。在传统意义的APP设计界面上更多的设计是关注APP的表面形象，或者美观等。在APP的设计中重视程序的编写和使用功能的设计，但是随着APP的用户越来越多竞争越来越激烈。在设计的过程中应该将可用性的信息转化为设计并且进行评估，重视用户本身和APP程序的交流。在设计的过程中不仅要重视美工，更要注重APP和各户的交流磨合。在APP的使用过程中用户会体现到更加快捷丰富的体验，应该增加用户的情感并且影响用户的使用习惯。重视移动体验的交互性，在设计APP应用时应该中体的综合的考虑APP的使用，让用户在使用的过程中能够得到满足以及体验。

在APP的界面设计中，要注重用户体验的隐形要素的设计。与一般的物质性的产品不同，APP的界面设计包含了可视的显性因素以及隐形要素。APP界面的设计中，图形、文字、符号等都是视觉性的语言表现，这些都是客观存在的因素。这些设计能够实现用户与APP的交互，要有明确的设计目标和方式。设计中的隐形设计因素主要是两个方面，一种是在设计APP界面的过程中可以实现设计的效果和理念功能，另一种是界面设计的总体风格。这种要素一般没有具体的客观体现。在APP界面设计的过程中应该然设计者与使用者的认知得到统一，这是提升用户体验的关键。在用户界面的设计中或者感知中获得用户的认可。

2.2 移动交互体验设计

移动交互设计是用户体验的重要部分，主要是用户在使用APP完成所需要的过程，在体验的过程中是否舒适和难易程度如何。移动交互设计主要的重视方面是在设计的过程中改变人机交互过程中而用户体验，而不涉及产品的使用功能方面。在移动客户端的App设计中交互体验的设计总的来说就是关注用户的体验。移动交互体验设计中APP界面的信息框架，用户具体的操作流程等都是重点的地方。在用户使用APP的过程中，通过发布命令来获得体验的目的，移动交互体验设计就是对于用户体验操作过程的信息结果反馈。最终的目的就是获得人机互动中的相关信息，能够更加完善APP的各方面设计。在用户使用APP的过程中对于操作的界面和操作的流程能够更加自然的接受，在用户与APP的交互过程中顺畅地进行，满足用户的体验。

3 结语

本文通过对APP界面设计和移动交互体验设计方法的研究，来分析APP的设计方法。通过对APP界面设计的研究，分析更好的设计方法，满足用户的体验目的。在日益反战的互联网科技中，推动APP的快速发展，同时实现发展的趋势。

参考文献：

[1]汤程心.为触摸而设计：App界面设计与移动交互体验研究[J].设计艺术研究，2015（02）：107-114.

多媒体课件界面设计略谈 篇9

现代教育技术专业毕业论文

牛 赟

关键词：

多媒体

课件

界面

设计

内容提要：

多媒体课件以图、文、声、像并茂的方式进行形象化教学，弥补了传统教学在直观感、立体感和动态感方面的不足。一个好的多媒体课件，离不了好的界面设计。界面是联系人和计算机的桥梁，是传播知识的纽带。界面向学习者提供一个赏心悦目的视觉环境，可以激发学习者兴趣，提高学习的积极性。

正文：

界面是计算机系统中人与机器直接打交道的部分。在多媒体课件中，界面的设计综合了文学、音乐、美术、计算机技术等多个学科的内容。据统计，在人类通过感觉器官收集到的各种信息当中，视觉约占65％。因此，在多媒体课件设计过程中，充分考虑人的视觉特性对知识的高效传播是十分重要的。灵活、美观、易操作的人机界面对于调动和激发学习者的兴趣，提高学习积极性，具有重要作用。为此，我们可从以下几个方面考虑来精心设计操作界面。

一、操作简便

多媒体课件是面向学习者的，在设计时要考虑到学习者的特点、能力、知识水平，立足于非计算机操作者进行设计，不应对用户有额外的知识、技能要求。

1.安装使用力求方便。课件是一个软件，它的安装、启动过程应力求简单，一般通过鼠标和键盘的几个简单操作动作即可完成。运行时，课件的结构、内容、主要操作方法、功能键等应该符合人们的操作习惯。

2.菜单力求简明合理。设计时，根据教学内容的需要，把教学内容划分成若干层次，利用菜单技术来实现多层结构，各级菜单应逐层深入，直至覆盖全部教学内容。菜单的分级最好不要超过三级，每级菜单都应设置返回按钮，以便学习者不想往下学习时，可随时返回上级菜单。菜单的表达方式有文字式、图形式、表格式、图文混合式等多种形式。文字菜单比较简单，可设计成下拉的方式，逐级选择子菜单；图形菜单新颖直观，根据教学内容，设计成形象的图标，用鼠标一点就可选中，使用非常方便。实际制作中，用得最多的是图文混合式菜单，它具有文字菜单和图形菜单的优点。在设计时要注意菜单的标题应简单明了，文字表达要言简意明，能表达所要选择的教学内容。

二、多媒体课件界面要简洁

1、力避做成教材的翻版。课件不能仅限于文字教材的“复制”，否则就失去了课件直观、立体、动感的风格，失去“多媒体”所呈现给学习者的视觉美感和读解多媒体教材时产生的心理上的愉悦。

2、是“简洁”不等于“简单”。避免违背教学规律和学习者的认知规律，盲目或错误地更改、删减教学内容的逻辑结构，造成界面层级之间纷乱复杂；或者在媒体选用上过于单一，界面初始元素设计随心所欲，这样势必会影响学习者的学习积极性和对知识信息的有效获取。

3、要力避“华而不实”。课件的最终目的是传授知识，是为教学服务的，不应该让绚烂多彩的画面冲淡要旨。因为片面地追求界面色彩的丰富和显示内容的“豪华”，势必会增大多媒体教材的存储空间，导致执行繁杂，运行速度慢，还容易提供不必要的“无关信息”，转移学习者的注意力，降低课件的教学功能。色彩选择过多或界面元素布局不合理，界面设计无视觉中心也容易造成学习者的视觉疲劳。

三、内容简洁

课件的操作界面避免繁琐，内容应力求准确、简洁明了。

1.准确、简洁。准确就是要求表达的意思明确，不要使用意义含混、模棱两可的词汇或句子；简洁就是尽可能用较少的文字或简单的图表来表达所需的信息

2.重要信息突出。可以在显示中使用黑体字、加下划线、增大字的宽度、闪烁、反白和彩色来强调某些重要的、期望引起学习者注意的信息。在描述局部细微变化时，应采用加圈、放大或特写的方式等。

四、布局合理

人眼只能产生一个焦点，而不能同时把视线停留在两处或两处以上的地方，只有先看什么，后看什么，再看什么依次顺序进行。人们在阅读一种信息载体时，视线总有一种自然的流动习惯，普遍都是从左到右，由上到下，由左上方沿着弧形线向右下方流动的过程。

1.恰当布置，主体突出。显示内容应恰当，不应过多，切换不易过快，屏幕不应过分拥挤，四周应留出一定的余地。一般正文每屏不应超过15行，每行不超过30个汉字，如显示不下可采用滚屏技术。字体应选用笔画丰满的字体，大小标题可用不同字体、字号，以区分层次和段落。文字的色彩也应有一定的对比，从而突出主题。

2.重点集中，视点明确。由于计算机屏幕尺寸所限，要求重点集中，视点明确。在同一画面上，不应出现两个以上的兴趣中心，以免分散学习者的注意力。

3.合理预留空行、空格。必要的空行及空格会使结构合理，条理清晰，阅读、查找方便；相反，过分密密麻麻的显示会损害学习者的视觉，也不利于学习者把注意力集中到有用的信息上。4.美观大方，层次清晰。界面设计要美观大方，不落俗套，但也不易过分“花哨”。界面的“花哨”虽然能从心理上加深刺激学习者的感知，但却显得主次不分，并容易使学习者分散注意力，甚至有的媒体成为毫无意义的累赘，而起不到应有的效果。如果必须把多种媒体引入，最好能让操作者控制依次展示，给人以清晰、有序的感觉。

五、前后一致

前后一致是人机界面领域的普遍原则，它是将相同类型的信息使用一致的相似方式显示，包括显示风格、布局、位置、所使用的颜色等的一致性，以及相似的人机操作方式。一致性的交互界面，可帮助学习者把他们当前的知识、经验推广到新课件中去，从而减轻学习者重新学习、记忆的负担。

六、色彩的和谐搭配

设计多媒休课件界面时，颜色运用得当，能使屏幕界面高雅、清爽，教学内容条理清晰，激起学生的学习兴趣，从而可以得到较好的学习效果。但若颜色使用不当，会起到相反的作用。

在运用颜色时要注意以下几个问题：（1）、一个屏幕界面不能同时使用太多的颜色

过多地使用颜色，会转移学习者注意力，这样不仅浪费了学习者对教学内容的学习精力，而且过多的颜色会增加学习者的反应时间，增加出错的机会，易于引起视觉疲劳。因此在同一屏幕界面内，避免使用过多的颜色，一般不应超过四五种。用柔和、平淡的颜色。

（2）、颜色配置应高雅、清爽。

作为背景颜色的色彩选择，应高雅、清爽，不能选用色调太深、太浓的色彩。选择太深、太浓的色彩，一方面会较快地引起学习者的视觉疲劳，另一方面还会造成主体文字色彩难配而造成主体不突出的结果。辅助信息颜色使用强调柔和、平淡。使用低饱和度、低亮度颜色来显示不需强调的辅助信息。

据有关实验表明，人对各种色彩的感受是不一样的。

从感受情绪来说，红色、橙色，黄色使人感到温暖，蓝色、青色、白色 使人感到寒冷；

从感知速度上来说，感知速度最快的依次是红色、绿色、黄色，最慢的 是白色。

而且各种色彩对人的视觉刺激的强度也不一样，一般说来，暖色大于冷 色，原色大于补色，补色又大于消色，红色最强。

所以，在设计多媒体课件的页面时，对色彩的处理必须谨慎，不能只凭个人对色彩感觉的好恶来表现，而要根据内容的主次、风格以及学习对象来选择合适的色彩作为主体色调，如内容活泼的常以鲜艳、亮丽的色调来表现；柔性诉求的则以粉色、紫色系列来传达；政治、文化类的以暖色、绿色来衬托，一些科技类及专业内容则以蓝色、灰色来定调。

（3）、所用颜色的含义要与人们生活中所识的颜色含义相同，不同国家、不同的民族由于其历史经历不同，就同一种颜色而言，其所蕴涵的意义可能各不相同。根据人们的生活习惯，不同的色彩反映了人们不同的感受体验，色彩都有一些较为确定的意义内涵，比如：

红色：停止、火、热、危险 黄色：警告、慢速、测试

绿色：前进、状况良好、清楚、植物、安全 蓝色：冷却、水、安静、天空、中立

暖色：活动中的。要求作出反应的、关系密切的 冷色：静止的、状态信息、背景的、关系疏远的 灰色、白色：中性

由于每一种颜色在人们心目中已约定俗成的含义，所以在使用颜色来表达某种意义的时候，要与人们的期望值相同，否则会引起用户不可思议或产生抵触情绪，造成迷惑和混乱。

（4）、色彩的一致性

在一个多媒体课件中，色彩的含义应保持始终一致，不宜过多地改变。在界面布局中，各区域的背景色、各种按钮的颜色应基本不变。在同一区域中（如教学内容显示区），颜色的运用更应该保持一致，如各种级别标题的背景色、字色应尽量保持不变等。

背景的色彩基调就是课件的整体基调，一般来说，一部课件要有一个整体基调，不管层次多么复杂，课件的整体基调不能变，不能一会儿红，一会儿蓝，一会儿黑，一会儿白，那样，色彩就乱了，使课件内容首先从页面上失去了整体感，从而显得杂乱无章，不统一了。网络课件由于传输速度的需要，根据其文字内容量大、字体小的特点，背景一般采用白色。而单机版多媒体课件（包括电子提纲），背景常采用深色或浅色调，一方面便于衬托媒体，更重要的是为了装饰和美化的方便，如在深色或浅色的背景上可作一些过渡色及边框修饰，镶嵌一些图案、材质和花纹等，起到美观和深化主题的作用，而白色背景在装饰上就受到限制。为了使字幕和图形显得清晰，背景或采用深色或采用浅色，而避免用不深不浅的颜色，否则，字幕和图形不管采用何种色度的颜色，都不能得到清晰的显示。

需要强调的是，课件界面设计中把握色彩的原则是：背景与所衬媒体的色调要基本一致，整幅界面要保持一个主色调，同时，相互之间在颜色的深浅度上要形成反差，以使媒体（主要是字幕）在和谐的背景衬托下显得清爽明亮，整幅页面从色彩上达到和谐美观。

界面的色彩美与教学内容密切相关。色调要鲜明，要为塑造的形象、创造的意境和表现的主题服务。不同的主题，不同的内容，应用不同的色调来表现。根据教学的意境，有的需要明快，有的需要低沉。色彩美是界面艺术美的重要组成部分，它可使学习者在学习过程中得到美的感受，在美的陶冶中增加情趣，得到更好的感知和理解。但色彩如果使用不合理，就会对人产生视觉疲劳等方面的心理影响，过分渲染则分散人的注意力。

七、界面组接流畅

界面间组接的基本原则是要使学习者的注意力从这一界面自然地过渡到下一界面，中间没有明显的视觉间断感和跳跃感。要达到这一点，必须做到：

1.界面切换自然。界面切换要保持在方向、色彩、亮度等方面的协调，如果把反差较大的画面组接在一起，会让人感到不舒服。同时界面间切换应非常迅速，不应出现较长久的等待。

2.恰当处理图形和动画画面的组接。静止图形和一些动画画面不能直接切换，否则会产生跳动，在设计中可以采用淡入、淡出等过渡技巧组接。

3.界面间的组接必须符合学习者的认知规律和事物发展的规律。在表达教学内容时，首先应当介绍整体，然后再仔细分析某一局部；在解释一个问题时，一般是首先提出问题，然后再分析、解决问题。

八、字幕

对字幕的设计从形式上讲，要做到以下几点：

第一，字体的选择要有层次感，要体现知识的层次，体例要统一，避免零乱。从字体的选择来说，依据段落的大小和内容的层次，字体由重到轻、由粗到细排列。

（1）文字密度要合适：在使用文本来传递教学内容时，应该用尽量少的文字来表示事实或概念的含义，不能用满屏都是文本的方法（除电子百科全书外）显示教学内容。用语要精炼，多用短句，排列要整齐，一般采用左对齐方式，当然标题可采用居中方法，数字采用右对齐方法。

（2）文本必须要选用容易阅读的字体。除了大型字号标题等可以选择一些带有美术色彩的艺术字体外，文本通常应选择易识、易读的字体，否则，会因字体太难识别而影响学习效果，应选择简体中文及笔画较粗的字体，若一定要笔画较细的字体（如宋体），则可采用加粗其笔画方式来达到目的。

第二，字色的确定要与背景形成反差。如果字幕与背景的颜色或色度太相近，将会使两者粘在一起；如果色彩繁杂而所以布设，就会破坏了画面的整体美感。解决这些问题，需要注意，一是字色与背景色在颜色上要跳开，在色度上要形成反差。即：深色背景采用浅色字，浅色背景采用深色字。比如：在深蓝色的背景上，可用白色、黄色、淡绿、淡蓝等；在白色或淡粉色的背景上，可用深蓝、黑色或赭石色等，这样，字色就从背景色中从跳出，色度也有明显的反差，字就显得清晰明亮了；二是字色与背景色在色调上要协调统一。也就是说，字色在与背景色保持反差的前提下，色调的冷暖度却要保持基本一致。比如，蓝底、绿底上不要用红字，红底紫底上不要用蓝字等，俗语说：“红配蓝，狗也嫌”。

第三，字色要根据内容层次而形成层次。为了使课件各章节、大小段落之间的层次更加明确，字幕的颜色也可依层而定。比如，在深蓝色的背景上，章用红字（加白边），节用橙色，各标题用黄色，内文用白色，形成了色彩阶梯。使画面色彩丰富又层次分明。

第四，字幕的修饰要慎重。字幕的修饰，一般是指对字进行加边，虚化，投影，立体化，加过渡色，加材质色等，除了总标或大章目的字可稍做修饰外，其它字幕最好采用单色，小字的修饰只能使其显得更累赘，更不清晰。

九、图片不可过滥

为了更直观地把现实生活在中的情景搬入课堂教学，几乎所有的多媒体课件均采用或多或少的图片服务于教学。当然，作为教学内容的图片使用时没有太多的要求，只要能说明问题就行。但有一点需要说明的是：图片文件的体积不能太大，太大了会导致运行或显示的速度比较慢。一般用JPG格式的文件较为适宜，因为JPG图片压缩比可灵活选择，而且图片质量也可基本满足要求。

图片除直接用于显示教学内容外，另一个重要的用途是作为背景而出现，效果好的背景不仅起到美化画面的作用，而且也能揭示出对应教学内容的深刻含义。所以使用图片作为背景要注意以下两点：

（1）背景图片色调不能太深或太鲜艳，否则主题文字颜色不好设置，不仅会使显示教学内容较为困难，而且也会喧宾夺主。

（2）背景图片不能太实，颜色种类不能太多。太实或颜色种类太多同样会起到喧宾夺主而且同样造成主体文字色彩不好设置的结果。所以我们在设计课件界面时，建议不用或少用底图。可以用一些小图片如小花、小草、小鸟等点缀画面，起到美化画面的作用。

十、声音

多媒体课件中的声音包括语言、音乐和效果声三种，除了语言教学声音是必须使用之外，其他课程的课件可根据内容来选用少量的声音。恰当地使用声音文件能起到引起注意、提示反应、表示事件进程、提供情景音效、提供反馈等，然而用不好则起到干扰、噪声的作用。使用声音文件应注意以下几点：

（1）不能太多过滥：过多的声音不但不能帮助学习者学习，反而影响其学习效果。

（2）音量尽量设置可调：每个人对声音的灵敏度不同，同样声压级的声音对有些人来说是悦耳动听，而对另外一些人来说则太大而变为噪音，所以音量可调尤为重要。有两种方式，一种是用Windows桌面任务栏上的“小嗽叭”图标调节，另外在界面上设置调节滑杆或其他方法来直接调节音量。

（3）用声音作转场效果声。这一点在演示型多媒体课件中较为重要。当画面切换时，添加声音能起到提示、警醒作用，对学习者形成新的刺激，使其产生再次学习的冲动。

十一、动画和视频

动画和视频能使学习者较为直观地观看教学内容发生、发展、结束的全过程，具有形象、直观、声形并茂的特点，适当采用能起到加深对教学内容理解的作用。但若为增加趣味性或展示编程技术而过多地加入视频文件，不仅造成课件体积过大，而且还会使课件运行速度较慢，而且某些格式的视频文件需要特殊的驱动程序和播放器，容易造成死机，从而降低课件的兼容性。

使用视频文件应注意以下问题：

（1）体积不能太大：采用压缩比较大的MPG1或MPG4较好，当然采用RM格式的视频文件更好。

（2）学习者能自主控制视频的播放过程：如在视频文件窗口下面设置一些操作控制按钮，如放映、暂行、停止、快进、快退等。来方便学生根据自己的情况进行操作，当然视频窗口的位置和大小也应设置可调。

综上所述，界面的设计不仅要向学习者提供一个交互性强的操作环境，而且还要从用户的视、听感官享受等方面进行全盘考虑。所以在界面设计时，应该把握整体，统筹安排，制作出文字、图形、图像、声音、动画、视频和谐统一的课件，达到最佳的教学效果。

参考文献：

1、何克抗 主编 《计算机辅助教育》 高等教育出版社

1997年版

2、祝智庭等编著《多媒体CAI课件设计与制作基础》电子工业出版社1998年版

3、《色彩》主编吕智凯 陕西人民出版社 1998年版

4、张森、宗绪锋编著《多媒体CAI课件基本原理与制作技术》北京航空航天大学出版社2000年6月版

5、付智怡《注意规律在课件设计制作中的运用》 中国电化教育2002年第2期

多媒体课件界面设计技法略谈

现代教育技术专业毕业论文

牛

赟