excel原型设计工具,电子表格excel画原型图

1. excel画原型图

1、选择一个变成乱码的数字单元格。

2、点击右键，选择“设置单元格格式”，打开设置单元格格式对话框。

3、在设置单元格格式对话框中的“数字”选项卡中选择“自定义”。

4、选择这些格式类型，点击“删除”即可。

5、删除完成后，点击“确定”返回Excel，就会发现数字变回原形了。

2. excel原图怎么弄

方法：

1、打开EXCEL表格，在图片上右键--复制；

2、打开系统的画图工具，粘贴，保存为JPG格式即可。

3. 绘制产品原型图

应该是产品画好原型图，由设计师去出UI图，也算是产品设计的吧

4. 如何画产品原型图

01 字体：类型 & 字号

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

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

02 配色：色彩 & 界面

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

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

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

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

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

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

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

04 案例

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

05 结束语

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

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

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

5. 如何绘制原型图

第一、市场分析

商业分析能体现出做某个产品的商业价值，这是对产品整个生命周期最宏观的指导性文件，报告就是这个工作的产出文件。简单的说就是行业前景，意思就是这款新的产品是否有商业价值，产品投放后的回报是多少，这一步应该是高层甚至是创始人对整个市场的把控得出的结论，值得一提的是，新产品和已有产品上新模块功能，在此阶段的分析差别是很大的，新产品的分析难度更大；而已有产品由于已经积累了一定的数据，对行业、用户等都有了较深的理解，做新模块功能时阻力往往会小很多。

第二、产品定位

这个词其实在刚参加工作的同学们听到后，其实挺虚的，我在刚做UI的时候，听到什么产品定位啊，市场分析啊这类的词，其实比较犯困的，想着直接告诉我需求就好了，干嘛还要说这么多虚词，但是工作到3-5年后，其实这些是至关重要的，我认为产品定位的关键信息其实就是指这个产品是干什么的，比如微信就是社交，ins就是照片分享生活，其次就是这个app可以解决什么问题、用户年龄段的分布。

第三、需求阶段

确定了市场方向，就要找到该方向上都有哪些需求是急需被解决的，。在需求环节，你同时也会注意到很多该市场方向上的直接竞争对手和间接竞争对手。这个阶段就跟我们UI很贴近了，市场分析和产品定位都确定后，就该找痛点了，要明确哪些需求是急需被解决的。在这里，PM往往会输出一分竞品分析报告，罗列出竞品的优劣，部分会采用SWOT进行分析。

第四、产品设计

这个环节和UI是密不可分的，因为我们在每次做需求的时候，都会看到这个东西，是和我们息息相关的，最熟悉的工作。pm在这个环节里其实就是画原型，写文档；但其实据我这么多年的经验来说，真正牛逼的pm还是很少的，主要表现在原型绘制粗糙、文档描述遗漏以及在UI设计中，反推了不少优于PM的点等等。还有一个原因是大多数资历较浅的pm善于抄竞品，但是往往不知两个产品是由本质的区别。这个阶段基本是由PM和UE完成，交互完成后，会内部进行交互评审，确认交互方案后方可给到UI设计师。

我们在工作中会看到形形色色的原型交互图，但是画的好的其实少之又少，基本见到的就是下面这种的…是不是很惨不忍睹….

PM要在整个产品规划中达到什么目标呢？产品规划中要达到的目标，其实就是产品价值。产品规划中要明确每个阶段的目标是什么，所有的决策和行为都是围绕着这个目标来进行的，最终以数据等可考核的方式来判断是否解决了问题。这就要求阶段性的目标是明确的，比如用户活跃度、成交量等指标，这些都是验证前面几步是否有效的依据。切忌把产品规划做成空中楼阁，无法执行的假大空文件，会严重影响从0-1产品的生命周期。

第五、需求评审

这个基本是产品需求确认后，由产品拉会，每个负责项目的职能人员参会，一般有PM、UE、UI、RD、FE、QA、这五种职责的人参加，进行评审。会议中由PM进行需求文档（大公司一般用wiki）的阐述，根据经验，一般研发提问题最多，原因是因为评审前PM和UE和UI都进行了确认无误，研发和测试也有提一些风险性的问题，比如这个是否可以直接调用代码，如果不行，可能会进行风险预警；还有技术上是否有难点等等。评审完后，研发会进行一个排期。

第六、UI设计师介入，这里分为几点要说：

1.我们拿到项目后，尤其是从来没做过的，不要急于下手去撸图，先要搞清楚产品的意图目的，其次仔细走查整个产品线（这里主要看一下整体app设计调性，字体字号，间距些），然后我们要去进行竞品分析（这里的分析和产品的分析不太一样，我们主要去看视觉层，也就是说找找参考，看看别家是怎么设计的，然后再结合我们的设计意图去下手去做。）

2.当我们决定下手去设计后，要给我们的整体设计进度进行时间预估，然后给出设计排期，排期要根据页面设计+修改的时间进行计算，这样可以避免项目延期，按我来说，比如10个界面，我给自己3天设计，然后给上游确认后，1天修改，那么就是4天时间，如果时间富裕可以再加一天的缓冲，那么就是3+1+1，就是五个工作日；排期最好用keynote或者excel做一个表格，列出具体页面具体出图时间，细化一下比较好。

