分享好友 资讯首页 资讯分类 切换频道

干货 超全面!阿里设计师教你写好一份设计文档

2026-11-10 14:1900东莞安晨包装材料有限公司东莞安晨包装材料有限公司

鸿影:一份设计文档的 结构大概可以分成Background项目背景、Schedule排期、History版本历史记录、Information Architecture信息架构分析(包括Site Map、Experience Map、Flow等)、framework框架设计、Wireframe线框图和Mockup视觉稿等。

取决于实际项目的情况,部分内容可以省略,也可以 加入更多,比如Storyboard故事板,Prototype可交互原型等。

在过去,我一度没有什么规范的设计文档写 作习惯,用纸笔画完Information Architecture和Wireframe后,就匆匆进入了Mockup阶段,最后的交付物也仅仅是Mockup。

前期的时候觉得没什么,后来就感觉 到了问题,这样很容易过早地陷入对视觉细节的纠缠,设计到一半忘了最初的设计目标,有时花了很多精力纠结一个模块交互or视觉设计的好坏,后来却发现整个 模块都没有存在意义,已经背离了最初的业务目标与设计目标,根本不是用户想要的东西;或者场景考虑不全面,设计完一个模块后放到整体里充满矛盾,结果需要 花更多精力来进行补救,导致进度Delay或只能上线充满问题的版本等。

而良好的设计文档写作习惯,虽然会在一开始占据比较多的时间和精力,但却能保证全程设计思路一直比较清晰,做设计的时候时刻思考用户是谁、目标是什么、这样设计是否能帮助达到目标,向团队、向合作伙伴沟通传达自己的设计方案时,也有更强的说服力。

Background 这一部分的内容在设计师和PM、业务方充分沟通需求之后完成,我的习惯一般是分成这几个模块:产品描述,要设计的产品是什么,依托怎样的平台,在什 么场景下发生;业务/产品现状,总结需求方现在面临的主要问题,有哪些体验不好的地方,关键痛点是什么;用户目标,用户群有哪些类型,他们分别想解决什么 问题;

点赞 0
举报
收藏 0
打赏 0
评论 0
分享 0
更多相关评论
暂时没有评论,来说点什么吧
我们是如何阅读的
导读:这是JasonSantaMaria的新书《OnWebTypography》中第一章节的节选,作者很好地分析了人们的阅读习惯,以及文字排版所带来的体验。阅读这一行为值得进行深度地挖掘,也借由这篇文章,

0评论2026-11-100

一个banner仔的自我修养(1) 字体字形篇
筒子们好,今天我们一起来探讨一下Banner的设计,在这一次的教程中我会介绍一些平时总结下来的可以让banner迅速达成效果的简单小窍门,如果你在平时有大量的banner设计工作,并且总觉得时间不够用,

0评论2026-11-100

细节决定品质
小编导读:设计就是不断打磨,用心体验的一种过程!所谓的高端大气上档次,也就是用心做好了每一个细节。首先不谈设计我想谈下剪头发,我们每个人都要修剪头发,特别是男人,以前我的头发是妈妈剪的,那时的她是以节约为目的的,

0评论2026-11-100

如何成功运用扁平化设计与色彩趋势
我们在Designmodo上已经聊了很多有关扁平化设计趋势的内容。之前瞎说了很多,也给大家展示了大量不错的示例,还开发了一套免费的用户界面以供大家下载并运用于自己的项目。但是如果你想自己动手,

0评论2026-11-100

如何改进工作流让设计稿支持多个尺寸?
最新的Photoshop是有跟Sketch一样的输出切图功能的(Generator),用2x的PSD输出3x的切图也可以。而且Photoshop配合Slicy输出切图比Sketch3快捷很多。Sketch相当棒,

0评论2026-11-100

Apple Watch的人机交互启示
你能想象大型机没有鼠标、没有图形化界面,纯命令行的操作系统上,游标定位只能通过键盘的上下左右键来进行时的痛苦吗?你能想象没有电容触控技术,一块4英寸不到的屏幕,运行着照搬自Windows桌面系统的“移动操作系统”,

0评论2026-11-100

8种移动APP导航设计模式大对比
当我们确定了移动APP的设计需求和APP产品设计流程之后,开始着手设计APP界面UI或是APP原型图啦。这个时候我们都要面临的第一个问题就是如何将信息以最优的方式组合起来?也许我们对比和了解了其他一些常用的APP导航设计

0评论2026-11-100

为网页文字的可读性而设计
可读性:“阅读的状态或质量,是一种影响印刷品持续阅读难易程度的属性。”——dictionary.com文字可以是优美的、简单的、狂放的、有趣的、激动人心的,还有很多其他种类。它能激起情绪,帮助用户理解你所要传达的讯息。

0评论2026-11-100

Web设计主题:创建一个古典风格的网站
如何进行古典风格的设计?主要针对酒店行业和联邦政府进行Web开发的RyanBoudreaux针对该话题发表了文章《Webdesignthemes:Createavintagelookandfeel》。

0评论2026-11-100

秋高气爽,云也开始有遐想
因为不曾企及,才会仰望;因为童真不灭,才会频频远望天际。秋高气爽,真心是个看云的好季节。不需要远走他乡,跋山涉水,在你的城市,你的身边,只需抬一抬头,就能拥享一朵朵白云所带来的好心情。每一朵云都姿态各异,

0评论2026-11-100