❶ APP交互原型图 怎么画
Low-fi,即低保真原型图,整个APP设计阶段,设计师真正开始上手的环节。待PM制作好PRD文档和逻辑流程图之后,交互设计师开始依据已有的结论,画出Low-fi。
Low-fi的作用
1. 方便团队进行方案的讨论和统一。
就像使用场景Scenario和用户画像Personas,团队每个成员脑海中所理解的都会有所不同,但通过PRD,咱们可以进行至少是大体上的统一。而在这基础上,APP的具体画面和流程,每个人都有自己想象的视觉效果。Low-fi就在此时起了相同的作用。
当然统一的进一步促进效果是,进行后面核心功能的深入探讨,将概念落实到实施方案,并验证逻辑上是否能跑通,以及主页面元素的确定。
2. 方便开发人员进行整体架构的布置,开始着手一些基础元素的部署。
3. 做出demo进行内部尝试、小范围的用户调查,一般会有一些更改,不会影响项目主方向,大多是功能上的调整
Low-fi 的处理工具与文件要求
作为交互设计师,在Low-fi阶段多使用的是sketch,PS更侧重于用来做图片的处理。出发点还是更多的从效率上进行考虑,sketch运行速度非常快,文档小,测量距离方便,可复用的图层组(symbol),做好图之后导出多倍图也十分方便。所以在此阶段做草图,sketch是不二之选。
然而,对Low-fi的文件处理也有一些要求,主要分为视觉效果和文件名整理。
视觉效果上倾向于使用黑白灰无色彩感的设计方案,目的是为了降低视觉上的干扰,让设计师和团队其他成员,将精力重点放到APP本身的功能完善和逻辑完整上面。
而文件名的整理主要表现在图层命名需要规范。统一的控件用symbol进行管理,symbol的命名建议使用驼峰式,即每个单词间没有空格,每个单词首字母大写(这里说的是大驼峰式,即第一个单词的首字母也大写了)。
❷ app原型图是什么意思
app原型图是什么意思?原型是指产品的雏形,而在设计app时,原型图指的是通过图形化的方式呈现出app界面设计、功能交互等各个方面的草图。它是app设计的重要阶段,可以帮助团队更好地理解app的设计思路,及时发现并解决问题。
为什么需要app原型图?首先,原型图可以帮助设计团队更好地了解产品需求,明确产品设计目标,避免在后期的开发过程中偏离方向。其次,原型图可以提前展示app的交互、视觉效果等,让用户更清楚地知道产品的功能与体验。最后,原型图可以为开发者提供更详细的设计细节和规范,提高开发效率和质量。
如何制作app原型图?通常来说,app原型图的制作可以采用手绘草图、纸板模型或者使用专业的app原型设计工具等方式。不同的方式适用于不同的设计需求和团队规模。制作过程中需要注意逻辑性、可操作性、交互流畅性等方面,确保原型图的内容尽可能地贴近实际需求和用户体验。