人机交互软件界面评估

《人机交互软件界面评估》由会员分享，可在线阅读，更多相关《人机交互软件界面评估（11页珍藏版）》请在金锄头文库上搜索。

1、人机交互技术软件界面评估学号：姓名：手机设计的人性化已不仅仅局限于手机硬件的外观，手机的软件系统已为用 户直接操作和应用的主体，它应以美观实用、操作便捷为用户所青睐。用户界面 设计的规范性显得尤为重要。随着科技的不断发展，手机的功能俞之强大，基于手机系统的相关软件应运 而生，手机设计的人性化已不仅仅局限于手机硬件的外观，手机的软件系统已成 为用户直接操作和应用的主体，它应以美观实用、操作便捷为用户所青睐。用户 界面设计的规范性显得尤为重要。 一、界面效果的整体性、一致性。手机软件运行于手机操作系统的软件环境，界面的设计应该是基于这个应用 平台的整体风格，这样有利于产品外观的整合。1、界面的色彩

2、及风格与系统界面统一软件界面的总体色彩应该接近和类似系统界面的总体色调，例如：系统色 调以蓝色为主，我们的软件界面的默认色彩最好与之吻合，若使用与之大相径庭 的色彩，比如大红、柠檬黄，色彩的强烈变化会影响用户的使用情绪，假想你买 了一款从外观到系统界面都很满意的手机，操作的时候突然发现内置的应用软件 和系统界面不统一，你会有何感想呢？第一感觉不好的东西我们的用户还会去用 它吗？所以我们要知道手机的外观和系统界面已经是由手机制造商根据用户审 美习惯定制的，它应该有他们的审美群体，我们要给这款手机做软件就应该有效 地利用制造商基于此款手机的审美特征，以赢得喜爱此款手机的用户，使他们对 系统界面的肯

3、定和喜爱有效的转移到我们的产品上来。当然合理地结合系统界面 进行设计还包括图标、按钮的风格及在不同操作状态下的视觉效果。 2、操作流程的系统化手机用户的操作习惯是基于系统的，我们的界面设计在操作流程的安排上， 也得遵循系统的规范性，让用户达到可以使用手机就会使用我们的软件，简化用 户操作流程！ 二、界面效果的个性化是不是我们追求整体性和一致性，就忽略软件界面的个性化呢?整体性和一 致性是基于手机系统视觉效果的和谐统一而考虑，个性化是基于软件本身的特征 和用途而考虑。因此这一点也是不容忽视的！ 1、特有的界面构架软件的实用性是软件应用的根本，我们设计应该结合软件的应用范畴，合 理的安排版式，以求

4、达到美观适用的目的，这一点不一定能与系统达到一致的标 准，它应该具有它所具有的行业标准，例如:证券交易、地图操作等界面特征， 需要分析软件应用的特征和流程制定相对规范性的界面构架。界面构架的功能操 作区、内容显示区、导航控制区都应该统一规范，不同功能模块的相同操作区 域的元素风格应该一致，让用户能够对不同的模块的操作迅速掌握。从而也使整 个界面统一在一个特有的整体之中。 2、专用的界面图标软件的图标按钮是基于自身应用的命令集，它的每一个图形内容映射的是 一个目标动作，因此作为体现目标动作的图标，它应该有强烈的表意性，制作过 程中选择具有典型行业特征的图符，有助于用户的识别，方便操作。图标的图形

5、 制作不能太繁琐，要适应手机本身显示面积很小的屏幕，在制作上尽量使用像素 图，确保图形质量清晰，如果针对立体化的界面，可考虑部分像素羽化的效果， 以增强图标的层次感。 3、界面色彩的个性化设置色彩影响一个人的情绪，不同的色彩会让人产生不同的心理效应，反之不 同的心理状态所能接受的色彩也是不同的，不断变化的事物才能引起人的注意， 界面设计的色彩个性化，目的就是用色彩的变换来协调用户的心理，让用户对软 件产品时常保持一种新鲜度，它是通过用户根据自己的需要来改变默认的系统设 置，选择一种自己满意的个性化设置，达到软件产品与用户之间的协调性。在众 多的软件产品中都涉及到了界面的换肤技术，在手机的软件界

