1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 交互设计 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

细微处见功夫!聊聊那些不被重视的交互稿细节--九分网络

时间:2020-06-27   分类:交互设计    作者:网络   来源:网络整理   点击:190

细微处见功夫!聊聊那些不被重视的交互稿细节

本文来自九分网络

内容采集来自9fen.net

作为一个经历了从小到大公司的交互设计师,笔者对于交互设计的认识,也从浅入深,从宏观到微观,自己慢慢的形成了对交互设计的一系列心得。

copyright 9fen.net

首页

交互设计中直接体现设计师工作成果的是交互设计稿。关于交互设计稿,在不同类型的公司,对交互设计稿的要求也不一样,规范度也随着公司的规模变得越来越重要。在交互设计稿中,不仅仅包括原型设计,还包括原型的全局解释、原型设计说明及原型的更改记录等。也许,这些内容在有些人眼中无关紧要。但是,在分工明确、产品版本迭代清晰的公司中,这些是较为注重的内容,因为这些才是细微之处见功夫。

本文来自九分网络

在创业型的公司,由于人员不多,有的人员会身兼多职,同时项目单一,大家的目标一致,所以开发过程中的沟通成本较低,另外,在项目产品的迭代过程中,开发人员的面对面沟通就更加有效。但是,在规模较大的公司,由于人员、项目众多,很难协调大家面对面的沟通,因此,在产品开发的每个阶段的产出物的规范化,就显得尤为重要,特别是设计的说明与注释。交互稿的设计说明与注释非常有助于交互设计意图的准确传达,能够帮助产品开发各阶段的人员,自主的了解其设计目的,解答开发过程中的疑惑。今天我们就来聊一聊交互设计稿中这些被人忽略的细微之处。 本文来自九分网络

第一:交互设计原型的全局注释

交互设计的全局注释包括设计规范的说明和视觉界面的要求与期望两部分。 九分网络

1)设计规范说明 九分网络

软件的设计规范说明是指在原型开始或者原型页面的顶部,关于原型中出现的一些统一的元素、控件等的说明,可以在原型中不做解释,使原型界面显得整洁。

www.9fen.net

2)视觉界面的要求与期望

本文来自九分网络

视觉界面的要求与期望是交互设计师在原型中要传达给视觉设计师的页面风格与重点的界面元素,使交互设计师的设计理念得到贯彻和实施,保证视觉稿与产品经理与交互设计师的想法一致。视觉界面的要求与期望包括主色调、页面风格、重点元素、页面情绪等等。

内容采集来自9fen.net

在交互原型中,除去原型界面,原型的设计说明与注释是交互设计原型中分量最多的部分,也是交互意图传达的重要途径。

本文来自九分网络

第二:原型的说明与注释

通过实践,笔者关于原型的注释和说明的方法与技巧如下: www.9fen.net

1)可点击注释

copyright 9fen.net

在交互原型中,鼠标点击事件是经常发生的,包括页面之间的跳转,动态面板之间的切换等等。而在页面中并不是所有的button都能点击,因此就需要在界面中可点击的地方放置可点击注释,通常是手型标示,或者其他的半透明的圆形,这些是可以自定义的。对于不太常用的标识,需要在全局注释中的设计规范说明中加以规范说明。 内容采集来自9fen.net

2)批注框注释 内容采集来自9fen.net

当页面内容较多时,可以采用批注框注释的方式,对元素进行定向注释说明。通常采用在形状内写上注释说明,并用箭头连接形状与注释元素。但是连接箭头、注释框和说明文字要保持颜色统一,以区别页面原有内容。Ps:注释颜色可以在全局注释中说明。

www.9fen.net

细微处见功夫!聊聊那些不被重视的交互稿细节

内容采集来自9fen.net

九分网络

△ 批注框注释

内容采集来自9fen.net

3)Axure自带控件注释

copyright 9fen.net

作为强大的交互原型设计工具,Axure怎么能没有标注功能呢?虽然Axure的标注方式与查阅不是很方便,但是在保证设计页面的整洁上确实很有效果的。这种比较适合大家相对来说比较熟悉的控件,在有特殊说明时,可以点击查阅,其默认状态为隐藏。选中要注释的元素,在NOTES中输入注释说明文字即可。在预览界面中点击元素右上角的标示,即可查看注释内容。

本文来自九分网络

细微处见功夫!聊聊那些不被重视的交互稿细节 九分网络

本文来自九分网络

△ Axure自带控件注释

九分网络

效果展示: copyright 9fen.net

细微处见功夫!聊聊那些不被重视的交互稿细节 本文来自九分网络

copyright 9fen.net

4)页面内注释

本文来自九分网络

页面内注释是指将注释内容直接在所要说明的内容旁边,注释文字与页面的批注元素采用统一色调,以区别原有内容。当页面元素较少时,使用少量的文字注释,显得页面精致、有细节,同时又不显得页面凌乱。

www.9fen.net

5)页面气泡注释 本文来自九分网络

标签: 交互设计 经验分享 优设 优设网 交互细节 设计细节 优秀网

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----