线框图原型和视觉稿区别前言：本文为译稿 1对三个常见概念进行了剖析有删节部分段落重组背景两三年以前我发现很多搞信息技术的朋友们（非设计师）交付设计时用着上面列出的词汇他们以为线框图 (Wireframe)原型 (Prototype) 和视觉稿 (Mockup) 是一个东西：表达自己创意的线框手绘设计稿混淆概念便带来麻烦：他们分不清用户体验设计师的作品常常感到困惑「这按钮他妈的怎么点不了」

 =八种武器 t _blank 交互设计师在设计线框图原型时熟知常见的web设计模式很有帮助做到心中有数才能创造出符合需求用户易学易用的界面来所谓没有必要重复发明轮子模式往往容易解决常见问题正确的模式能帮用户熟悉界面提高效率 常见的UI设计模式如下图： 下面分别进行具体分析遇到不同需求的时候就可以选择合适UI设计模式 01.主体细节（MasterDetail）模式 主体细节模式可以分为横向和