用Word的做原型

新手上道许永刚

新手上道许永刚

2016-02-20 22:56

今天图老师小编给大家介绍下用Word的做原型,平时喜欢用Word的做原型的朋友赶紧收藏起来吧!记得点赞哦~
    关于原型,有太多故事了。说起快速的原型制作(区别于软件工程的快速原型法),应该以文本文档/富文本文档(如Word)为主。因为,白板、草图虽然快但不易保存,HTML虽然丰富但制作慢,一些原型工具,如Axure,则效率也低,使用也复杂。
最初设计的时候,我是以Word为主的,就是打表格(顺带一句,白鸦是PPT,便于演示和简单的效果)。Word 画表格十分方便,而且在沟通中也比较高效(批注)。渐渐的也有了一些习惯(很山寨)。
布局
打表格(要用绘制功能)。默认的 A4 页面浏览基本足够。有时在处理 100% 表格时,会用 Web 版式,但用 Web 版式阅读时总觉得不那么自然,比较少用。
表格也常用于模拟真实的数据表格(应用上各种样式)。
常用的:单元格居中(水平和垂直)、单元格背景色(突出重点)。
文字内容
直接打字,针对链接,用蓝色(#00F)加下划线,基本实现。字的大小,用小五表示12px,用10表示13px,用五号(默认)表示14px。字体根据具体情况,一般通用 Arial。加粗就是 Ctrl+B。
常用的:对齐、加粗、字号、颜色和下划线、Tab和中文空格(用来占位,和初步排版)。
图片内容
一般结合单元格居中,写上图片的内容作为占位。表示这里放个图片。有时候也会结合截图软件,截图软件的好处是可以保存到剪贴板,然后再 Ctrl+V 粘帖到文档中,这样不会生成额外的图片文件(HTML就这点不好)。
有时候针对复杂的细节,还可以用Photoshop画好,再粘帖进去。不过因为慢,非常少用。
表单内容
这是所有网页、交互的重要组成部分。有一些自己瞎定义的符号(还好比较一目了然),后来有位同事入职后也自创了一套。目前我在用的主要如下:
输入框:[    ]、[请输入搜索关键词...],类似这样的。
下拉框:[abc ▼]、[abc v],类似这样的,用 charmap 呼唤出字符映射表拷贝。有时候为了真实一点,还会把向下的三角改为灰色。
复选框:[ ]表示未选中,[√]表示选中。有时也会用[·],来表示选中,简单,但不那么明显。
单选框:( )表示未选中,(·)表示选中。
按钮:文字加灰色的背景色(字符底纹),这在Word中只要按一下。
其他:发挥你的创意(比如 disable 可以加灰色背景)。
其实可以利用Word的控件,但是控件的文案要在另外一个小窗体中输入,总嫌麻烦。
其他
还有一些小交互,比如收拢、展开(用[+]和[-]),关闭按钮(用 × 字符,或字母X),最小化(就是一个下划线)之类。还有,有时候不用表格,用一行“-”来表示分割线。
这个其实可以形成规范,关键是要能够真正的在保证有效传达的情况下,提高画原型的效率。
附上一个刚才花了10分钟画的 MT 后台写日志的线框图(wireframe),共勉。
展开更多 50%)
分享

猜你喜欢

用Word的做原型

电脑入门
用Word的做原型

交互设计师怎样做网页产品的“原型设计”?

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
交互设计师怎样做网页产品的“原型设计”?

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

虐杀原型攻略

电脑网络
虐杀原型攻略

用word做禁止吸烟标志牌全教程

电脑入门
用word做禁止吸烟标志牌全教程

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Word:做“福到了”

办公软件
Word:做“福到了”

武装原型攻略

电脑网络
武装原型攻略

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

神说你有一扇门可惜还未开启

神说你有一扇门可惜还未开启

我爱的人他不是我的爱人

我爱的人他不是我的爱人
下拉加载更多内容 ↓