UI设计素材模板|wireframe线框图设计要点

线框图，也称为页面示意图或屏幕蓝图，是展示网站或产品框架的视觉指南：

• 设计：线框图常用在考虑用户需求的情况下在页面上布置内容和功能。

• 开发：添加视觉设计和内容之前，在开发过程早期使用线框来建立页面的基本结构。

  

  线框图的主要目标是向团队和利益相关者展示产品将包含的页面和组件，以及这些元素之间的相互作用。如果在线框图中使用丰富的配色，可能会分散观者的注意力，并使更新变得更困难。但在某些情况下，使用颜色突出显示特定组件是合理的。例如，可以将红色用于错误状态，将蓝色用于注释等。

 

 

线框图并不包含全面设计和详细说明的组件。相反它们应该设计的相对简单，让团队成员更容易识别。

为组件添加细致的阴影、粗细描边将花费大量的时间和精力，却不是很实用。

在所有线框图中，类似的组件必须看起来相同。如果相同的组件看起来不同，开发人员可能会

质疑它们的功能是否相同，甚至会因为设计不同而增加估算时间。

在处理线框图时，记住一个简单的规则：保持一致，避免造成混淆。

这些深层的应用技巧，建议设计中通过搜UI (sooui) 提供的优秀模板，分析

整理思路。