超全面!教你打造美观清晰易使用的交互文档

超全面!教你打造美观清晰易使用的交互文档,第1张

超全面!教你打造美观清晰易使用的交互文档

一个好的交互文档应该包括什么?需要注意什么?明天的好文章把作者真实的战争经历分离出来,朋友的倡导体现了战争老师的经验,教你做一个漂亮、清晰、好用的互动文档,强烈推荐收藏!

当交互文档已经被禁止时,我的禅思是:“交互文档好丑。”听到这句话的小伙伴有的回答“哦……”,有的会问“你还用想着交互稿吗?如果不符合逻辑和OK,你会停止交互草稿吗?”他们不太了解他们的脸。

哎…现在社会发展成这样了。作为一个有远见的人,和以前一样悲惨。你没有把自己的东西做得更优雅的原因是什么?道是我自己的。

为什么一定要好好思考交互文档?我以为有以下结果:

1.在这个互动法则中有一个“美是真实的”法则。人们应该知道,杜亚认为的特殊工具也是强大的。所以,没必要让你的方案看起来很丑,危及下属对你方案的评判。

2.大家也会认为,一个能制作出优秀交互文档的交互设计师,在技术上是专业的,值得信赖的(这个好处并没有消失)。

3.你只能在其他圈子(比如逻辑概念、艺术创意)表现出可以掩盖自己缺点的优秀。

4.在更低的层面上,交互文档也是为人服务的,客户体验也应该得到高度重视。

不,“好”的交互文档的定义和借战的视觉效果是不一样的。

一个好的交互文档应该美观、清晰、易于使用,并且有逻辑性。

所以,一个好的交互文档应该包括什么,需要注意什么?

以下几点来自于老师的经验,来自于朋友的倡导和反思,来自于我自己的经历。

PPT,PDF,HTML…你用什么布局来打你的交互文档?

PPTPDF的好处是看起来公告,美观。另外,每张图纸的规格都很牢固,没有专门的工具进行简单的漏涂。然而,缺点也是显著的。一个PPT放在很多圈子里都会很谦虚,我并不沾沾自喜。此外,缺少关于几十个百叶窗的交互文档的数据库索引。

也就是我推荐的带边数据库索引的HTML布局,布局房间空没有限制。

指示

把文件的第一页。

第一次打你的互动文档的人去道,那么一个说明掌握你和圈子的互动是有好处的,尤其是一些非宇宙标志。

更正帐户

已经放在文件的几页上。

指明文档的更正者,以便于探索和查找匹配的交互;列出文档升级的详细日期(最近升级的列表顶部),在调整后的页面中获取网页的链接,并注明详细调整的内容。

页面类型

写在每张纸的上面。在广告页面,上述功能属于哪个控制模块,长那样的人不容易丢。

对齐对齐

两端对齐使文档更容易阅读。

当单独边界中的元素两端对齐且边界中间的两端对齐时,页面上的所有特殊工具都应该能够找到两端的对齐面。

你的文字两端对齐了吗?以前老师在我互动稿里强调文字两端对齐的时候,我恍然大悟:那些才是重点。左边文字两端对齐后,更容易阅读。

UI:颜色,线框,黑色。

1.只要保证嘴角不上色就行了。

不然色战视觉效果稿不一致,检测院会问用哪个。

2.深灰色会让互动稿看起来更精致。

只要不需要显示黑色字符,就不鼓励使用黑色线框。

再看我两年前的交互文档,虽然也是干净整洁,但总有一种从未流露的复古时尚。

3.使用灰色阴影来显示逻辑战争的重要性。

4.讲理留暗,劝阻世界上过度拥挤或过度空。

注意颜色和黑色的重点。

说到那,有人会问,交互在那种视觉效果层浪费时间合理吗?

我觉得那时候只能构思专业知识,关于是否志愿填报,发展自己。如果有,随便画一下,也就是图形左侧的边界。为什么要浪费时间?你永远猜不到一项奇妙的技能将来会被用来做什么。

虽然,如果可以使用交互组件库(如何制作一个方便有效的交互组件库?),也会节省很多时间。

商品详情页面

标记产品详细信息页面的范围。

