一、tong过明暗对比来描述模块之间的视觉优先级

反思一下。 哪些内容是需要用户在页面上Zui先注意到的？他们的视线应该聚焦到什么位置？我们希望用户施行什么操作？这些问题不Neng简单的丢给视觉设计师来考虑，而上图所示的线框原型明摆着无法帮助交互设计师传达这方面的信息。

二、使用色彩时保持谨慎

在线框原型中，彩色通常被用于注释。在必要的时候， 我们也可yi用特殊的颜色对那些特bie需要用户注意的界面元素进行标注，或是用来表达出错信息一类的状态类内容。不过要记得， 在进行原型测试的时候不要使用带有色彩注释的版本，原因是显而易见的，我们不希望被测用户被这些'突出'的元素引导或干扰，乱弹琴。。

三、保持跟进

这一点geng加偏向于交付流程，而非设计技巧。完成线框原型后我们不Neng只是简单的把它扔给跟进后续工作的同事。花些时间去支援视觉设计师或开发人员的工作，只有他们才Neng将你的设计概念到头来落实到实际当中，就这样吧...。

四、 以实际像素为单位

如guo你使用HTML配合样式代码来制作原型，那么这个问题基本不存在主要原因是你通常需要以像素为单位为容器设置宽度或高度属性。不过在多数时候，我们创建的是纯粹的线框图。以实际像素为单位对页面布局及元素尺寸进行一定程度的规划和说明，这将帮助我们自己以及视觉设计师在接下来的工作当中省掉hen多'猜测'与'估算'的过程，可以。。

五、 创建变geng日志

yin为迭代的不断进行，每一版线框原型当中的变geng通常会越来越细化，从页面结构到模块、控件，这会使跟进后续工作的设计师或开发人员越来越难以发现suo有的变化。作为交互设计师，我们有责任创建一份变geng日志，并yin为项目的发展对其进行持续的geng新。

六、 确保交互元素明确易懂

交互元素的呈现方式应该符合它的用途，比方说按钮kan上去应该可yi被点击。这些细节当中的视觉表现形式的正确与否，会直接影响视觉设计师及开发人员对原型的理解； 多损啊！ 不具备自解释性的交互元素所带来的潜在体验问题也会暴露在可用性测试当中。

七、 使用真实的数据内容

dui与线框原型当中的范例内容，包括导航元素的标题、表单标签、介绍文案、图标等等，我们dou应该尽量使用Zui贴近生产环境的真实数据。这种方式可yigeng有效的帮助我们规划界面元素的布局， 并针对实际环境中有可Neng产生的极端数据情况制定防范性的方案，确保页面结构的坚固性，打脸。。

八、 避免深色线框

满页面的深色线框会使你的原型kan上去缺乏层次、粗糙凌乱。正像我们在第一点当中所说的，试着使用不同明度的灰色作为背景色来界定页面和模块的边缘。 太扎心了。 这样不仅Neng表现出界面元素的视觉优先级，而且可yi使整个原型kan上去geng加整洁。

九、 增加范例图片的自我描述Neng力

图片dui与用户体验的提升起着重要的作用，当人们在网站中寻找商品或服务时图片是引导他们制定决策的关键要素。再说一个，图片也Neng帮助用户对网站自身的形象和定位产生认知。 境界没到。 不过在线框原型中，我们通常只会使用一些灰色的容器和线条来表现图片。

十、 确保细节的准确无误

将真实数据作为范例内容填充到原型当中后我们要确保交互流程所涉及的信息的准确性。错误的信息会阻碍沟通的有效进行，开发人员有可Neng在这里产生质疑，被测用户也会感到莫名其妙。

tong过这些方法， 线框原型不仅Neng准确传达设计意图，还Neng有效降低误解和沟通成本，提升整个设计流程的效率和质量。