交互设计心得体会

2023-07-10 08:10| 来源: 网络整理| 查看: 265

本学期我们学习了交互设计，运用到Axure rp8软件。

Axure rp8是一款功能强大的交互式原型设计工具，主要用于快速设计和分享信息架构、UX流程图、线框图和交互式原型。Axure rp8是新一代设计工具，旨在帮助用户在用户体验设计和产品开发中更快地创建、分享和协作。可以帮助用户更快地创建、分享和协作，提高用户体验设计和产品开发的效率。

Axure rp8具有以下特点：

1. 强大的原型设计功能：Axure rp8提供了丰富的原型设计功能，包括页面流程图、交互式线框图、设备预览、自适应布局、动态面板、交互式HTML输出等。

2. 方便的样式库和模板：Axure rp8内置了大量的样式库和模板，用户可以根据自己的需求选择和定制。同时，用户也可以创建自己的样式库和模板，以提高工作效率。

3. 可视化的版本控制：Axure rp8拥有容易上手的版本控制功能，能够帮助团队更好地管理项目版本、追踪修改历史和解决冲突。

4. 多平台支持：Axure rp8不仅支持Windows、MacOS和Linux平台，还支持iOS和Android等移动设备平台，为用户的设计工作提供多维度的支持。

做交互设计，首先要认识我们的手机，了解手机的屏幕尺寸、屏幕分辨率、网点密度、像素密度、DPI和PPI、dp、pt、sp的概念、像素比。这些都可以在网上查找到相关内容。其次我们要了解手机app的界面组成，这样我们能刚好的做出设计。

app的组成：1.状态栏、2.导航栏、3.主菜单栏4.内容区域。

1.状态栏状态栏也就是位于界面的顶端，显示某些应用的图标、软件更新、连接状态、信号、电量、时间等手机常规信息。 2.导航栏导航栏显示APP应用的名称或标题，有时也包含相应的功能（如拽索、扫码等）或者页面间的跳转按钮。 3.主菜单栏主菜单栏提供整个应用程序的分类内容的快速跳转。 4.内容区域内容区域是APP应用的核心部分，也是手机版面中最大的区域，通常会有列表（List）、焦点（Highlight）、滚动条（Scrollbar）和图标（Icon）等多种元素，显示应用程序提供的相应内容。在不同层级的用户界面中包含的元素可以相同，也可以不同，用户可以根据实际情况合理搭配应用。在当前主流APP中，内容区域中还包含金刚区和瓷片区。金刚区金刚区一般是位于首图横幅广告（Banner）之下页面的核心功能区域，多以宫格的形式排列展现图标。一般情况下，一屏有5~10个图标。金刚区主要负责着业务导流和功能选择的作用。由于这个版块会进行灵活调整，针对不同的时间和应用场景功能会有所变化，像百变金刚一样，所以，首页功能板块被称为金刚区。金刚区图标按照风格分为面型图标、图形图标、线性图标、线面结合、商品展示等类型。目前主流的APP主要采用面型图标和线性图标两种类型，另外根据产品的特性来进行选择，还可以划分为功能型和业务型。功能型的产品用户的自主性较强，图标较多，所以更加适用于线性图标，因为线性图标视觉上更加安静沉稳，使页面更加统一为一个整体，用户可以根据自己的实际需求对功能进行点击操作。业务型的产品更加适用于面型图标，因为面型图标视觉冲击力很强，能够快速引导用户点击，完成业务导流的作用，比如支付宝和淘宝。

瓷片区

瓷片区是表现形式为图文混排的运营位，由于视觉外观看上去就像一块块瓷片贴在版面上，所以称为瓷片区

UI设计项目中主要包括用户需求，绘制草图，绘制低保真原型（线框图），设计高保真效果图，动效设计等。 1.了解用户需求 01.产品定位产品定位主要包括产品定义和需求定义，具体内容见表1-4。 02.需求分析产品定位完成之后，就是竞品分析和用户调研，一方面这是对需求进行一定的验证，另一方面这也是直接接触用户的一个机会，调查用户的需求。 03.竞品分析。竞品分析可以从APP产品宣传语及定位、APP下载量及排名、视觉交互设计等多个方面进行分析。 2.绘制草图

在用户需求的基础上，根据项目信息结构用笔和纸绘制草图

3.绘制低保真原型（线框图）

利用Axure RP8 绘制线框图

4.设计高保真效果图

利用PS按照Axure设计的原型进行高保真效果图的设计。

现在我们来尝试做一个舵式展开与收缩。

首先打开我们的Axure软件，新建一个文件