3.在设计中，我们一般按照@2x进行设计，确保UI规范的正确执行（这里包括icon是否粗细统一、视觉重量是否一致、字体自重是否统一，间距是否按照倍数、颜色是否跟整体产品调性保持统一呢？）

4.切图标注，在@2x的设计图中，切图icon/背景。切图分两种：第一可以切刀切（规定好热区，直接按快捷键s就行），第二可以用组件切（规定好热区，直接右键创建组件，然后双进进去，导出即可）；命名规范新手肯定是以中文命名，也是可以的，不过还是要按照正确的方式来命名，一般是：在哪里/是什么/状态/倍数。当然你也可以有更明确的规范。一切ok后，可以上传到蓝湖了。但是部分公司现在用figma～也是很不错的。

5.开发完后，我们需要对我们的UI设计稿进行视觉还原，也就是走查联调阶段。强调一下（没有什么是技术写不了的，如果开发说没法做，那么他一定是很懒）这个阶段很重要，据我的经验，有的开发还原度极低，基本50%，有些大厂有个原则是：如果开发还原度低于60%，那么打回开发重新调整后再去走查。基本走查字体字号字重、颜色、间距、icon、边距这些规范类的东西，你会发现开发真的是写的不太好～～～，走查联调基本达到95%就差不多ok了。

走查联调的步骤是：我们要用好几部不同品牌的测试手机去看，因为可能一部手机ok的话，另一部可能会出现小的误差，比如还要兼容适配刘海屏，@3x的屏等等问题，我们在测试手机上把每个界面截图后，放到wiki里，标注问题所在，然后再把UI图贴图给开发做参考，这样开发看起来就很明确了。联调一次如果还有问题，可以有2次3次联调，待开发还原到90%的时候，我们可以搬个小板凳去开发旁边亲自调细节问题，直到自己满意为止。

6.QA测试环节

这个环节其实绝大多数设计师的通俗感受就是：测试就是用来提bug的～没错儿，通俗来说确实是这样的，bug的确是影响整个产品的最大的障碍，项目上线必须确保无bug才行，解bug的优先级是最高的。准确来说，QA是check研发实现的功能与产品、UI、交互设计的是否一致。找些异常情况、及优化，把控项目的质量环节，其实大家可以理解为类似风控吧～

这里有一个小点就是：正式全量上线前会先上线到tips环境，那么什么是tips呢？其实就是为了测试，有时候测试环境的数据和线上不同，可能有些问题在测试环境体现不出来，所以要先到tips，tips环境与线上共用数据。

7.产品验收环节

产品从0-1的过程中，产品验收是非常重要的一个环节，产品验收的最终结果是上线，不过在此之前可能会经过反复的修改。

产品上线之前需要通过测试、UI验收和产品验收，这是控制产品质量的必要手段。产品验收更重要的是通过产品角度验收开发是否满足了产品需求，侧重点在于业务逻辑，对需求负责。

6. 制作原型图

墨刀是一款在线原型设计与协同工具，原型图工具有axure、墨刀、摩客（Mockplus）、xiaopiu、Sketch等，其中现在最常用的原型图工具主要包括axure和墨刀。axure作为老牌的原型图工具，功能最齐全，交互最多样，基本任何想要的效果都可以实现，尤其在制作PC端原型图上有优势。

7. 平面图excel制作

首先打开EXCEL2010，调整下单元格的大小。鼠标选中行标，然后点击鼠标右键，选择行高命令，设置数值为6.9。

然后选择列标题，鼠标右键选择列宽命令，设置数值为0.7左右，使单元格呈现小正方形。

界面设置好以后，可以作为画布，然后绘制平面图形了。

绘制工具可以使用excel开始面板中的【边框】下拉工具栏，搭配使用【绘制边框】及隐藏显示自定义边框等命令，按照预先设计好的位置绘制出平面图框。

如果需要绘制颜色区域面积，可以选中这些单元格后，点击面板中的合并单元格命令，然后使用颜色填充。

整体平面图框绘制好以后，就可以为平面图中的内容填充设计好的颜色。

然后，将准备好的家具摆设等图片，插入到Excel中，调整需要摆放的位置。最后，一个Excel打造的平面图就大功告成了！不用羡慕别人使用CAD，你同样可以绘制出专业漂亮的平面图！

8. excel画界面原型

SEARCH在Excel中是“文本函数”。用于返回一个指定字符或文本字符串在字符中第一次出现的位置。

9. excel画设计图

假设数据已经准备好了，基本的图形也画好了，这里以柱状图为例：

以下是在Excel图表中绘制误差线的方法：

选中图表，功能区显示出【图表工具】

在【图表工具】中选择【设计】

在【设计】选项卡中选择左边第一个【添加图表元素】，选择添加【误差线】及其具体类型

说明：具体选择标准误差，还是百分比，或者是标准偏差，根据实际情况来定。本例中是以“标准误差”来演示。

4.

观察添加误差线后的图表，给出结论。

结论：从本例的图形容易看出，代表橙子销量的柱形图的误差线较之其它两组为长，则用该样本橙子销量的平均值来代表总体橙子销量平均值的可靠性不佳。