刚接触原型设计的朋友，十有八九会被“线框图”这三个字吓住，觉得得会画画、懂排版才行。其实真不是。我当初也是零基础，被同事安利了亿图线框图绘制工具，硬着头皮点开，结果发现它比想象中好上手太多。这篇就把我自己摸爬滚打的经验捋一遍，从打开软件到画出第一张能看的线框图，中间踩过的坑也一并说说，看完你基本能自己动手了。
先搞明白线框图到底画什么
很多人一上来就急着找模板，结果画出来的东西四不像。线框图说白了就是给页面搭骨架，不讲究颜色好不好看，重点是位置和逻辑。你打开亿图线框图绘制工具之前，先拿张纸写清楚这页要有几个区块：导航放哪、按钮放哪、内容区多大。心里有谱了再动手，比在软件里瞎拖效率高得多。我第一次就是没想清楚，画到一半全删了重来，纯属浪费时间。
界面别怕，常用的就那几块
亿图线框图绘制工具的界面乍一看挺满，左侧是图形库，中间是画布，右边是属性面板，顶上一条工具栏。新手真正常用的其实就左侧那几个分类：基础形状、表单控件、导航元素。你把“矩形”“按钮”“输入框”这几个拖到画布上试两下，手感立马就来了。图形库支持搜索，想要什么直接打字找，比一层层翻目录快。右侧属性面板主要调大小、对齐和文字，刚开始不用管太细。
拖拽画框，对齐是门面
画线框图最基础的动作就是拖矩形当容器。这里有个新手通病：随手一放，几个框歪歪扭扭。亿图线框图绘制工具自带对齐参考线，拖动的时候留意那些虚线，靠近会自动吸附，多试几次就有感觉了。另外善用“分布”和“等间距”功能，一排按钮摆不齐的时候，选中它们点一下，瞬间整齐。别小看这个，线框图干净不干净，对齐占一大半印象分。
连线与标注，逻辑才看得懂
光有框不行，页面之间的跳转得靠连线表达。亿图线框图绘制工具里的连接线会跟着图形走，你挪动框，线自动跟着变，这点比手动画箭头省心。标注也别忽略，在关键按钮旁边加个文本框写清楚“点击跳转首页”之类的说明，别人看你的图才不至于猜。我习惯用不同颜色的标注区分主流程和次要操作，虽然线框图不强调配色，但标注稍微区分一下，沟通成本低很多。
几个新手常踩的坑
说几个我亲自踩过的。一是图形叠太多层，后面想选中底下的框特别费劲，记得及时编组或者锁定。二是文字直接打在图形上，字号没调，导出后糊成一团，建议统一用属性面板设字号。三是忘了存版本，改着改着回不去，亿图线框图绘制工具有历史记录，但养成随手另存的好习惯更稳妥。还有就是别一上来追求精细，线框图阶段够用就行，细节留到后面高保真再做。
导出和分享，收尾别马虎
画完要给别人看，导出格式选 PNG 最通用，清晰度在导出设置里调高一点。亿图线框图绘制工具也支持直接生成分享链接，团队里传阅挺方便。如果是要放进文档里，导出前把画布多余空白裁掉，不然图一大片留白显得不专业。最后提醒一句，导出前整体扫一眼，对齐、文字、连线有没有漏，花两分钟检查，省得发出去被人挑毛病。
总的来说，亿图线框图绘制工具对新手是真的友好，不用学复杂命令，拖拖拽拽就能出活。按上面这个顺序走一遍，半小时画张像样的线框图问题不大。剩下的就是多练，画多了自然就顺了。
喜欢 
高兴
鬼脸
呵呵
无聊
伤心
