手机软界面设计——基础篇
一、界面设计的原则 (1)
二、定制界面版式 (1)
1界面层级 (1)
2界面构成的基本单位 (2)
1）状态区： (2)
2）标题区： (2)
3）功能操作区： (2)
4）公共导航区： (2)
3界面元素的分解与组合 (3)
1）界面三个信息区的图形切片 (3)
2）提供相关bgcolor的16进制色值及配色方案 (3)
3）提供数据准确的界面版式分割图及关键切片的坐标位置图示 (3)
三、视觉效果 (3)
1简约明快型 (3)
2趣味与独创型 (4)
3高贵华丽型 (4)
四、视觉元素的设计 (5)
1图形元素设计原则： (5)
2图形元素设计流程： (5)
1) 确定风格： (5)
2) 确定图标功能： (5)
3) 确定图标的造型： (6)
4) 进行界面设计制作： (6)
3设计注意事项 (7)
1）色彩问题： (7)
2）可实现性问题： (7)
一、界面设计的原则
手机软界面是置身于手机操作系统中的人机交互的窗口，设计界面必须基于手机的物理特性和软件的应用特性进行合理的设计，界面设计师首先应对手机的系统性能有所了解，例如：手机所支持的最多色彩数量、手机所支持的图像格式，其次应该对软件的功能详细了解熟悉每个模块的应用模式。从而做到最大限度的利用现有资源进行用户界面的开发。
二、定制界面版式
1界面层级
idle（待机界面）-- mainmenu（主菜单）-- submenu（二级菜单）-- third level menu （三级菜单）
2界面构成的基本单位
主要界面的构成被分为几个标准的信息区域（主要针对于按键手机，触屏手机相对灵活）：
状态区、标题区、功能操作区、公共导航区
Sony Ericsson
1）状态区：
标示手机目前运行状态及事件的区域，可以包含电池电量、信号强度、运营商名称、未处理事件icon及数量、时间等。状态区域并不是必须存在，可依照交互需求进行取舍。
2）标题区：
主要是LOGO、名称、版本以及相关图文信息。
3）功能操作区：
它是软件的核心部分，也是版面上面积最宽的部分。包含有列表（list）、焦点（highlight）、滚动条（scroalbar）、图标（icon）等很多不同的元素。不同层级的界面包含的元素是不同的，需要依据具体情况合理搭配运用。
4）公共导航区：
也称之为软键盘区域，它是对软件操作进行宏观操控的区域，随时可见，在这里它可以保存当前操作结果、切换当前操作模块、退出软件系统，实现对软件的灵活操控。
针对于嵌入式软件，界面版式的设定，在很大程度上需要借鉴相关手机系统界面的版式，以确保样式的相对统一，利于系统与软件的整合。当然也要考虑软件本身的应用特性，结合操作的可用性和可实施性，对版式进行合理的调整，使呈现信息的区域与区域之间协调统一，主次得当。确保用户可以方便快捷地进行功能操作。
对于整个手机的操作系统界面，需要根据不同的设计需求进行成体系的风格设计。
3界面元素的分解与组合
界面的版式构成依赖于界面的点线面的构成，手机软件由于自身运行环境小，那就决定了必须控制自身的大小。因此我们的界面图形必须根据需要进行切分，能够用程序实现的效果尽量用程序实现，如单色的线和面。复杂的图标就保留用图片方式来呈现，因此我们在界面版式的设计稿完成后，必须和程序员进行密切的沟通，对需要分解的图形元素进行分解后优化，然后交付程序员进行版式的第二次组合。
严格来说我们需要提交几个部分的东西：
1）界面三个信息区的图形切片
标题区：命名为Title01、Title02、…
主信息操作区:其命名可根据不同栏目（应用）主信息区为标准，如：电子地图主信息操作区，map_main01、map_main02…
公共导航区：mapbar01、mapbar02…
2）提供相关bgcolor的16进制色值及配色方案
在photoshop软件中提取16进制色值：#c0c0c0。
3）提供数据准确的界面版式分割图及关键切片的坐标位置图示
根据程序员提供的坐标定位规则来确定图形切片的位置，一般都是以界面的左上角的顶点为原点来标示相对坐标。
三、视觉效果
手机界面的视觉效果，应该遵循给用户舒适、生机与活力的原则，通过视觉感官的刺激，增加用户的亲和力，适应不同用户的不同心理特征。
1简约明快型
（适合色彩支持数量较少的彩屏手机）
基于大块颜色和线条组合的构成方式，不乏大气、简约且精到、精彩。点线面基本元素的形状构成结合色彩的纯净搭配，干净利落，给用户的操作带来轻松的感受。
在设计的过程中基于上述风格设计的思路，在视觉效果的设计上需要参考如下方法： a 、 结合界面图形设计的隐喻性，图标图形尽量使用简洁的平面图形，尽量使用像素化的表现形式。
b 、 展现图形界面的精到之处，合理的使用线条和色彩渐变,以确保细节的完美体现。
c 、 把握界面整体色调的同时注意在图标和线条的色彩配置上下功夫，以活跃整个画面，避免整个界面色彩单一，黯淡无光.
2趣味与独创型
手机界面设计中的趣味性，主要是指形式的情趣。这是一种活泼性的版面视觉语言。如果版面本无多少精彩的内容，就要靠制造趣味取胜，这也是在构思中调动了艺术手段所起的作用。版面充满趣味性，使传媒信息如虎添翼，起到了画龙点睛的传神功力,从而更吸引人，打动人。在手机界面设计中，可以考虑使用个性的图标或者有趣味性的版面造型等手法去表现界面的趣味性。独创性原则实质上是突出个性化特征的原则。鲜明的个性，是排版设计的创意灵魂。试想，一个版面多是单一化与概念化的大同小异，人云亦云，可想而知，它的记忆度有多少？更谈不上出奇制胜。因此，要敢于思考，敢于别出心裁，敢于独树一帜，在排版设计中多一点个性而少一些共性，多一点独创性而少一点一般性，才能羸得用户的青睐。
3高贵华丽型
（适合支持色彩数量较多的彩屏手机，最好支持带8位Alpha 通道的png 透明图）
基于饱和的色彩和华丽的质感，塑造超酷、超眩的视觉感受，利用羽化了的像素对图形图像进行仿真设计，不仅塑造界面色彩、形状，还进一步在元素的质感和体积感上下功夫。给用户一种高贵华丽的视觉享受。
在设计的过程中基于上述风格设计的思路，在视觉效果的设计上需要参考如下方法：
a、塑造界面的体积感和质感，根据需要表现透明、半透明、粗燥、光滑等不同的视觉效果。
b、图标的制作中尽量避免生硬的边缘轮廓，提倡渐变、羽化加强图形的仿真性能，使设计更加趋于人性化。
c、考虑界面的整体色调，最好使用邻近色或同类色进行色彩构成，采用色彩的弱对比，因为界面图形本身就结合了体积感和质感的塑造，如果整体色调对比太强，很容易给用户造成眼睛疲劳。
四、视觉元素的设计
1图形元素设计原则：
风格统一、简洁、直观、隐喻、
2图形元素设计流程：
确定风格——确定图标的功能——确定图标的造型——进行制作
1) 确定风格：
就是根据界面的总体风格的策划思路，结合界面其他元素的需要，对图标的整体风格进行考虑，以保证图标和整体效果的融合。明确意义的图标，风格鲜明的版面设计是手机界面设计的重要工作，目前较为流行的是以MOTOROLA，NOKIA等为代表的欧洲简单风格，以及韩国以samsung，lg为代表的时尚绚丽的风格，日本的shapp手机也很有特色，iphone 则是无数手机厂商跟风和膜拜的对象掀起了tuch狂潮。
在更新颖的交互操作和与手机ID设计的整体结合上，韩系手机比较突出（samsungf488），而在可用性和体验难度上，欧系手机则比较优秀（nokia）。
2) 确定图标功能：
在设计图形之前这一点显得特别重要，我们设计图标的目的是实用又美观，也就是说要考虑图标的隐喻性，他代表的意思必须是用户可知的、熟知的。所以图标的功能是我们进行
图标造型设计的标准和依托。
3) 确定图标的造型：
确定造型的方法多种多样，只要不违背图标表达的主题。图标的造型设计我们提倡原创，先用illustrator进行绘制，然后photoshop做图标设计的后期效果处理。所有界面上同级、同类的图标我们还要保证表现形式的统一，避免用户视觉上的紊乱。
4) 进行界面设计制作：
利用photoshop中最好多采用路径工具进行绘制界面图形元素（以方便后期的版本定制），根据总体风格对图标和界面细节进行细节美化。转换成程序所需要的相应格式。
3设计注意事项
1）色彩问题：
由于手机LCD本身的限制，在色彩的还原程度上没有PC如此完善，因此在选用色彩时要根据使用的屏幕进行调节，方法就是将设计好的效果图导入相应的手机中，用该手机自带的图片浏览软件进行全屏效果查看或者请求开发人员帮助。
2）可实现性问题：
受到硬件运算速度和内存的影响，以及不可预计的后台程序开发难度，过于复杂的效果将很难进行实现，与程序工程师和UI工程师，硬件工程师的沟通显得尤为重要。
手机软件界面设计在界面设计领域是一项新兴的设计领地，在相对狭小的版面我们要设计出精美实用的界面，需要我们界面设计人员在象素化的图形世界需找更多的细节表现。在制作过程中更需要我们深入了解手机及其相关软件，密切地和程序员沟通、交流共同打造这片新土地。
在遵循手机软件界面设计规范的基础上，符合用户操作习惯的基础上，增加界面设计的趣味性十分重要。目前国内手机界面设计的趣味性不强。感觉大多数手机界面设计师做的大多数界面过于程式化，图标也缺乏原创和新意。希望我们的ui设计团队能够独树一帜，出类拔萃。
·极易上手 学习成本低，只需掌握如何替换模板资源 ·操作简单 工具结构清晰，简单易用 ·实时预览 所见即所得，实现制作界面的实时预览 ·一键打包无需切图、编码、打包，导入工具后直接生成主题包 EMUI 主题编辑工具 EMUI Theme edit tool
1.设计模板分为两部分——解锁和其他界面 2.锁屏：该工具暂不支持锁屏编辑，模板中提供基础通用模板，按照模 板替换墙纸可以满足基础需求。其他复杂设计效果需手动切图和配置，然后按照规定格式打包后导入工具一起输出主题包。 3.锁屏模板格式为——名称为unlock 的zip 压缩文件。里面包含unlock 文 件夹（包含切图和xml 配置）和锁屏预览（preview_unlock_0.jpg ）及锁屏墙纸（unlock_wallpaper_1.jpg ） 4.其他界面模板——psd 格式文件（图2） 注：如果桌面墙纸和锁屏墙相同，则此处不需要锁屏墙纸文件 图1——锁屏模板 图2——其他模板 注：模板名称不可更改
1.psd模板由两个层级构成，一级模板 为设计展示，二级模板为编辑界面。 2.一级设计模板中的图层名称不可随意 更改（如图2） 3.设计修改需在二级模板中完成（在一 级模板中双击进入智能对象进行编辑）4.二级模板中最下面为画布图层，切勿 删除！（如图4） 5..9图层编辑时，注意图层内容一定要 在.9边框内（如图5） 图1——一级设计模板图2——一级模板图层构成 图3——二级模板 图4——二级模板构成 图5——.9图层
工具使用说明 1.双击名为“ThemeTool.exe ”的文件启动应用。 2.步骤： 1. 选择“新建”或“打开” 新建——直接导入设计模板 打开——可打开最近编辑过的资源文件或hwt 主题包 2. 填写主题信息 3. 导入编辑好的解锁文件和psd 设计文件 4. 预览检查设计效果，可进行单个修改替换 5. 输出主题包或直接导入手机检查上机效果（目前只支持 进入“主题应用”手动点击应用主题）①② ③④
第二章文献综述 2.1人机界面概述 2.1.1人机界面定义 人机界面存在于人—物信息交流的过程，甚至可以说，人物信息交流的一切领域都属于人机界面，它的内涵是极其广泛的。它反映着人—物之间的关系。 人机界面（Human-Machine Interface），是人与机器进行交互的操作方式，即用户与机器互相传递信息的媒介，其中包括信息的输入和输出。好的人机界面操作简单、美观易懂，且具有引导功能，使用户感觉愉悦、兴趣浓厚，从而提高使用效率。 自20世纪90年代，人机交互界面作为一个独立、重要的研究领域，日益受到各界人士的广泛关注。 2.1.1.1广义人机界面 广义的人机界面是指，人与机器之间存在一个相互作用的“面”，称为人—机界面，人与机器之间的信息交流和控制活动都发生在这个界面上。机器通过各种显示作用于人，实现与人的信息传递；人通过眼、耳等感觉器官接收来自机器的信息，经过人脑的加工处理，做出反应，从而实现人—机的信息交互。我们可以把人机界面看作是一个交互系统，在分析人机界面系统模型时，建立并分析人的行为模型，从而建立并分析人机界面系统。所以，人机界面的设计直接关系到人机关系的合理性。人机界面的研究主要是：显示与控制。（如图2.1所示）
图2.1 人机系统模型 2.1.1.2狭义人机界面 狭义的人机界面是指计算机系统内的人机界面（Human-Computer Interface，HCI），又指人机接口、用户界面（User Interface）。它是计算机科学的一个分支。人机界面是人与计算机之间信息传递的媒介，是计算机系统向用户提供的综合操作环境。它是计算机科学与认知心理学两大科学相结合的产物，涉及到计算机技术，如人工智能、自然语言处理、多媒体系统等，同时也吸收了语言学、人机工程学、图形艺术、社会学的研究成果。近年来，随着计算机技术和网络技术的迅速发展，人机界面设计和开发已经成为国际计算机界最活跃的研究领域。 计算机系统是由计算机的硬件、软件和人构成的系统，人与硬件和软件结合 构成了人机界面。人机界面设计师的主要作用是协调计算机硬界面与软界面之间的关系。（如图2.2所示）
人机界面设计（含案例分析） 家电（冰箱）Haier/海尔 BCD-231WDBB 场所：冰箱是家用厨房内最为常见的家电产品之一。在公共空间比 如餐厅，酒店也都有配备。 作用：冰箱使食物或其他物品保持冷态，具有储藏，冷冻的功能。 人机界面分析： 把手： ①位置：把手设计符合大众身高结构，一般根据实际冰箱高度设 计，比如此冰箱总高1722mm，三门设计，把手分别在550mm左 右、950mm左右、1300mm左右。 ②形状：此冰箱把手属于隐藏式把手设计，使机器整体统一美观。 把手形状呈长方形凹槽，适用于大多数家庭成员的高度差异。 ③功能：此把手设计即运用手部动作，通过抓、拉来实施对冰 箱门的控制。外观大方，开门方便，不积灰尘，容易清理。 存储空间： ①位置：此冰箱为三门设计，区分两个不同的存储空间，分别 是冷藏室和冷冻室。上门与下门等比例分布，中门5°C--- 18°C全温区变温。 ②形状：三个存储空间均为长方形，中间有长方形隔板分割， 阶梯式分割方式，适用于不同食材的存放。冷冻室采用抽屉设 计，极大拓展了冷冻空间，抽屉装饰有仿金属材质亮银色饰 条，质感强，坚固耐用。 ③功能：冷藏室主要储存新鲜的食物或是烹饪过的食物，海鲜肉类在放入 冷藏室24小时低温排毒后放入冷冻室保存。冷冻室一般保存海鲜肉类等需 要保存较长时间不使用的食物。 显示部分、按钮： ①位置：显示部分、按钮一般在人眼可以看见，手可以触及的范围内。此 冰箱在面板中间高约1650mm的位置。 ②形状：此冰箱显示按钮部分为竖立的长方形，与整体机器相统一，整体 感强。从上到下分为四个区域，用黑色实线区分，分别是温区选择、温度 调节、功能选择和设定。上面三个区域为LED灯的液晶显示，设定按钮呈圆形，触摸式按钮，反应灵敏好操作。
手机界面设计调研报告 概要 界面设计项目自金山企业带入我国问世以来，经过多年的发展，已经成长为新型设计行业的一大巨头，成为众多移动终端生产商和应用程序开发者青睐的选择。这次调研分析了手机界面设计的特点，介绍了手机界面设计的构架、市场占有率、各版本的更新，以及使用效果的简单分析。概括了手机界面设计行业能取得成功的原因，以及手机界面设计的发展面临的困难和问题。 UI UI即User Interface（用户界面）的简称。 UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。 UI的实质 界面设计就像工业产品中的工业造型设计一样，是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造卖点。界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果，而是最终用户的感受。所以界面设计要和用户研究紧密结合，是一个不断满足用户操作体验和视觉体验的过程。 UI的发展现状 目前在国内UI还是一个相对陌生的词。我们经常看到一些招聘广告写着：招聘界面美工、界面美术设计师等等。这表明在国内对UI的理解还停留在美术设计方面，认为UI的工作只是描边画线，缺乏对用户交互的重要性的理解；另一方面在软件开发过程中还存在重技术而不重应用的现象。许多商家认为软件产品的核心是技术，而UI仅仅是次要的辅助，这点在人员的比例与待遇上可以表现出来。 但这不是UI设计真正的价值体现，只是UI设计发展的一个必经过程。我们以物质产品手机行业为例，当手机刚刚进入市场的时候不但价格贵的惊人，而且
手机软界面设计——基础篇 一、界面设计的原则 (1) 二、定制界面版式 (1) 1界面层级 (1) 2界面构成的基本单位 (2) 1）状态区： (2) 2）标题区： (2) 3）功能操作区： (2) 4）公共导航区： (2) 3界面元素的分解与组合 (3) 1）界面三个信息区的图形切片 (3) 2）提供相关bgcolor的16进制色值及配色方案 (3) 3）提供数据准确的界面版式分割图及关键切片的坐标位置图示 (3) 三、视觉效果 (3) 1简约明快型 (3) 2趣味与独创型 (4) 3高贵华丽型 (4) 四、视觉元素的设计 (5) 1图形元素设计原则： (5) 2图形元素设计流程： (5) 1) 确定风格： (5) 2) 确定图标功能： (5) 3) 确定图标的造型： (6) 4) 进行界面设计制作： (6) 3设计注意事项 (7) 1）色彩问题： (7) 2）可实现性问题： (7) 一、界面设计的原则 手机软界面是置身于手机操作系统中的人机交互的窗口，设计界面必须基于手机的物理特性和软件的应用特性进行合理的设计，界面设计师首先应对手机的系统性能有所了解，例如：手机所支持的最多色彩数量、手机所支持的图像格式，其次应该对软件的功能详细了解熟悉每个模块的应用模式。从而做到最大限度的利用现有资源进行用户界面的开发。 二、定制界面版式 1界面层级 idle（待机界面）-- mainmenu（主菜单）-- submenu（二级菜单）-- third level menu （三级菜单）
2界面构成的基本单位 主要界面的构成被分为几个标准的信息区域（主要针对于按键手机，触屏手机相对灵活）： 状态区、标题区、功能操作区、公共导航区 Sony Ericsson 1）状态区： 标示手机目前运行状态及事件的区域，可以包含电池电量、信号强度、运营商名称、未处理事件icon及数量、时间等。状态区域并不是必须存在，可依照交互需求进行取舍。 2）标题区： 主要是LOGO、名称、版本以及相关图文信息。 3）功能操作区： 它是软件的核心部分，也是版面上面积最宽的部分。包含有列表（list）、焦点（highlight）、滚动条（scroalbar）、图标（icon）等很多不同的元素。不同层级的界面包含的元素是不同的，需要依据具体情况合理搭配运用。 4）公共导航区： 也称之为软键盘区域，它是对软件操作进行宏观操控的区域，随时可见，在这里它可以保存当前操作结果、切换当前操作模块、退出软件系统，实现对软件的灵活操控。 针对于嵌入式软件，界面版式的设定，在很大程度上需要借鉴相关手机系统界面的版式，以确保样式的相对统一，利于系统与软件的整合。当然也要考虑软件本身的应用特性，结合操作的可用性和可实施性，对版式进行合理的调整，使呈现信息的区域与区域之间协调统一，主次得当。确保用户可以方便快捷地进行功能操作。 对于整个手机的操作系统界面，需要根据不同的设计需求进行成体系的风格设计。
1.以用户为中心的基本设计原则 在系统的设计过程中，设计人员要抓住用户的特征，发现用户的需求。在系统整个开发过程中要不断征求用户的意见，向用户咨询。系统的设计决策要结合用户的工作和应用环境，必须理解用户对系统的要求。最好的方法就是让真实的用户参与开发，这样开发人员就能正确地了解用户的需求和目标，系统就会更加成功。 2．顺序原则 即按照处理事件顺序、访问查看顺序（如由整体到单项，由大到小，由上层到下层等）与控制工艺流程等设计监控管理和人机对话主界面及其二级界面。3．功能原则 即按照对象应用环境及场合具体使用功能要求，各种子系统控制类型、不同管理对象的同一界面并行处理要求和多项对话交互的同时性要求等，设计分功能区分多级菜单、分层提示信息和多项对话栏并举的窗口等的人机交互界面，从而使用户易于分辨和掌握交互界面的使用规律和特点，提高其友好性和易操作性。4．一致性原则 包括色彩的一致，操作区域一致，文字的一致。即一方面界面颜色、形状、字体与国家、国际或行业通用标准相一致。另一方面界面颜色、形状、字体自成一体，不同设备及其相同设计状态的颜色应保持一致。界面细节美工设计的一致性使运行人员看界面时感到舒适，从而不分散他的注意力。对于新运行人员，或紧急情况下处理问题的运行人员来说，一致性还能减少他们的操作失误。5．频率原则 即按照管理对象的对话交互频率高低设计人机界面的层次顺序和对话窗口 莱单的显示位置等，提高监控和访问对话频率。 6．重要性原则 即按照管理对象在控制系统中的重要性和全局性水平，设计人机界面的主次菜单和对话窗口的位置和突显性，从而有助于管理人员把握好控制系统的主次，实施好控制决策的顺序，实现最优调度和管理。 7．面向对象原则
酷派CoolLife UI手机主题设计大赛 设计规范说明 一、锁屏 设计要求： 1、设计常态下的锁屏样式 2、展现基本锁屏细节(锁的造型可以自由设计) 3、锁屏界面规格：1080x1920像素（宽 x 高） 滑动解锁界面上的任意滑动解锁，以及图案解锁.也可以自由设计,设计师可以发挥自己的想象,设计出独具特色的解锁界面, 二、图标 设计要求： 1、设计32个必做常用系统图标，包括：拨号盘通讯录信息通话记录快速拨号闹钟互联网日历酷云应用商店酷管家记事本音乐视频照片相机酷秀派粉俱乐部爱酷天气酷健康设置酷派客服酷派备份文件管理我的下载系统更新导航录音收音机手电筒计算器电子邮件 2、设计23个选作图标：镜子 WLAN直连归属地导入联系人 UIM 卡应用搜索国际漫游设置演示模式 SIM卡应用指南针移动热点公交电影编辑 VIP Cool NFC 一键数据保护语音识别掌上证券汽车电台酷派商城用户手册地图 WLAN设置
单个图标内容尺寸：160 x 160 像素；单个图标画布尺寸：180x180 设计2个通用图标：文件夹2个（正常状态，打开状态）、图标背板(托盘尽 量边缘做宽一点,视觉效果会好一点) 3、设计一个遮罩资源和一个高光层资源（如果图标没有高光，可以放一个空 的图层作为高光层）另外，遮罩层必须为纯白
三、时钟（模拟时钟和数字时钟任意选作一个） 设计要求： 模拟时钟 1、设计1个时钟Widget，时钟大小：712X712（宽 x 高） 提示:时钟内容尺寸,可以相对做小一点,做得精致一些 指针最终实现效果是在切图资源的正中间,设计指针时请注意一下. 数字时钟 2、设计数字时钟,尺寸如下图 天气可以显示各种实时天气信息，可以自由设计天气的图标样式，以及数字时间的样式，位置尽量按照下图的标注来,更利于后期软件的实现. 尽量发挥你的想象力，设计更加生动的主天气界面。
南京林业大学人机界面设计与应用论文 题目：浅谈人机界面设计 学院：家具与工业设计学院 专业：工业设计 学号：091403124 学生姓名：张旭 指导教师：张荣强 2012年3月8日
目录 1.引言----------------------------------------------------------------1 2.人机界面设计概述----------------------------------------------------1 2.1.人机界面的定义----------------------------------------------------1 2.2.人机界面设计------------------------------------------------------2 2.2.1.人机界面设计的定义----------------------------------------------2 2.2.2.人机界面设计的思想----------------------------------------------2 3.人机交互概述--------------------------------------------------------2 3.1.人机交互的定义----------------------------------------------------2 3.2.人机界面与人机交互的关系------------------------------------------2 4.人机界面的风格------------------------------------------------------3 5.人机界面的设计原则--------------------------------------------------3 6.人机界面的设计过程--------------------------------------------------4 7.对人机界面设计的评价------------------------------------------------4 8.人机界面的发展------------------------------------------------------5 8.1.过去和现在的人机界面----------------------------------------------5 8.2.未来人机界面的猜想------------------------------------------------6 9.结论----------------------------------------------------------------6
手机app界面设计模板 导语： 随着移动互联网技术的发展，越来越多的app应用孕育而生。精美的app界面更吸引我们使用，那么它是如何设计与制作呢？我们一起来学习下！ 免费获取线框图原型图设计软件：https://www.doczj.com/doc/2d15042342.html,/wireframe/ 模板丰富的手机APP界面制作工具 亿图图示这款国产的全类型图形图表设计软件，为用户提供精美的APP界面设计模板，可以免费使用。特别是针对没有绘图经验的开发者，有了APP界面设计模板之后，再也不愁APP界面设计的问题。亿图软件的符号库包含所有图标组，还能对单个图标进行修改，拖拽式的操作能帮助用户在架构设计上更加流畅。
线框图设计模板 线框图模板是经过打磨的备选素材，可供使用者直接套用，有效节省时间。亿图图示这款国产的全类型图形图表设计软件，为用户提供精美的线框图模板，在应用软件内容，用户可以免费使用。特别是针对没有绘图经验的开发者，有了线框图模板之后，再也不愁线框图的问题。 线框图模板一
线框图模板二
线框图模板三 更多绘图符号，助力线框图设计 亿图软件不仅提供模板，更有多套免费icon供用户使用。这些矢量的图标符号，可任由使用者进行二次编辑。精致的图标符号，加上合理的布局，瞬间让线框图设计加分不少。 UI矢量符号
触摸手势符号
IOS符号 亿图图示的模板和符号，欢迎您的尝试。如果想体验最新的模板和符号，也可以从线上直接获取最新素材。 获取更多线框图原型图软件使用技巧：https://www.doczj.com/doc/2d15042342.html,/software/wireframe/
老吾老以及人之老 ——老年人手机设计 （2013届毕业生） 【内容提要】 孟子在《孟子·梁惠王上》中评论墨家的“兼爱非攻”时说：“老吾老以及人之老，幼吾幼以及人之幼”，其意是“在赡养孝敬自己的长辈时不应忘记其他与自己没有亲缘关系的老人；在抚养教育自己的小辈时不应忘记其他与自己没有血缘关系的小孩。” 老年人手机的设计，就是要将这样的“大爱”贯穿整个设计理念，一切从方便老人生活、方便老人使用的角度出发，让老年人手机成为所有老人的生活好伴侣和好帮手，让老人安享晚年平静、快乐、健康的幸福时光。 【关键词】 关爱老年人老年人手机功能简单操作便捷 目前市场上的老年人手机，并没有明确的概念和划分，一般用户会认为老年人使用的手机就是功能单一的普通手机，也不需要很多新的使用功能，就像普通的非智能手机甚至更古老的手机。这是由于对老年人的需求，以及对真正意义上的老年人手机了解不足造成的。 事实上，普通用户对于“老年人手机”的认识只有一点是正确的，那就是功能简单。我认为“老年人手机”绝对不是市场上的非智能手机这么简单，它需要针对老年人的特点进行全新的设计，使之更加具有实用性和方便性，成为老年人生活的不可或缺。 一、老年人使用手机的必要性 随着移动通讯技术的发展，手机成为人们生活的必需品，我国人口老龄化的加剧使得老年人手机市场逐渐得到社会的关注。 从上个世纪开始，全球已经逐渐趋向于老龄化。随着人口出生率的降低和寿命的提高，老龄人口在社会中的比例逐年上升，老龄问题已成为全球所关注的重大问题之一。据调查显示，
至2005年，中国大陆60岁以上人口达1.44亿，65岁以上约1亿多。随着空巢家庭和独居老人越来越多，外加补偿性消费心理的驱动，手机也逐渐成为老年人必备的与外界沟通的工具。可是，由于通讯业是近二十年才迅猛发展起来的，因此在移动电话方面专门为老年人设计的产品依然少见。 由于现在的手机集成了多种功能，导致其界面越来越复杂，操作也越来越困难。对于年轻人，功能齐全、色彩绚丽的手机可以丰富他们的生活。但对于老年人，这样的手机并不合适。 大三学习界面设计课时，老师组织我们参加“德赛关爱杯”老年人手机界面设计大赛。因此，我就老年人比较关心的几个问题制作了调查表. 我为这次针对老年人手机界面设计编写了调查表(后附)，并在几个居民小区、菜市场、超市发放调查表100份。其中男性48人、女性52人，年龄在50岁以上。其中50~60岁20%，60~75岁75%，75岁以上5%。 通过针对这次老年人界面设计调查,我归纳为两方面： 一、通讯方面： 1.这些人群中经常使用手机的占67%、一般使用33%。经过这次的调查发现。我国现在将老 年人的年龄划定在60岁，基本上都是退休人员，离开了工作岗位，与外界的接触自然就会变少，但与外界进行信息交流的需要仍然存在，尤其是在信息技术如此发达的今天，老人的交际心理表现的更加强烈。
摘要 现如今，智能手机已经成为我们日常生活中不可或缺的一部分。年轻消费群体更是将大量时间耗费在手机上。技术的进步与市场的需求，合理设计智能手机UI 交互界面的重要性显得格外突出，以用户为中心的体验设计也越来越被重视。手机主题设计作为界面交互设计中的一个新兴领域，满足用户追求个性化的需求，受到越来越多 UI 设计师的关注。 如何合理制定交互方式、确定用户界面风格、布局结构与信息展示方式，如何将手机主题界面设计与用户交互体验有机的结合在一起，是当下非常值得探讨研究的问题。论文通过研究智能手机 UI 主题界面的设计，在遵循手机主题设计的原则基础上，进行手机主题的系列设计，完成了本次的设计方案。希望通过该系列设计扩大设计手法的使用价值，为手机主题市场的蓬勃发展贡献力量。 关键词：UI 设计；智能手机；手机主题设计
Abstract Nowadays, smart phones have become an indispensable part of our daily life. Young consumers spend a lot of time on mobile phones. With the development of technology and the demand of the market, the importance of reasonably designing the UI interface of smartphone becomes more and more prominent. User-centered experience design has also been paid more and more attention. As a new field of interface interaction design, mobile phone theme design has attracted more and more attention from UI designers to meet the needs of users in pursuit of personalization. How to reasonably formulate the interaction mode, determine the user interface style, layout structure and information display mode, and how to organically integrate the mobile phone theme interface design and user interaction experience, are currently very worthy of discussion and research. By studying the design of UI theme interface of smartphone, this paper designs a series of mobile phone theme based on the principle of mobile phone theme design, and completes the design scheme. It is hoped that this series of designs will expand the use value of design techniques and contribute to the vigorous development of the mobile phone theme market. Key words: UI design; smartphone; mobile theme design
《移动应用界面设计》课程教学大纲 教务处制
《移动应用界面设计》教学大纲 一、课程教学目标 （一）知识目标 《移动应用界面设计》是艺术设计专业（平面设计方向）的专业核心课程，在实践中注重对各专业基础课程如图形设计、编排设计、字体设计、构成设计等课程的统合和整体应用。通过对本课程的学习，使学生从心理学、人机工程学、设计艺术出发，掌握硬件人机界面与软件人机界面方法、理论与设计实例，探索新的交互技术。 （二）能力目标 通过本课程的学习，学生应该掌握软件的基本操作，并初步具备UI界面设计能力。课程的设置面向职业岗位要求，职业岗位针对性较强，涉及的专业技能具有很强的专业性，其主要任务是培养学生的手机界面设计的制作能力，使学生了解当今界面设计制作的基本知识。 （三）素质目标 通过本课程的教学，我们重要的是培养学生观察生活、体验生活、体验、审美能力、吃苦精神和激发学生的创造能力的方法和手段。 （1）具有热爱所学专业、爱岗敬业的精神和强烈的法律意识； （2）具有胜任设计工作的良好的业务素质和身心素质； （3）具有运用所学知识分析和解决问题的能力； （4）具有自学能力、获取信息的能力，以及一定的组织、管理能力。 （5）培养学生的团结合作能力；运用所学知识分析和解决问题的能力，创新设计思维，美术欣赏造型审美的能力。
二、教学内容与教学要求 模块一界面设计基础篇 1、教学内容 A.iOS锁屏界面 B.iOS主界面 C.iOS系统锁屏+主界面创作 D.短信输入界面设计 E.拨号通话界面设计 F.天气界面 2、教学要求 通过学习,了解移动应用界面设计的一些基本知识，包括设计的基本元素、图形类型、主题风格等，并熟悉掌握图标设计的基本技法、iOS系统的相关界面设计。 模块二界面设计提高篇 1．教学内容 A.andriod主界面设计 B.andriod充电动画 C.控件设计 D.导航设计 E.加载设计 F.引导设计 2．教学要求 通过学习,掌握安卓系统的界面设计，针对其控件、导航、加载、引导页面进行临摹与创作练习。 三、教学时间参考分配表
手机界面设计调研 报告
手机界面设计调研报告 概要 界面设计项目自金山企业带入中国问世以来，经过多年的发展，已经成长为新型设计行业的一大巨头，成为众多移动终端生产商和应用程序开发者青睐的选择。这次调研分析了手机界面设计的特点，介绍了手机界面设计的构架、市场占有率、各版本的更新，以及使用效果的简单分析。概括了手机界面设计行业能取得成功的原因，以及手机界面设计的发展面临的困难和问题。 UI UI即User Interface（用户界面）的 简称。UI设计则是指对软件的人机交 互、操作逻辑、界面美观的整体设 计。好的UI设计不但是让软件变得 有个性有品味，还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。 UI的实质 界面设计就像工业产品中的工业造型设计一样，是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造卖点。界面设计不是单纯的美术绘
画，她需要定位使用者、使用环境、使用方式 而且为最终用户而设计，是纯粹的科学性的艺 术设计。检验一个界面的标准即不是某个项目 开发组领导的意见也不是项目成员投票的结 果，而是最终用户的感受。因此界面设计要和 用户研究紧密结合，是一个不断满足用户操作体验和视觉体验的过程。 UI的发展现状 当前在国内UI还是一个相对陌生的词。我们经常看到一些招聘广告写着：招聘界面美工、界面美术设计师等等。这表明在国内对UI的理解还停留在美术设计方面，认为UI的工作只是描边画线，缺乏对用户交互的重要性的理解；另一方面在软件开发过程中还存在重技术而不重应用的现象。许多商家认为软件产品的核心是技术，而UI仅仅是次要的辅助，这点在人员的比例与待遇上能够表现出来。 但这不是UI设计真正的价值体现，只是UI设计发展的一个必经过程。我们以物质产品手机行业为例，当手机刚刚进入市场的时候不但价格贵的惊人，而且除了通话以外没有什么其它功能。由于当时的主导是技术，因此大家都把精力放在信号、待机时间、寿命等方面，对于产品的造型，使用的合理性很少关心。
浅析iPhone用户界面设计精粹，从细节成就卓越！（看）（转 载） pingzia收录于2010-10-08 阅读数：查看收藏数：7公众公开原文来源 tags：网站设计资源 修改以文找文推荐给好友 如何对文章标记，添加批注？ 作为一款革命性产品，iPhone（这里泛指iPhone和iPod touch，当然还有iPad）为我们带来了许多意想不到的创意和惊喜。过去两个月多的时间里，我们认真地咀嚼《iPhone Human Interface Guidelines》，感悟字里行间透露着的苹果的细致与智慧。兴奋、激动之余，有太多的惊喜想与大家分享。但无论从时间上还是精力上，130页的完整套餐肯定会让所有的人吃不消。我们收集了iPhone平台的专业设计师的意见，加上翻译过程的一点体会，整理出11条设计精粹。最后，希望这份130页浓缩而成的快餐不会让您觉得难吃，enjoy yourself！ 1. 了解应用类型及各自特点 iPhone平台有三类型的应用： ● 效率型应用（Productivity Applications） ● 实用工具（Utility Applications） ● 沉浸型应用（Immersive Applications） 每一种都有各自不同的特点和应用场合。设计之前如果能够清楚产品的目标和特点，选择合适的应用类型可以更好地迎对。 效率型应用用于帮助完成日常的一些工作，如收发邮件、即时通信、照片管理与分享。用户快速查看、跳转、执行、完成，连贯的动作要求界面简单直接，让用户可以全神贯注于任务本身。这类应用一般都附带
自然的层级结构。所以，表格视图（table view）可以在这类软件里大派用场。 图 1.1 附带层级结构的效率型应用 实用工具用于执行一项简单的任务（如计算器，天气报告），简单，容易配置就可以了。 图1.2 实用工具之“天气报告”和“深 度睡眠” 沉浸型应用可以为用户带来极致的娱乐和游戏体验，这类应用可以进一步细分为游戏和虚拟仿真类。这类应用和标准的系统界面不同，用户希望这类应用能够给他们带来最大的娱乐，因此，界面设计的自由发挥度比较高，仿真的、可爱的设计风格往往能恰到好处。
主题教程 (2.10.30) 一、MIUI主题 首先，我们手机的UI是由很多部分组成的，如锁屏、通知栏、桌面壁纸、图标等等。如果我们把手机比喻成一个房子，上述的部分可想象成房子的门、窗、地板、吊灯、座椅等。那我们可以认为原生的android系统就是一个毛坯房，MIUI是在这之上的一个简装，自定义主题就是你自己给房子做的装修。 MIUI提供主题自定义功能，其实就相当于帮你请了一个工程队，你可以用从众多装修方案（主题包）中选择自己喜欢的效果，最后交给工程队实施。而装修方案可大可小，大至全屋翻新，小到只换一盏灯。目前MIUI会自带两个主题包，达人们也可以设计自己的主题包，大家就可以借用达人们共享出来的设计。 二、准备工作 1.主题测试机器 工欲善其事必先利其器，做题之前首先得有一部能刷MIUI的手机作为测试机。MIUI现有支持v4的机型分成按分辨率，可分成两类480p（480*854和480*800）与720p（720*1280），分辨率对以后的主题制作有这影响，见后面详述。 480p的机子有： 小米手机1/1S (自带MIUI)、HTC Desire S、HTC Incredible S、Samsung I9100、华为Honor、索爱LT18i 、Google Nexus S 720P的机子有： 小米手机2(自带MIUI)、Google Galaxy Nexus、Galaxy S III I9300、Google Galaxy Nexus、华为Ascend D1、索尼LT26i、HTC One X、LG LU6200 附上刷机教程连接https://www.doczj.com/doc/2d15042342.html,/download.html 注意：在针对新版主题客户端的测试方案上线之前，主题制作者只能在2.10.26开发版或之前版本进行测试 2.设计界面 制作主题之前可先根据官方提供的主题界面模板，对主题界面进行设计，然后再进行切图，将设计稿切片，分成各个小部分，用与主题制作。 3.主题制作软件的安装 官方主题工具：https://www.doczj.com/doc/2d15042342.html,/thread-642823-1-1.html 使用此工具需要java环境的支持，未安装的同学请下载： https://www.doczj.com/doc/2d15042342.html,/themeeditor/jre6_2.8.3_aajfe.zip 解压得jre6文件夹，将其放到到MIUIThemeEditor目录下(图1所示)。
第一章绪论 1、计算机人机交互技术的发展历史及每个阶段的特点。（P2） （1）命令行界面交互阶段；（2）图形用户界面（GUI）交互阶段；（3）自然和谐的人机交互阶段。 2、随着计算机技术、网络技术的发展，人机界面的发展方向，每个方向的简要介绍。（P7） （1）高科技化。（2）自然化。（3）人性化。 3、自然和谐的人机界面是人类追求的目标。 4、认知心理学与人机工程学是人机交互技术的理论基础，而多媒体技术和虚拟实现技术与 人机交互技术相互交叉和渗透。 第二章相关学科及知识 1、人机界面学的研究内容，每个内容在说明什么。（P12） 1、计算机语言学。人机界面的形式定义中使用了多种类型的语言，包括自然语言、 命令语言、菜单语言、填表语言或图形语言等。计算机语言学就是专门研究这些语言， 以及涉及它们的计算机语言学和形式语言理论等各个方面的内容。 2、智能人机界面。随着人工智能技术的成熟和介入，智能人机界面的研究近年来 非常活跃，其中包括用户模型、智能人机界面模型、智能用户界面管理系统、专家语言、智能对话、智能网络界面、帮助和学习、智能前端系统、自适应界面、自然语言、多媒 体界面等。 3、社会学与人类学。社会学主要涉及人机系统对社会结构影响的研究，而人类学 则涉及人机系统中群体交互活动的研究。人机界面设计要研究人类的文化特点、审美情 趣以及个人、群体的爱好偏向等。 2、人类主要通过感知与外界交流，进行信息的接收和发送，认知世界。感知和认知是人机交 互的基础。 3、视敏度，又称视力，是评价人的视觉功能的主要指标，它是指人眼对细节的感知能力， 通常用被辨别物体最小间距所对应的视角的倒数表示。 4、人们通常对水平线和垂直线的认识，往往会夸大水平线。 5、有关研究表明，人类从周围世界获取的信息约有80%是通过视觉得到的，因此，视觉是人 类最重要的感觉通道，在进行人机交互时，必须对其重点考虑。 6、人类听觉系统对声音的解释可帮助设计人机交互界面中的语音界面。 7、人类能够听到频率在20Hz-20000Hz 之间的声音，其中在1000-4000Hz 范围内听觉的感受性 最高。 500Hz 以下和5000Hz 以上的声音，强度很大时才能被听到。 8、触觉的感知机理与视觉和听觉的最大不同在于它的非局部性。 9、人机交互过程中人们经常利用的感知有哪几种？每种感知有什么特点？（P12）
手机界面ui设计 如果给你选择，你最想去哪里工作?多数人会回答：北上广。不过想要在这些城市扎根很难，需要一定的经济基础。而千锋UI女学员小李14K月薪入职上海一家金融集团公司，向人们证明了理想与高薪之间或许只差一个千锋。 众所周知，在互联网领域女生可谓是珍稀动物，她们美丽且实力强悍又被称为“程序媛”。目前很多女生想从事编程行业，而能够充分发挥女生审美优势的UI设计成为了热门选择。小李在参加千锋UI培训后收获了多家offer，不过她最终选择去上海一家金融集团公司担任UED，月薪14K，可谓是羡煞旁人。 “在千锋UI培训时，除了授课老师外，我还需要感谢我们的班主任老师和就业老师。从进入千锋开始，我的班主任老师就一直关怀照顾着我们，生活中
遇到难以解决的问题或者学习跟不上时，我都会向班主任老师寻求帮助。在我心中，班主任老师就是我的亲朋、我的好友。就业老师则是我踏入职场的导师，是我面试的依靠。当我面试失败时她会开导我，当我面试成功却无法抉择时，她会综合各方面因素让我确定方向。我很庆幸加入千锋UI培训，站在集团的大楼上，我想理想与高薪之间或许真的只差一个千锋。” 千锋UI培训课程有什么优势呢?千锋UI培训课程由大牛讲师全程面授，分阶段教学，多维度把控，最大限度调动学员的积极性与创造性;千锋UI培训课程采用真实的商业案例教学，秉承实战为王的超强理念，注重培养学员的实战能力。值得一提的是，千锋UI培训课程特别设置创意基础课，在潜移默化中培养学员创意思维、设计思维和产品思维的形成。 理想总是丰满，而行动是实现理想的唯一途径。想要加入互联网领域的你们是否不知从何下手，那就加入千锋，千锋开设HTML5、UI、PHP、JavaEE、Python等十大课程，总有一款适合你!加入千锋，为梦想起航！
主题教程 一、MIUI主题 首先，我们手机的UI是由很多部分组成的，如锁屏、通知栏、桌面壁纸、图标等等。如果我们把手机比喻成一个房子，上述的部分可想象成房子的门、窗、地板、吊灯、座椅等。那我们可以认为原生的android系统就是一个毛坯房，MIUI是在这之上的一个简装，自定义主题就是你自己给房子做的装修。 MIUI提供主题自定义功能，其实就相当于帮你请了一个工程队，你可以用从众多装修方案（主题包）中选择自己喜欢的效果，最后交给工程队实施。而装修方案可大可小，大至全屋翻新，小到只换一盏灯。目前MIUI会自带两个主题包，达人们也可以设计自己的主题包，大家就可以借用达人们共享出来的设计。 二、准备工作 1.主题测试机器 工欲善其事必先利其器，做题之前首先得有一部能刷MIUI的手机作为测试机。MIUI现有支持v4的机型分成按分辨率，可分成两类480p（480*854和480*800）与720p（720*1280），分辨率对以后的主题制作有这影响，见后面详述。 480p的机子有： 小米手机1/1S (自带MIUI)、HTC Desire S、HTC Incredible S、Samsung I9100、华为Honor、索爱LT18i 、Google Nexus S 720P的机子有： 小米手机2(自带MIUI)、Google Galaxy Nexus、Galaxy S III I9300、Google Galaxy Nexus、华为Ascend D1、索尼LT26i、HTC One X、LG LU6200 附上刷机教程连接https://www.doczj.com/doc/2d15042342.html,/uQvUFn 注意：在针对新版主题客户端的测试方案上线之前，主题制作者只能在2.10.26开发版或之前版本进行测试 2.设计界面 制作主题之前可先根据官方提供的主题界面模板，对主题界面进行设计，然后再进行切图，将设计稿切片，分成各个小部分，用与主题制作。 3.主题制作软件的安装 官方主题工具：https://www.doczj.com/doc/2d15042342.html,/2QVve2 使用此工具需要java环境的支持，未安装的同学请下载： https://www.doczj.com/doc/2d15042342.html,/themeeditor/jre6_2.8.3_aajfe.zip 解压得jre6文件夹，将其放到到MIUIThemeEditor目录下(图1所示)。 1.windows下运行,“run-windows.bat“ 2.linux下运行,“run-linux.sh” 3.mac os运行,“https://www.doczj.com/doc/2d15042342.html,mand”
《人机界面设计》课程教学大纲 课程编号:20431107 总学时数:32 总学分数:2 课程性质:选修课程 适用专业:计算机科学与技术 一、课程的任务和基本要求 人机界面是人与机器之间传递和交换信息的媒介,包括硬件界面和软件界面,是计算机科学与心理学、设计艺术学、认知科学和人机工程学的交叉研究领域。近年来,随着软件工程学的迅速发展和新一代计算机技术研究的推动,网络技术的突飞猛进,设计学科的日益膨胀,人机界面的设计和开发已成为国际计算机界和设计界最为活跃的研究方向。了解人机界面的定义、起源、发展、研究内容及发展趋势;熟悉相关学科及知识,掌握人机界面设计中认知心理学、人机工程学、人机界面的艺术设计、色彩设计等;掌握硬件人机界面的设计风格、人文关怀等;掌握软件人机界面,介绍了软件人机界面的形式与标准、软件人机界面设计、Internet网页界面设计、图标设计等;熟悉人机界面设计评价与可用性测试;以及新交互技术及发展趋势。 二、基本内容和要求 1. 人机界面概述
教学内容:人机界面的定义、起源、发展;人机界面学的研究内容;人机界面的设计的发展趋势;20世纪最伟大的10种人机界面装置。 教学要求:人机界面的定义,人机界面学的研究内容。 2. 认知心理学 教学内容:感觉信号的检测、视觉、听觉、记忆和学习、人的特性。 教学要求:感觉信号的检测、人的特性。 3. 人机工程学 教学内容:人机工程与人机界面、显示界面设计、控制界面设计、显控协调性设计、集中控制中的显控上桌面设计、人机系统中及其界面设计、视觉显示终端作业的人机界面设计、数字化人机工程。 教学要求:人机工程与人机界面、显示界面设计、数字化人机工程。 4. 人机界面的艺术设计 教学内容:设计的概念、艺术设计的研究内容、艺术设计与技术、艺术设计的形态、术设计的内涵、艺术设计的美、艺术设计的语言与符号学规范。 教学要求:设计的概念、艺术设计的研究内容、艺术设计的语言与符号学规范。 5. 色彩设计