Axure设计手机界面

手机界面设计调研报告

概要

界面设计项目自金山企业带入我国问世以来，经过多年的发展，已经成长为

新型设计行业的一大巨头，成为众多移动终端生产商和应用程序开发者青睐的选择。这次调研分析了手机界面设计的特点，介绍了手机界面设计的构架、市场 占 有 率 、各 版 本 的 更 新 ，以 及 使 用 效 果 的 简 单 分 析。概 括 了 手 机 界 面 设 计 行 业 能取得成功的原因，以及手机界面设计的发展面临的困难和问题。

UI

UI即User Interface（用户界面）的简

称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。

UI的实质

界面设计就像工业产品中的工业造型设计一样，是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造卖点。界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计

随着社会日新月异的发展，手机作为消费类电子产品，从诞生之日起至今从未停止过前进的步伐，并且以前所未有的速度发展，成为更新速度最快的个人电子产品。 手机不仅仅是用于通话的工具，更多地集娱乐、生活、新闻资讯于一体，越来越深入地介入到了人们的日常生活中。

一、人机交互下的手机界面设计

手机界面在人机交互的信息传递过程中具有重要的作用。 手机软件界面是置身于手机操作系统中的人机交互的窗口，设计界面必须基于手机的物理特性和软件的应用特性进行合理的设计。早期的手机界面由于技术上的制约，大部分采用黑白色、蓝色、绿色等屏幕。在界面设计上，文字是界面的主要信息，而图形则是用线条简单勾勒，缺少图形的设计美感，手机界面单调，仅仅以满足功能，缺乏视觉形式美。随着技术的发展，人们对审美的需求日益增加，手机界面由原来的单色发展为彩色，信息内容更加丰富，文字选择既能满足功能性又符合审美需求， 图形更加精美，甚至有些图形还采用动态形式出现，受众还可以根据个人需要自行定义文字和图形，手机界面得到了快速的发展。2007年，iPhone手机的诞生，使手机界面设计产生了一种革命。它给用户带来了前所未有的手机新体验，还前所未有地拉近了用户与手机之间的距离，让不同年龄、性别、地域的人都能够

手机界面的交互设计

摘 要 本课题主要分为两部分：(1)手机交互设计的现状调查，包括手机的市场、使用人群、使用功能、键盘与界面的关系分析。（2）手机交互设计包括：设计定位、设计要求，创新之处，树状结构、图标设计。通过现状调查分析现有手机界面设计的优缺点。研究学生人群智能手机短信功能的界面和操作，了解拇指的运动习惯和缺陷，分析键盘与界面的关系。使现有的手机界面更人性化，置界面于用户的控制之下。

关键词 计算机辅助工艺设计 数码产品 交互设计

目 录

第一章 手机交互式设计的概念及发展................................ 2

1.1手机的概念 ............................................... 2 1.2交互设计的概念和发展 ..................................... 2 1.3 界面设计的概念 ........................................... 3 1.4 交互设计和界面设计的区别 ................................. 4 第二章 手机图标交互设计的发展前景....

人机界面设计（含案例分析）

家电（冰箱）Haier/海尔 BCD-231WDBB

场所：冰箱是家用厨房内最为常见的家电产品之一。在公共空间比如餐厅，酒店也都有配备。

作用：冰箱使食物或其他物品保持冷态，具有储藏，冷冻的功能。

人机界面分析：

把手：

①位置：把手设计符合大众身高结构，一般根据实际冰箱高度设计，比如此冰箱总高1722mm，三门设计，把手分别在550mm左右、950mm左右、1300mm左右。

②形状：此冰箱把手属于隐藏式把手设计，使机器整体统一美观。把手形状呈长方形凹槽，适用于大多数家庭成员的高度差异。 ③功能：此把手设计即运用手部动作，通过抓、拉来实施对冰箱门的控制。外观大方，开门方便，不积灰尘，容易清理。 存储空间：