例如,为了制作更好的地图,在左上方有一个标有“已关闭”的产品详情页面范围。然后开发把产品详情页做成了战争X的大小,通情达理的住户都能反映出缺了哪个X面。

精确指示方法:

还有一些方法可以展示紧密相连产品的细节,这样你就可以走开,看得更清楚:

透明度叠加减法

颜色鉴别方法

连续枚举法

在使用照片时,要注意战争与风景的结合,不鼓励“剪画”的展示。

如果长时间寻找合适的logo,不如换成占位符,加上墨水笔文字。

说到占位,视觉效果有话说:“每推一个照片占位,我都要沉思很久。”

有图,用什么图好…

所以,如果你对图片的内容或者气魄有想法,就不要吝啬在各种情境的交互文档中表现出来。

流程图

主任务的后面和分合要首尾相连。

下图的白圈表示“是”和“可能”两个判断都出了问题,看的人去道不是很好的感觉。

准确的流程图表明:

同样,世界上的步骤应确保主要任务的明确划分和收集:

步骤中间不能有太多空隙,否则开发会误以为这里是交互的哪一页。可以在页面边缘推一条辅助线,线碰到头部就表示前面有借的东西。

不需要在单独的边界中设置太大的规格,提倡等比例缩放。不然一屏界限多,看文章也太low了。

主体

文字要简洁明了。

说明有两种情况。一种是文本和UI接近,自成体系,用数字标签一一匹配。

国外有很多互动稿都表明了这一点。优点是看起来很标准,适合文字稀疏的世界;缺点是视线的发展需要世界上下徘徊寻找匹配关系。

另一种情况是文本和UI通过一根线间接连接。

如果没有那么多文字,那种表达就更尴尬了。

辅助数据库索引

辅助数据库索引是交互式文档中的重中之重。它使一个带有百叶帘的交互式文档越来越方便阅读文章和搜索。

1.基本原理表明了等级关联。

准确地表明该功能附属于关联,并提高侧面导航栏的可读性。

2.开始命名每一页。

页面的标题也是教的,命名要保证逻辑清晰,表意文字的片面性。

例如,如果你看上面那组页面中的名字,你能马上看到vip会员页面的形状吗?

如果那样命名,是不是感觉更清晰?

3.在分割页面中。

事实上,一个功能的所有步骤都可以放在一个页面上。但如果一个页面的点太多,就容易酝酿出一张“蜘蛛网”。

还记得刚开始的时候登录注册的交互。面脚机身号注册有很多情况,我都画在一页纸上了。有互动点评的时候,我们拿着超大的流程图讲解的时候,台下的人都间接晕了。

后来我教了分页本。

4.用同一页作为开篇原则。

我做积分商家的时候,刚开始的时候,在所有案例的产品页面里,我都是减少投入的。

那么发明和投资这一步就是一个坑。毫无疑问,里子里有太多的水果。如果更改了,所有相关页面都必须重新更改,它就会完全消失。

当初我把所有产品页面的输入步骤都删了,改成了专门讲输入步骤的同一个页面。所以说到篡改,就把那一页改了。

5.阻止辅助数据库索引太长

做Windowsphone的时候,找一个功能花了很长时间,因为要做一次。况且交互文档的一些功能迭代更新了两年,交互文档的边库索引就像在千里之外。

后来我在做Windows10的时候,把交互文档拆分成大的功能控制模块,让每个文档的页数适中。

摘要

保证以上几个方面真的不容易,但是持之以恒,修成正果很容易。不经意间的等闲和懒,重点已经考虑不周,删除了很多相同的成本。开始借贷最难的是自己。

互动,情况足够好,没必要过分逃避表白。最后结果频繁的时候,一天要升级四五次。你已经记录了战争的孩子应该听中间的,并获得平衡。

天赋如何让阅读交互文档的人感觉更强?如何更准确清晰地传达自己的想法?将交互式文档视为您自己的材料。每次磁感应不方便的时候,就想着怎么改进,听听客户的反映,迭代更新恶化。那也是破格提拔的想法。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/778115.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-03
下一篇 2022-05-03

发表评论

登录后才能评论

评论列表(0条)

保存