原型设计与实现论文格式

01字体：类型&字号

在原型页面的文字设计中，字体的选择方面建议使用苹方（macOS）或是微软雅黑（Windows），以便达到更好的显示效果。

字号我个人比较常用的是12、13、14、15、17，偶尔会用9、10、20。

02配色：色彩&界面

在原型页面的色彩设计中，最好保持一致，无论是文本还是其他图形、图片不要使用太多非黑灰白以外的色值。

如果用于演示的产品原型稿件中需要配图标，则需要保持图片的一致性，大小及样式。但在实际的工作中，除了一些指示性比较强的图标，比如搜索、设置、分享等等，其他的尽量不要使用图标素材。

组成原型界面的素材也要尽可能的避免混搭，比如从成熟产品中截图然后应用到自己的产品原型当中。

在Axure9中新增了AdjustColor【颜色调整】，可对图片可以进行色值调整。

03排版：对齐&间距&留白

在原型页面的结构设计中，要灵活的使用参考线、对齐、分布等功能，使页面内容具有良好的可读性。

从个人习惯来讲，无论是间隔还是留白，我会按照5像素的倍数进行设置。留白一般在Style样式面板中调整Padding值，很多时候，Padding值也能辅助我对组件进行对齐操作。文本之间的行间距偶尔会调整，但会以默认为主。

04案例

以下是一些规范原型页面示意：

05结束语

对于想要从事产品经理或是交互设计师的新人来讲，建议大家在熟悉工具的使用过程中有意识的培养自己的设计规范。在绘制线框图，或者临摹其他成熟产品创建高保真原型（实际工作中并不需要创建高保真原型，这边需要特别注意）的时候，一定要注意以下2点：

线框图：不建议完全按照苹果或是安卓，设计规范进行页面设计。

高保证：不建议像素级临摹。

原型设计：设计团队基于前三个步骤找出解决方案的过程 好处：有效防止设计师忽略重要元素、避免不准确不合理的假设 应该具备的属性： 1. 成本低 ，模型关注的是产品的某些功能，建议使用随手可得的材料 2. 便于沟通，原型应该易于理解，促进开发人员与需求方的沟通 快速搭建原型能推进方案的优化，从而实现高效的沟通。设计师在思维发散阶段得出最优的解决方案之后，需要在原型设计阶段把它初步呈现。原型设计阶段不是一步达成的，它与需求理解，问题定义，思维发散三个步骤共同构成了思维设计6大步骤中的一个内部小循环，内部反馈跟设计优化是推动小循环的动力。只有原型达到预期设计的目标，才会跳出内部的小循环。 原型设计——用手来思考 第一步：实用工具制作模型 - 不需要原型多精致，只要能表达想法即可 第二步：讨论模型并发现问题 - 原型开发完成之后，让小部分用户和内部人员进行测试，在不同的使用情景分别评估想法的可行性，并及时记录。 第三步：迭代优化 - 基于原型讨论的结果，保留好的设计方案，摒弃差的设计方案，然后根据新的问题重新设计方案，并制作原型进行测试。 例子：IDEO设计公司使用原型设计帮助喜达屋酒店拓展业务 目标：面向年轻时尚城市客户群体的雅乐轩 困难：不知如何验证方案的效果，不kennel为了验证雅乐轩的用户反馈，花巨资装修房屋 解决方案：在网络平台上搭建了雅乐轩的三维模型，用户可以直观看到酒店的装潢、设计以及整体布局，同时还有提问模块允许用户提出意见，设计团队也可以根据反馈进行模型改进。 亮点：这里网站既是接触用户的载体，也是收集反馈的平台

我们首先明确两个定义：

原型的定义：

原型设计的定义：

其次，了解原型设计的作用，主要有两点：

（原型设计在产品设计中所处的位置）

该如何使用原型设计，那么原型设计工具就是必不可缺的。

又选择什么工具来制作原型？主要考虑以下几个因素（排名分先后）：

1. 熟悉程度和获得工具的便利度；

2. 所需的时间和精力；

3. 可复用的代码/框架；

4. 为测试创建可用的原型；

5. 价格和学习曲线。

目前比较好用的在线原型设计工具有Marvel，Invision，墨刀等等。

希望对你帮助~

有任何疑问可以追问，满意请采纳，谢谢~

原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物，交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导至该产品的可用性。产品原型可以概括的说是整个产品面市之前的一个框架设计。以网站注册作为例子,整个前期的交互设计流程图之后,就是原形开发的设计阶段,简单的来说是将页面的模块、元素、人机交互的形式，利用线框描述的方法，将产品脱离皮肤状态下更加具体跟生动的进行表达.