①位置：此冰箱为三门设计，区分两个不同的存储空间，分别是冷藏室和冷冻室。上门与下门等比例分布，中门5°C---18°C全温区变温。

②形状：三个存储空间均为长方形，中间有长方形隔板分割，阶梯式分割方式，适用于不同食材的存放。冷冻室采用抽屉设计，极大拓展了冷冻空间，抽屉装饰有仿金属材质亮银色饰条，质感强，坚固耐用。

③功能：冷藏室主要储存新鲜的食物或是烹饪过的食物，海鲜肉类在放入冷藏室24小时低温排毒后放入冷冻室

ie

第六章 人机交互界面设计

ie

人机界面(Human-Computer Interface , HCI)是计算机直接与人打交道的途径，是计 算机系统的重要组成部分，它的开发工作量占 系统开发工作量的40-60%。

ie

6.1人机界面设计的历史、现状和未来

6.1.1人机界面设计的历史 世界上第一台数字计算机ENIAC在1946年由 美国宾夕法尼亚大学摩尔学院诞生当时人机界 面的主要特点是由设计者本人(或同事)来使 用计算机，他们采用手工操作的方法控制计算 机。

ie

6.1人机界面设计的历史、现状和未来

50年代中期，通用程序设计语言的出现，为计 算机的广泛应用提供了极为重要的工具，也改 善了人与计算机的交互。在人机界面上出现了 用于多任务批处理的作业控制语言。 1963年MIT成功开发了第一个分时系统CTSS, 采用了多个终端和编辑程序。在出现交互显示 终端后，广泛采用了“命令行”作业语言。 典型例子: DOS,UNIX等 特点: 需记忆命令，易出错，输出单调，信 息量少

ie

6.1人机界面设计的历史、现状和未来

80年代苹果公司首先将图形用户界面(GUIGraphics User Interface)引入微机领域， 推出的Macinto

iOS 人机界面准则郎启旭?L AN G Q I X U.C O M

译者按

本书译自 Apple 官方推出的设计指南《iOS Human Interface Guidelines》，但并未取得官方翻译授权。

由于经验不足、水平有限，翻译中难免存在错误和疏漏之处，欢迎来信指正。后续如有更新，也会在我的微信公众号上告知（搜索微信号：langnote ），欢迎关注。

郎启旭

2014 年 1 月 25 日

邮箱：langqixu@49d4b8707c1cfad6195fa7c7 | 知乎：49d4b8707c1cfad6195fa7c7/people/langqixu | 博客：49d4b8707c1cfad6195fa7c7

1

2013-10-22 | Copyright ? 2013 Apple Inc. All Rights Reserved.

目录

用户界面设计基础 8

为 iOS 7 而设计 8

依从内容 9

清晰呈现 11

纵深传达 15

iOS 应用解析 21

启动和停止 23

立即启动 23

随时准备停止 24

布局 27

导航 30

模态情境 33

交互和反馈 35

用户对标准手势了如指掌 35

交互性元素引人触控 37

反馈增进理解

毕业设计

摘要

机车车辆现场监控系统即就是司机室计算机测控系统，因此监控人机界面的功能主要是监控整个机车控制系统对车辆各单元的控制，包括故障检测、报警显示、报警记录、列车状态显示等。在整个人机界面的设计中首先掌握人机工程学的基本内容，分析用户及用户的工作环境，同时掌握在“以人为本”的观念下利用人机工程学对人机界面的设计的基本原则及其在设计时应该注意的基本事项。对于监控系统的设计中可采用两种方法：一是采用Visual Basic、Visual C++、Delphi等基于Windows平台的开发程序来编制；二是采用监控系统组态软件来编制。考虑到各方面的原因，在机车车辆监控系统的人机界面的设计中采用组态软件，组态软件有设置、配置的含义，就是模块的任意组合，更确切的称呼应该是人机界面（Human Machine Interface,HMI）/控制与数据采集（SCADA）软件。组态软件的功能包括：强大的界面显示组态功能、良好的开放性、丰富的功能模块、强大的数据库、可编程的命令语言、周密的系统安全防范、仿真功能。了解了组态软件的功能后它的使用时设计的关键，对于控制系统的组建过程主要包括：工程项目的系统分析，设计用户操作菜单，画面设计与编辑，编写程序进行调