6、面设计过程中，应 用这一个性设置可以更大的提升软件的魅力，满足用户的多方面需要！在具体操 作实现的过程中，色彩的搭配显得尤为重要，要考虑图标色彩与换肤色彩的色彩 反差和效果的统一，以不至于造成花、乱的界面效果。 三、界面视觉元素的规范1 、图形图像元素的质量 尽量使用较少的色深表现色彩丰富的图形图像，既确保数据量小又确保图形图 像的效果完好，使图形图像在软件系统中所占数据量尽量减小，提高程序的工作 效率。2、线条色块与图形图像的结合界面上的线条和色块后期都会用程序来实现，这就需要考虑程序部分和图像部分 的结合，需要自然的结合才能协调界面效果的整体感，所以需要需要程序员与界 面设计人员的密切沟通

7、，达成一致。手机软界面是置身于手机操作系统中的人机交互的窗口，设计界面必须基于 手机的物理特性和软件的应用特性进行合理的设计，界面设计师首先应对手机的 系统性能有所了解，例如：手机所支持的最多色彩数量、手机所支持的图像格式， 其次应该对软件的功能详细了解熟悉每个模块的应用模式。从而做到最大限度的利用现有资源进行用户界面的开发。0CtohtactsApplications?Phonebook gmcocleMy OwnSkin pWe 22/03/2006 0OTOLogsF I 1 严Ifr 整Z .C0mmuri.IFBSefvices Installed癖.K丸*二攀辭主要界面的构成被分为

8、几个标准的信息区域（主要针对于按键手机，触屏手 机相对灵活）：状态区、标题区、功能操作区、公共导航区状态区标题区功能操作区公共导航区MISICPLMER-1000/100 0 龟MY CURRENT TRACK2空!Ririgirig TypeMessage Alert Tone:.j.OptionsEpwwMyUJPFIII - PMOptions fExit：界面的版式构成依赖于界面的点线面的构成，手机软件由于自身运行环境小 那就决定了必须控制自身的大小。因此我们的界面图形必须根据需要进行切分， 能够用程序实现的效果尽量用程序实现，如单色的线和面。复杂的图标就保留用 图片方式来呈现，因此我

9、们在界面版式的设计稿完成后，必须和程序员进行密切的沟通，对需要分解的图形元素进行分解后优化，然后交付程序员进行版式的第 二次组合。 提供数据准确的界面版式分割图及关键切片的坐标位置图示 根据程序员提供的坐标定位规则来确定图形切片的位置，一般都是以界面的 左上角的顶点为原点来标示相对坐标。 简约明快型（适合色彩支持数量较少的彩屏手机） 基于大块颜色和线条组合的构成方式，不乏大气、简约且精到、精彩。点线 面基本元素的形状构成结合色彩的纯净搭配，干净利落，给用户的操作带来轻松 的感受。YhjJ匸iB显示显示与扫E序图标应用设置列表 琳序：时间字母在设计的过程中基于上述风格设计的思路，在视觉效果的设计

10、上需要参考如下 方法：a、结合界面图形设计的隐喻性，图标图形尽量使用简洁的平面图形，尽量 使用像素化的表现形式。b、展现图形界面的精到之处，合理的使用线条和色彩渐变,以确保细节的 完美体现。c、把握界面整体色调的同时注意在图标和线条的色彩配置上下功夫，以活 跃整个画面，避免整个界面色彩单一，黯淡无光.手机界面设计中的趣味性主要是指形式的情趣。这是一种活泼性的版面视觉语言。如果版面本无多少 精彩的内容，就要靠制造趣味取胜，这也是在构思中调动了艺术手段所起的作用。 版面充满趣味性，使传媒信息如虎添翼，起到了画龙点睛的传神功力,从而更吸 引人，打动人。在手机界面设计中，可以考虑使用个性的图标或者有趣

