首页 手机界面设计

手机界面设计

举报
开通vip

手机界面设计null手机界面设计手机界面设计一、手机界面的概念一、手机界面的概念 手机是一种能提供信息服务或通过网络系统交互信息的消费类电子品.具有信息服务功能。其主要功能便是为用户提供一个信息交流的平台。而人与手机的交流主要是通过手机界面完成的。如下图所示手机界面与人之间的关系。通常手机的界面可以分为硬件界面和软件界面。null手机界面与用户之间关系分析图null 手机交互界面的每一个部分都为用户提供了不同的信息。随着手机功能的多样化与电了技术的快速更新,手机产品所拥有的功能部件也不断丰富起来,如果按照...

手机界面设计
null手机界面 设计 领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计 手机界面设计一、手机界面的概念一、手机界面的概念 手机是一种能提供信息服务或通过网络系统交互信息的消费类电子品.具有信息服务功能。其主要功能便是为用户提供一个信息交流的平台。而人与手机的交流主要是通过手机界面完成的。如下图所示手机界面与人之间的关系。通常手机的界面可以分为硬件界面和软件界面。null手机界面与用户之间关系 分析 定性数据统计分析pdf销售业绩分析模板建筑结构震害分析销售进度分析表京东商城竞争战略分析 图null 手机交互界面的每一个部分都为用户提供了不同的信息。随着手机功能的多样化与电了技术的快速更新,手机产品所拥有的功能部件也不断丰富起来,如果按照这些部件在人一机系统中所处的功能区域来进行分类的话,那么这些功能可以分为: 输入部分包括按键、操纵杆、oT键(导航键)、手写笔、触摸屏幕、爵筒、旋钮、并式插槽、摄像头、红外接口等设备. 输出部分包括显示屏幕、听筒、显示灯、蓝牙等设备。(如图手机硬件界面图解) NOKIA手机硬件界面图解a手机硬件界面 null 手机硬件交互界面的每一个部件和每一根线条都包含有人机交互的信息,人们依靠视觉线索去理解产品界面所传达的信息,每一个按键、功能键等都会“说话”,它们通过结构、形状、颜色、材料和位置来象征自己的含义,表达和传递自己的操作方法以及美感信息。nullb手机软件界面 显示屏幕尺寸大是当今手机市场占领的一大优势.手机硬件界面有一半或者一半以上都是显示屏幕所占的区域,那么,用户的视觉焦点大部分时间都是停留在显示屏幕上的,尤其是现在触摸屏幕技术被人量地运用于手机上,使得用户输入与手机信息输出的功能被一同整合在显示屏上,这样就导致了用户的操作与信息获得基本上都围绕着手机的显示屏幕进行。而手机的显示屏幕所显示和反馈的信息所依赖并为之存在的形式就是软件界面。因此,做好手机软件界面的规划设计,对更好的实现人机信息交互有重要的意义。null索爱K750主题界面设计欣赏null 作为人机之间的信息界面,软件界面甚至比硬件界面还要来得重要,需要合理地设计和管理人机之间的对话机构。对软件界面的设计最主要是设计手机与用户之间的对话结构, 手机与用户之间的对话形式和习惯,越是符合用户认知心理上的对话习惯,用户就更加易于学习和适应这种对话机构。如下图人一机之间的对话结构分析图。 人-机界面对话结构分析图null二、国内外手机界面设计发展现状1、欧美手机的界面设计 欧美的手机新品的研发过程中比较注重人性化的一种设计理念,把“人”的因素贯穿在整个界面设计的过程中,充分的考虑到了手机界面与整个既定主题风格的统一性。欧美的手机界面设计,虽然严谨归整,延续性很强,但始终变化不多,图标也大多足常见的九宫格、十二宫格排列,图形大而醒目,背景屏幕足常见的深蓝或黑色。如下图所示,APPLE公司07主打手机iPhone的界面设计,iPhone的软件导航系统具备高逻辑性导向,如在待机画面有一个箭头图案,用户很自然会把它在屏幕上用手指一推,这就是取消屏幕锁的方法,进入主目录,整面是标案.最底部是 iPhune的几大重点应用,包括电话、电子邮件、上网及iPod.按下之后.相关的功能便显示出来,操作简单直觉。nullAPPLE公司07主打手机IPHONE的界面设计展示图null2、日韩的手机界面设计 日本手机界面设计时很注重信息的传达。相较于其他国家,日本手机使用者中利用手机传送电子邮件、上网的比例相当高。主菜单常运用剪影式的图标处理手法。借以优质的屏幕,画面简洁大方,却又不乏精致细腻。并不是屏幕质量好,就能达到精致细腻的视觉感受,关键是要看界面的统一性。统一性其实是个很宽泛的概念,在手机界面上可以具体表现为界面和外观的统一、图形和配色的统一、图标透视的统一、表现手法的统一等等。日本的手机软件界面设计图示null 日本手机界面并不是一味的简洁,多元化发展是符合不同的人群定位需求的。门本PDC手机大部分都有两套界面图形,一套简洁的平面化处理、一套绚丽的3D立体效果。就单个图标符号的设计上和韩国都达到了相当高的设计水准,但是日本手机界面在图标的组合和整体布局上,更重视视觉流程的顺畅和信息传达的无误,总体感觉较之韩国手机界面.更为保守、严谨。立体图标.这时再配以强大的图形处理器,也许就手机界面而言,的确是一种享受。日本的手机软件界面设计图示 在更新颖的交互操作和与手机ID设计的整体结合上,韩系手机比较突出,而在可用性和体验难度上,欧系手机则比较优秀。nullnull3、国产手机设计的发展及现状 中国的模拟手机时代,大概可以从1987年中国移动通信集团公司开始运营900MHz模拟移动电话业务算起,到2001年6月30日,中国移动通信集团公司完全停止模拟移动电话网客户的国际、国内漫游业务截止。模拟移动电话系统主要采用模拟和频分多址(FDMA)技术, 属于第一代移动通信技术。凡号码以“9’’字开头的手机都属模拟网。模拟蜂窝移动电话通过电波所传输的信号模拟人讲话声音的高低起伏,因此这种通信方式被称为“模拟秀式”。模拟移动电话系统的质量完全可以与固定电话媲美,使通话双方能够清晰地听出对方的声音。但模拟移动通信与数字移动通信相比保密性较差,极易被并机盗打;只能实现话音业务,无法提供丰富多彩的增值业务;网络覆盖范围小且漫游功能差;模拟手机体积大、重量沉、样式陈旧,加之手机供应商早已停止生产模拟手机,使模拟手机的维修与更新受到严重制约。null 中国移动通信集团公司将于2001年12月31日后关闭模拟移动电话网,停止经营模拟移动电话业务。20世纪80年代,全球移动电话业务发展非常迅猛。80年代后期,全球使用无线电话终端的用户数年增长率为40%,远远超过同期有线电话用户的年增长率。在90年代前几年中,无线寻呼用户的年增长率达30%-40%,无绳电话用户的年增长率为30%左右,而移动电话用户的年增长率则高达40%-50%。移动电话已由模拟转向数字发展,包括GSM和CDMA制式的数字移动电话正在世界范围内高速发展。null(1)、(1997年-1999年)功能大于审美 这一时期,人们对手机的追求在功能方面大于审美方面。由于手机硬件技术的限制,手机的显示屏也仅仅只是由一两个简单的图形界面,黑白两色构成。这个阶段对手机基本功能的追求是第一位的。手机屏幕从只能显示单行或双行,发展到支持滚动窗口方便访问者看到更多的信息,同时,开关机的画面开始具备了黑自动画,文字与图标也开始运用简单的动画。与此同时,我们国内在这方面起步较国外晚,国产手机全国销量还不到2%。null(2)、(2000年一2001年)在功能完善的基础上,人们对视觉审美 有一定要求 随着手机市场化竞争同益激烈,人们除了手机功能的完备外,开始对界面的视觉审美有了一定的要求。此时,技术层面已经可以实现一屏显示多行文字的要求,于是彩屏、双屏应运而生,第一款“三星”双屏手机的问世使得手机屏幕使用更加科学。在区分主屏和外屏的基础上,传达了更加人性化的概念。这个阶段的软件界面多采用绚丽的色彩,加速用户领会和操作界面信息的程度,各种手机界面的设计日益统一,拥有了较为统一的图形外观及版面结构。国内的模拟移动电话网完全关闭,正式进入GSM时代。国产品牌手机开始迅速发展起来。包括CDMA等制式在内的2G技术占据手机市场主流。null(3)、(2002年一2006年)功能和审美整合 这一阶段,全球信息网络发展迅速,手机界面设计在技术层面已经日趋成熟,与之相应的是软件界面的响应时间、显示速度、显示色彩均大幅提高,许多手机将音乐播放、游戏、上网冲浪等功能加入手机,使其与人的使用习惯结合。各类绚丽多彩的图形交互菜单使得手机软件界面更易于理解和使用。这又为手机界面的发展提供了更大的空间。null 在这里主要拿GSM制式手机来做一分析。按照用户对手机界面的视觉审美可分为以下三个阶段:null 在手机界面的开发和设计的过程中,国外企业通常把创新作为产品开发的核心,与之相反的是,大多数国内企业以跟随、模仿战略为主,在现今这个体验式消费的时代,如何更好的满足人的需求变成了产品的核心要素,调研是设计出优秀产品至关重要的前提。然而跟国外企业相反的是,没有多少中国企业愿意在这上面花费财力和人力。不了解消费者,优秀的产品设计也就无从谈起。 一些手机制造商为了满足市场对新款手机样式的需求,极力缩短手机从研发制造到上市的时间,导致部分产品质量不稳定,返修率较高,用户关于手机质量的投诉不断增加。此外还有贴牌、变脸等因素。专家指出,虽然目前手机投诉的相对量还较小,但绝对数量却在不断增加,其投诉量已列居各电子类产品之首。国产GSM手机的市场份额仅已跌至20%多,达到了历史最低点。nulla在新产品开发的过程中创新性不够 如下图2007年6月国产CECT P168爱丰手机,外观几乎和苹果公司2007年1月10日在旧金山的MacWorld 2007上,公司(AppleInc)总裁兼CEO史蒂夫·乔布斯隆重推出苹果公司的第一款手机产品iPhone完全一样,连开机的画面和操作界面的图标也足一样的,这样也就无法产生出原创性的具有震撼力的作品。null图为apple公司的IPHOEN手机界面,nullb、营销策略、产品规划盲目 国产手机行业以低端价格切入市场,虽然低端价格可能会促进销量的增大,但是这只是短暂的、暂时的现象,想要获得市场的认可,还是在于品牌风格的延续性和用户忠诚度。国产手机的品牌得不到用户认可的原因除了技术这类因素之外,更大的问题便在于国产手机疏于考虑“人”的因素,不注重用户体验,不关注用户的需求,盲目的品牌意识或者简单的对外观的改进是不能触动用户的心灵,进而增强用户忠诚度的。nullc忽略受众的审美需求 在软件界面开发的过程.图形用户界面设计师的介入时间过晚。尤其是对于手机的软件界面来说,这是直接与用户进行交流的区域,但是大部分国产手机的软件界面制作粗糙,只是在全部的设计过程结束的时候,请些设计师甚至技术人员草草地完成。因此,很多国产手机的软件界而非常不易于使用,界而不美观,用户需要额外的学习和记忆才能找到自己需要的功能,界面的反馈不及时,操作过程不能为用户带来惊喜感。这样的软件界面是不能吸引用户使用的。通过对国产手机软件界面的调查,发现除了一些品牌例如联想、多普达等等对软件界面很关注,并且投入了大量的精力开发等等,大部分品牌都没有对软件界面注入很大的关注。 null三、手机界面设计视觉语言符号分析1、视觉语言概述 “视觉语言”这一名词来源于英文“Langurag of vision”,视觉语言其实源于科学的造型理论,在造型艺术领域,这种可以传达情感、理念和信息的形象以及图形、色彩等因素所构成的视觉样式,被称为“视觉语言”或“视觉形象语言”。null2视觉语言的基本特征 时代的进步发展,设计的应用己经深入到人们生活的各个领域,同时它也通过其精炼、速达的视觉语言达到信息交流和传递的目的。在设计艺术中恰当地使用视觉语言较之其它语言来说,能收到更好的效果。作为设计领域的视觉语言它需要满足以下几个基本要求。nulla可认知性 认知是指视觉语言、视觉形象要能引起人们视觉上的可识别性。这种注意同视觉形象的结构、大小、方位、环境、色彩因素有关。现代社会环境,变化万千,信息流动性强,使人们的注意力不易集中,那么在设计时往往采用概括简炼、生动鲜明的视觉语言,通过对图形或色彩的创意变化,将用文字或听觉语言都难以表达清楚的含义表达出来,这种表达方式利于吸引视线和注意力,可以产生事半功倍的效果。作为设计中的视觉语言,要非常重视现代社会的特点以及受传者的生理、心理因素,从尊重人们的习惯心理和公认原则出发,体现出可认知性特征,如果视觉语言运用中没有考虑到体现这一特征,就会出现形象和色彩设计的随意性,影响到信息传递过程中的统一和连贯。nullb明确性 人的视觉、听觉等感官,都是人们心理活动的出发点。视觉语言发挥作用就是按照这一心理活动的规律,借助简洁的形象和色彩引导观者向一定的方向集中注意力从而产生正确的认识。所以,视觉语言应该明确、简炼,要防止信息误导,图形构成也要力求删繁就简、以少胜多,一切分散用户注意的图形、线条,可有可无的装饰都应该被摒弃,使参与构成的诸元素均与设计信息的主要内容有关。造型元素的编排应该简明、清晰。形象繁杂、构成紊乱会降低视觉冲击力,传递信息的效果得不到应有的发挥,从而降低了视觉语言作用。nullc易记忆性 所谓记忆性是指形象能长期地记忆于脑中,并能形成一定的条件反射。它充分利用各种构成因素,通过均衡、调和、动静对比、视觉诱导、结构比例等关系要素以及色彩设计,使其成为强有力的图形构成。简洁、概括、通俗的视觉语言给受传者提供正确而印象深刻的视觉信号,并赋予设计作品新颖、醒目的艺术魅力,引起公众对视觉形象的注意和长久的记忆。null3手机界面设计中视觉语言的符号化 符号是负载和传递信息的中介,是认识事物的一种简化手段,表现为有意义的代码和代码系统。当然,符号这一概念的外延相当广泛,设计中的符号作为一种非语言符号,与语言符号有许多共性,使得语意学对设计也有实际的指导作用。通常来说,可以把设计的元素和基本手段看作符号,通过对这些元素的加工与整合,实现设计所要传达信息的目的。 一切的文化现象都是符号现象,所以,设计现象也是一 种符号现象,那么将设计的视觉语言符号化也是设计是为了传达该作品信息功能的目的。在手机界面设计中笔者把其硬件界面和软件界面设计中所涉及到的视觉语言进行符号化,也是为了刚好的传达设计信息和设计理念。null1)手机软件界面视觉语言符号分类a文字符号 文字是信息最主要的载体.手机的文字主要体现在各级菜单名、菜单选项、各类阅读信息以及状态 说明 关于失联党员情况说明岗位说明总经理岗位说明书会计岗位说明书行政主管岗位说明书 等方面,文字内容必须简单浓缩。文字尺寸在屏幕尺寸己定的前提下应该严格按照人机工程学 标准 excel标准偏差excel标准偏差函数exl标准差函数国标检验抽样标准表免费下载红头文件格式标准下载 进行设计。而且按照屏幕的尺寸来看,每个屏幕可以显示的文字的列数、行数、文字尺寸和字间距,包括文字的颜色都应该按照屏幕的规格来设计。 可以把图形符号与文字符号结合在一起,重新构成字的新的概念,赋予文字特定的含义.或重新来诠释它的字面意义,进行文字的意象化处理,使沟通真正形成.依靠文字符号准确完整地传逃设计信息,使设计思维过程真正圆满和完整起来。null诺基亚N95手机的硬件界面和软件界面的文字搭配nullb色彩符号 色彩影响一个人的情绪,不同的色彩会让人产生不同的心理效应,反之不同的心理状态所能接受的色彩也是不同的,不断变化的事物才能够引起人的注意,界面设计的色彩个性化,其目的就是用色彩的变换来协调用户的心理,它是通过用户根据自己的需要来改变默认的系统设置,选择一种自己满意的个性化设置,达到软件产品与用户之间的协调性,从而使用户对手机界面的软件产品时常保持一种新鲜度。 nullc图形图像符号 在手机界面的视觉语言中,图像和图形是最为直观的视觉符号,它们所展现的是具体可感的形象世界。图像、图形是设计传递信息的辅助工具,交流双方在很多情况下依赖于图像、图形等符号来进行信息交流、表达感情。 首先,图像和图形符号具有形象生动、富于情感的特点,其次,图像和图形符号还可以根据画面内容配以恰当的色彩,给人以强烈的视觉冲击,人们可以根据自己的不同的主观感受、生活经验等来理解和感受图像和图形符号,从而传达出一些文字、语言等其他方式无法传达的信息。nulla视觉语言符号的简明性 产品的视觉语言不像绘画那样有具体性,而是依附或从属于该产品的设计理念进行信息的传达,在表达方式上与其它的视觉语言一样,既要简洁明快又要易识易记。 b视觉语言符号的生动性 生动优美的语言比一般的语言更能打动人心,同样,运用生动的视觉语言对手机界面设计来说更是能够起到突出设计主题,传达设计信息的作用。产品设计作为设计信息传达的一种视觉形式,为了能更好地表达设计主题,在视觉语言的使用上可以不受色彩、形象等的限制,采用不同手法的表达方式任意组合、搭配,使产品能够更加具有生动性。2)视觉语言符号设计的原则nullc视觉语言的时代性 国际互联网创造了科技、经济、文化的新纪元。在网络代。在手机界面的设计中必须正确掌握运用视觉语言,并且要使视觉语言具有时代性,使之与价值观念多样化、生活结构多元化、审美意识即时化相适应。在现代设计中只有用具有时代性的视觉语言进行设计表现.才能将设计信息准确地传达出去,达到设计的目的。 d视觉语言的民族性 民族风格的形成.是一个民族或一个国家在漫长的历史岁月中,人们在共同的地区,使用共同的语言,过着共同的经济生活,有着共同的心理素质.所形成的与其它民族不同的语言、习惯、信仰、道德情操和审美观。同样,不同国籍,不同民旅的审美要求不同,在其设计语言表达中.使用了自己民族特有的元素作为视觉语言来进行设计信息表达,而越是富有个性和民族性的设计,越是受到更多的关注和欢迎。null四、手机软件界面设计 1、界面设计原则 a了解用户移动应用的用户不一定熟悉桌面计算机的操作 移动证券软件的用户的目的是要了解股票行情或进行证券交易 移动手机游戏的用户是为了打发时间或休闲娱乐 ……nullb易于检索 避免嵌套过深的多级菜单,缩减不必要的功能。 以满足用户的目标需要为准,尽量减少用户进行信息访问时所要采取的步骤。 同时尽可能创建多种信息访问途径。nullc采用一致的界面风格 不必要的差异常常会让用户感到不习惯,从而降低可用性。 一致的界面风格对用户来说很直观。 应当检查每个布局和每个显示来保证其一致性。 各种移动应用开发平台都提供某种形式的应用界面的风格指南,仔细研究这些指南对于移动应用的界面设计非常重要。nulld避免不必要的文本输入 尽量使用户避免不必要的文本信息的输入,而采用选择列表或模糊查询,即输入一部分查询关键词就可以获得检索目标或包含目标的列表可供用户选择,这样可以降低对于用户进行关键字文字输入的麻烦。nulle根据用户的要求使服务个性化 允许应用保留用户信息以便能够记录用户的个性化信息,下一次用户启动应用时可以得到个性化的服务。 nullf最大限度地避免用户出错 预测用户可能出现的错误,提供相应的机制尽可能避免。 例如:如果用户要输入日期,可以采用格式化输入的方法,检查用户输入是否全部是数字,而且代表日期、月份以及年份的数字的取值范围是否在合法的范围内。nullg文本信息应当本地化 要根据应用所使用的地域特点,使应用本地化。例如,在美国使用zipcode (邮政编码)术语,而在英国和澳大利亚使用post或postal code(邮政编码)。有时,用词得当与否也可以决定某种应用可用性的好坏。词义表达清楚是关键,要避免使用含混不清的用语。 null 2、1界面层级 idle(待机界面) -- mainmenu(主菜单) -- submenu(二级菜单) -- third level menu (三级菜单)… 2、定制界面版式null一个手机游戏的导航流程图表 一个手机游戏的导航流程图表 null2、2界面构成的基本单位主要界面的构成被分为几个标准的信息区域(主要针对于按键手机,触屏手机相对灵活): 状态区、标题区、功能操作区、公共导航区状态区标题区功能操作区公共导航区Sony Ericsson null1)状态区: 标示手机目前运行状态及事件的区域,可以包含电池电量、信号强度、运营商名称、未处理事件icon及数量、时间等。状态区域并不是必须存在,可依照交互需求进行取舍。 2)标题区: 主要是LOGO、名称、版本以及相关图文信息。 3)功能操作区: 它是软件的核心部分,也是版面上面积最宽的部分。包含有列表(list)、焦点(highlight)、滚动条(scroalbar)、图标(icon)等很多不同的元素。不同层级的界面包含的元素是不同的,需要依据具体情况合理搭配运用。 4)公共导航区: 也称之为软键盘区域,它是对软件操作进行宏观操控的区域,随时可见,在这里它可以保存当前操作结果、切换当前操作模块、退出软件系统,实现对软件的灵活操控。null3、视觉效果 手机界面的视觉效果,应该遵循用户的个性化需求为原则,通过视觉感官的刺激,增加用户的亲和力,适应不同用户的不同心理特征。 3、1简约明快型 (适合色彩支持数量较少的彩屏手机) 基于大块颜色和线条组合的构成方式,不乏大气、简约且精到、精彩。点线面基本元素的形状构成结合色彩的纯净搭配,干净利落,给用户的操作带来轻松的感受。nullnull 在设计的过程中基于上述风格设计的思路,在视觉效果的设计上需要注意以下几点: a、 结合界面图形设计的隐喻性,图标图形尽量使用简洁的平面图形,尽量使用像素化的表现形式。 b、 把握界面整体色调的同时注意在图标和线条的色彩配置上下功夫,以活跃整个画面,避免整个界面色彩单一,黯淡无光.null3、2趣味与独创型 手机界面设计中的趣味性,主要是指形式的情趣。这是一种活泼性的版面视觉语言。如果版面本无多少精彩的内容,就要靠制造趣味取胜,这也是在构思中调动了艺术手段所起的作用。版面充满趣味性,使传媒信息如虎添翼,起到了画龙点睛的传神功力,从而更吸引人,打动人。在手机界面设计中,可以考虑使用个性的图标或者有趣味性的版面造型等手法去表现界面的趣味性。独创性原则实质上是突出个性化特征的原则。鲜明的个性,是排版设计的创意灵魂。试想,一个版面多是单一化与概念化的大同小异,人云亦云,可想而知,它的记忆度有多少?更谈不上出奇制胜。因此,要敢于思考,敢于别出心裁,敢于独树一帜,在排版设计中多一点个性而少一些共性,多一点独创性而少一点一般性,才能羸得用户的青睐。 null null3、3高贵华丽型 (适合支持色彩数量较多的彩屏手机,最好支持带8位Alpha通道的png透明图) 基于饱和的色彩和华丽的质感,塑造超酷、超眩的视觉感受,利用羽化了的像素对图形图像进行仿真设计,不仅塑造界面色彩、形状,还进一步在元素的质感和体积感上下功夫。给用户一种高贵华丽的视觉享受。 null 在设计的过程中基于上述风格设计的思路,在视觉效果的设计上需要注意以下几点: a、 塑造界面的体积感和质感,根据需要表现透明、半透明、粗燥、光滑等不同的视觉效果。 b、 图标的制作中尽量避免生硬的边缘轮廓,提倡渐变、羽化加强图形的仿真性能,使设计更加趋于人性化。 c、 考虑界面的整体色调,最好使用邻近色或同类色进行色彩构成,采用色彩的弱对比,因为界面图形本身就结合了体积感和质感的塑造,如果整体色调对比太强,很容易给用户造成眼睛疲劳。4、视觉元素的设计4、视觉元素的设计4、1图形元素设计原则: 风格统一、简洁、直观、隐喻、4、2图形元素设计流程 确定图标的功能——确定风格——确定图标的造型——进行制作 1)确定图标功能: 在设计图标之前这一点显得特别重要,我们设计图标的目的是实用又美观,也就是说要考虑图标的隐喻性,它代表的意思必须是用户可知的、熟知的。所以图标的功能是我们进行图标造型设计的标准和依托。 1)确定图标功能: 在设计图标之前这一点显得特别重要,我们设计图标的目的是实用又美观,也就是说要考虑图标的隐喻性,它代表的意思必须是用户可知的、熟知的。所以图标的功能是我们进行图标造型设计的标准和依托。 null 就是根据界面的总体风格的策划思路,结合界面其他元素的需要,对图标的整体风格进行考虑,以保证图标和整体效果的融合。明确意义的图标,风格鲜明的版面设计是手机界面设计的重要工作,目前较为流行的是以MOTOROLA,NOKIA等为代表的欧洲简单风格,以及韩国以samsung,lg为代表的时尚绚丽的风格,日本的shapp手机也很有特色,iphone则是无数手机厂商跟风和膜拜的对象掀起了tuch狂潮。 2)确定图标风格null3)确定图标造型并进行制作 确定造型的方法多种多样,只要不违背图标表达的主题。图标的造型设计我们提倡原创,先用illustrator进行绘制,然后photoshop做图标设计的后期效果处理。所有界面上同级、同类的图标我们还要保证表现形式的统一,避免用户视觉上的紊乱。 null4、设计注意事项 4、1色彩问题: 由于手机LCD本身的限制,在色彩的还原程度上没有PC如此完善,因此在选用色彩时要根据使用的屏幕进行调节,方法就是将设计好的效果图导入相应的手机中,用该手机自带的图片浏览软件进行全屏效果查看或者请求开发人员帮助。 4、2可实现性问题: 受到硬件运算速度和内存的影响,以及不可预计的后台程序开发难度,过于复杂的效果将很难进行实现,与程序工程师和UI工程师,硬件工程师的沟通显得尤为重要。 null五、手机硬件界面设计 1、 手机硬件界面即实体界面,主要内容包括: (1)手机按键的形状、大小、排列、位置、弹性等 (2)标识上的数字、文字、符号等.其中包括字体 及其大小、位置 (3)发音孔的形状、大小、位置等 (4)各种端口的位置、间距等 (5)显示屏的形状、大小、位置、角度、亮度等 (6)品牌标识及一些辅助性图形及造型设计null2、手机硬件界面的形态造型的风格化设计 手机形态是吸引消费者注意力的第一要素,它能够激起消费者心理上的购买欲望,同时也是手机内在功能、配置及品质等因素的外在表现。 手机硬件界面的形态造型(如图),可粗略分为两种,直板型和翻盖型。直板型讲求的是立即性的使用模式。后来延伸出另外两种操作模式:滑盖式及旋转式。翻盖型讲求的是体积较小.屏幕大的设计。此外还有一些复合式模型,实际上也是在这两种基本形式l。的组合演变而来。null诺基亚手机的形态造型示意圈null 产品受到功能与结构的限制,构成的形态不如艺术作品邢样自由奔放,但是在满足功能要求的前提下,产品的形态设计也是充满创造性的艺术活动。手机外观不同的尺寸、形状、比例分割、层次关系及细节的刻画等,体现的都是不同的艺术风格。如曲面、曲线塑造柔美;自由曲线显示流畅、节奏与韵律的时尚感;直线,小圆角过渡手法塑造严谨、刚硬;变异等造型手段能显示时代、前卫的主题等等。诺基亚旋转面板界面展示null 对称或矩形能够显示严谨,容易使消费者产生庄严、宁静、典雅、明快的心理感受;圆形和椭圆形能够显示包容,容易使消费者产生完满、活泼、生动的心理感受;白由曲线能够显示动态、节奏与韵律,容易使消费者产生热烈、自然、自肌亲切的心理感受;而残缺、变异等造型手段能够显示时代、前卫的主题。这些不同的造型语言通过对比调和、变化统一等不同的造型手段呈现不同形态的设计艺术风格。null3、手机硬件界面的色彩搭配的风格化设计 色彩是产品视觉设计的第一要素,好的产品色彩设计不但能够吸引消费者的目光,而且在展现产品设计艺术的同时,将设计师的情感通过色彩更为有效的传达给消费者,增强消费者对产品乃至产品品牌的深刻印象。“美国流行色彩研究中心的一项调查表明,人们在挑选商品的时候存在一个“7秒定律”:面对琳琅满目的商品,人们只需7秒钟就可以确定对这些商品是否感兴趣。在这短暂而关键的7秒钟内,色彩的作用占到67%,成为决定人们对商品好恶的重要因素。null手机界面常用色彩调查分析表null 手机界而的配色应基于产品色彩的功能,兼顾 “突出”与“融合”两个方面,既突出提升的方面又融 合平稳的方面。“突出型”产品色彩 方案 气瓶 现场处置方案 .pdf气瓶 现场处置方案 .doc见习基地管理方案.doc关于群访事件的化解方案建筑工地扬尘治理专项方案下载 设计时应把握: (1) 强化明度对比,突出产品的重点。例如手机的按键与显示屏;(2)抑制主体色,用“亮点”设计来强化产品界面的某一细节的重要性,提高其可操作性,如手机硬件界面上的快捷按钮:(3)利用对比色(补色)来增强对比,利用准对比色(偏离补色的色彩)使对比与平稳共存: (4)利用具有超强搭配能力的无彩色“黑色”和万能的调和色彩“白色”. 黑色无论于任何色彩搭配都能起到提升的作用,这一点也是之所以黑色手 机较受欢迎的原因,而白色可以使对比缓和的同时突出整体效果。此外, 金属般的银灰色也可以很好地与多种色彩进行搭配,以银色作为主色的电子 类产品受到消费青的普遍认可。null摩托罗拉一明A-1200 手机null “突出型”产品色彩方案设计时要增强三属性的对比,而“融合型”色彩方案在设计时 应削弱色彩的对比效果。“融合型”产品配色方法如下: (1) 使用同色系,使产品统一和谐.设计时把握色相差的变化,如色相差小的配色产生 稳定、温馨、柔和产品艺术效果。 (2) 利用明度统一,来创造产品的安定感。 (3) 利用色调来塑造产品的风格,例如从相同或相近色相中抽出两种色调的“双色调” 组合,制造色相差或是组合进浊色,都能创造出丰富的色彩表情。null 4、手机硬件界面的材质表现的风格化 手机的形态设计刺激了用户的视觉,那么手机的材质设计则给消费者视、触觉两方面的感知体验。在手机界面设计中合理选用材质不仅可以用最简约的方式表达艺术感,还可以使 手机有不同的风格、品味和象征意义。 与前两节所讲的手机变化多彩的形态和色彩相比,产品的质感变化相对较少。尽管随着科学技术的进步,已经丌发出了数以万计的新型材料,但是由于成本和工艺所限,真正用于民用产品的材料其实是不多的。 null 传统的金属材质给人冷峻、厚重的感觉,充满力量感;塑料会让人有轻便、廉价、时尚感,还有铝合金、镁合金、不锈钢等,这些新型材料与传统材料相结合经过不同的加工工艺如:喷涂、磨砂、拉丝、抛光、电镀、丝印、镭雕,电铸、蚀纹等处理,带给用户更加丰富多彩的视觉风格体验。高光烤漆可以提升产品的品质形象;磨砂质感的产品显得内敛而又品味;金属拉丝的产品质感可以体现现代的科技感;透明和半透明的塑料质感显得前卫、偏女性化;皮革感的手机产品让人觉得比较高档,尤其是和金属质感的材料搭配使用的时候效果最为明显,如NOKIA倾慕系列手机机身,酷感十足的金属装饰、暖意融融的皮质感,加上花草图腾的装饰。其设计灵感都源自民族艺术和装饰,从刺绣、3D效果的贴花、陶瓷瓷砖和其他传统装饰得来的灵感,营造出美丽的浮雕感皮革饰面和图形,绮丽而不失之香艳。这款手机混合材质的搭配,看似简约确是将所有的华美的灵感元素融为一体,充分展现一种复古流行风格。nullnullnullnull
本文档为【手机界面设计】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
该文档来自用户分享,如有侵权行为请发邮件ishare@vip.sina.com联系网站客服,我们会及时删除。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
下载需要: 免费 已有0 人下载
最新资料
资料动态
专题动态
is_445446
暂无简介~
格式:ppt
大小:3MB
软件:PowerPoint
页数:0
分类:工学
上传时间:2012-02-23
浏览量:331