人机界面的基本概念与分析

第二章人机界面的基本概念与分析

1. 教学目标:

掌握人机界面的基本概念，分析方法，开发过程

2. 教学内容

人机界面的基本概念

人机界面的分析方法

人机界面的软件开发过程

3、重点、难点

人机界面的分析方法

4、教学基本要求

掌握人机界面的分析方法

掌握人机界面的开发过程

5．教学过程设计(参看课件)

2—1 人机界面的基本概念

用户体验， 英文叫做User Experience，缩写为UE, 或者UX。

它是指用户访问一个网站或者使用一个产品时的全部体验。他们的印象和感

觉，是否成功，是否享受，是否还想再来/使用。他们能够忍受的问题，疑惑

和BUG的程度

以用户为中心的设计， 英文叫做User-Centered Design 缩写为UCD信息架构，英文叫

做I nformation architecture，缩写为IA。

它是一个整理信息，斡旋信息系统与使用者需求的过程，主要是要将信息变成

一个经过组织、归类、以及具有浏览体系的组合结构。

这样的结构性设计将使得使用者对于信息的内容存取更直接，让使用者的任务

更容易完成，它也可说是在结构与分类上的艺术与科学，可以帮助我们寻找信

息并且予以管理。

交互设计，英文叫做Interaction Design

交互设计是

摘要：界面设计是人与机器之间交换和传递信息的媒介，是一种传达信息、情感的工具。随着时代的发展，界面设计被应用于更多的产品设计领域。交互设计是指人工制品、环境和系统的行为，以及传达这种行为的外形元素的设计与定义。它作为界面设计中一个十分重要的部分，对产品的成功与否有着直接联系。

关键词：界面设计；交互设计；产品设计；结构设计

中图分类号：tp14文献标识码：a文章编号：1673-9671-(2012)042-0233-01

“人机界面”是指人与机器之间互相影响的区域，人机界面包括的内容比较广泛，任何参与人和机器信息交流的领域都包括在人机界面中。界面设计存在在人与物的信息交流中，只要存在人和物信息交流的领域都是界面设计的内容，因此设计的界面所包含的要素是非常广泛的。简单的来讲，设计界面可以定义为在设计中要面对的与将要分析的所有信息交互的集合，它能够很好的反映人和物之间的关系。界面的设计是开发过程中的最重要的内容，能够影响到整个开发团队。出色的界面是便于用户使用并且操作简单易行，开发团队要结合用户需求和自身理解制定设计目标。 1交互设计理论

用户界面设计的工作流程包括三方面：结构设计、交互设计和视觉设计，而交互设计

台湾HITECH人机界面使用说明书

附件C.PWS1711/1760安裝說明

C、

前言

C-1、

產品一般規格

PWS WORKSTATION

PWS1711/PWS1760是一種配備有中型5.7”(320Hx240V)LCD顯示螢幕及類比式觸控面板(Analog Resistive Touch Panel)此面板具有IP65(NEMA 4)的防水防塵工業級設計,適用於各種惡劣環境之高功能人機介面，其面板採用高亮度16灰階Mono-STN或256色的Color-STN,使用者可以根據實際應用要求選擇不同機種。PWS1760之機種有LPT印表埠,不僅可印出完整畫面且更可以自行設計表格,即時列印所須之報表。PWS1711是PWS1700的替代品其軟體功能方面與PWS1700相容,同樣是一種高功能的人機介面。PWS1711/1760產品一般規格ItemPWS1711-STNPWS1760-CTNDisplay TypeMonochrome blue mode STNColor mode STN LCD,LCD, 16 gray levels256 gray levelsDisplay Size5.7" (diagonal)Number of Pixels320