11、味性的版 面造型等手法去表现界面的趣味性。独创性原则实质上是突出个性化特征的原则 鲜明的个性，是排版设计的创意灵魂。试想，一个版面多是单一化与概念化的大 同小异，人云亦云，可想而知，它的记忆度有多少？更谈不上出奇制胜。因此， 要敢于思考，敢于别出心裁，敢于独树一帜，在排版设计中多一点个性而少一些 共性，多一点独创性而少一点一般性，才能羸得用户的青睐。cuatr*pJogrhMrtMl1300Hta16有电话呼入小明xiaopeng:13810584640Bffl中国移动目。光中国移动penFacepenFace基于饱和的色彩和华丽的质感，塑造超酷、超眩的视觉感受，利用羽化 了的像素对图形图像进

12、行仿真设计，不仅塑造界面色彩、形状，还进一步在 元素的质感和体积感上下功夫。给用户一种高贵华丽的视觉享受。在设计的过程中基于上述风格设计的思路，在视觉效果的设计上需要参考 如下方法：a、塑造界面的体积感和质感，根据需要表现透明、半透明、粗燥、光滑等 不同的视觉效果。b、图标的制作中尽量避免生硬的边缘轮廓，提倡渐变、羽化加强图形的仿 真性能，使设计更加趋于人性化。c、考虑界面的整体色调，最好使用邻近色或同类色进行色彩构成，采用色 彩的弱对比，因为界面图形本身就结合了体积感和质感的塑造，如果整体色 调对比太强，很容易给用户造成眼睛疲劳。1图形元素设计原则：风格统一、简洁、直观、隐喻。2图形元素设计

13、流程： 确定风格确定图标的功能确定图标的造型进行制作 结合界面其他元素的需要，对图标的整体风格进行考虑，以保证图标和整体 效果的融合。明确意义的图标，风格鲜明的版面设计是手机界面设计的重要 工作，目前较为流行的是以 MOTOROLA，NOKIA 等为代表的欧洲简单风 格，以及韩国以 samsung，lg 为代表的时尚绚丽的风格，日本的 shapp 手机 也很有特色,iphone则是无数手机厂商跟风和膜拜的对象掀起了 tuch狂潮。确定图标功能： 在设计图形之前这一点显得特别重要，我们设计图标的目的是实用又美观 也就是说要考虑图标的隐喻性，他代表的意思必须是用户可知的、熟知的。 所以图标的功能是

14、我们进行图标造型设计的标准和依托。确定造型的方法多种多样，只要不违背图标表达的主题。图标的造型设计我 们提倡原创，先用 illustrator 进行绘制，然后 photoshop 做图标设计的后期效果处 理。所有界面上同级、同类的图标我们还要保证表现形式的统一，避免用户视觉 上的紊乱。设计注意事项1）色彩问题：LCD本身的限制，在色彩的还原程度上没有PC如此完善，因此在选用色彩 时要根据使用的屏幕进行调节，方法就是将设计好的效果图导入相应的手机中， 用该手机自带的图片浏览软件进行全屏效果查看或者请求开发人员帮助。12:55cni12:55CjBmusic aclefonar可实现性问题： 受到

15、硬件运算速度和内存的影响，以及不可预计的后台程序开发难度，过于 复杂的效果将很难进行实现，与程序工程师和UI工程师，硬件工程师的沟 通显得尤为重要。 手机软件界面设计在界面设计领域是一项新兴的设计领地，在相对狭小的版 面我们要设计出精美实用的界面，需要我们界面设计人员在象素化的图形世 界需找更多的细节表现。在制作过程中更需要我们深入了解手机及其相关软 件，密切地和程序员沟通、交流共同打造这片新土地。 在遵循手机软件界面设计规范的基础上，符合用户操作习惯的基础上，增加 界面设计的趣味性十分重要。目前国内手机界面设计的趣味性不强。感觉大 多数手机界面设计师做的大多数界面过于程式化，图标也缺乏原创和新意。 希望我们的 ui 设计团队能够独树一帜，出类拔萃。