最近,关于线框中颜色的使用的内部辩论开始了。一位初级设计师完成了一套不错的线框,并在最后被告知要将所有内容转换为灰度!他们被告知,颜色不应该存在于线框中。
我看到了灰度设计可以提供帮助的一些原因:
我实际上使用了彩色图标调色板,并将使用颜色来帮助传达视觉差异。有时,使用不同的灰色阴影或使用图案只能做很多事情。
那里的标准做法是什么?我见过有色和无色的线框。
听起来您的同事在假设方面有些失落,而没有考虑线框的用途是什么。让我们从 维基百科提供的一个宽松定义 开始:
网站线框(也称为“ Web线框”,“ Web线框”,“ Web线框”)是用于界面设计的基本视觉指南,用于建议网站的结构及其页面之间的关系。网页线框是界面中基本元素布局的类似图示。通常,在开发任何图稿之前先完成线框。
与任何单词或术语一样,重要的是要考虑其真正含义。 线框模型 是3D建模中谈论多边形模型物理结构表示时使用的术语,该多边形结构是通过显示顶点之间的连接点来呈现的。线框模型的重点是什么?这是为了显示结构的“胆量”,以便更好地了解其组成。
在Wikipedia讨论网站线框图时,我们应该考虑该含义的应用方式,Wikipedia的定义对此进行了说明:“一种基本的可视化指南,用于建议网站的结构及其页面之间的关系”。
如您所知,没有提到颜色或视觉指南的外观。重要的是,它建议了网站的结构如何工作。只要能达到目标,它就是有效的线框。因此,例如,这些都是“有效的”线框:
只是保真和细节问题。也许您应该弄清楚交付物中期望什么样的保真度,并指导您的设计师沿着这条道路前进。但这不是“应该在线框中使用颜色”的问题-如果颜色有助于传达站点的结构,那么绝对应该在线框中使用颜色!
同意.
通常,颜色会在“假定”有关基本结构,布局和IA(信息体系结构)的讨论中带来情感/文化色彩。尽管可以争论,但我们可以同意使用Color至少可以将更多信息传达给渲染。
线框的重点仅是传达必需的信息,而无其他信息。
根据我的实践经验,人们使用“线框”一词来表示Rahul列出的每件文物。
根据我的经验,这主要是您列出的第二个原因:
我已经从灰度级变成全彩色,然后又回来了。我发现全彩倾向于真正分散需要进行的讨论。
附带一提,我碰巧是在一个项目中,在我和开发人员之间没有图形设计师,因此“逼真的”或“非常漂亮”的线框存在按原样实施的危险。这几乎可以保证灾难,因为我不是平面设计师。
线框上的颜色的一个缺点是-以及(被认为是)控件的保真度更高,这样-您的开发人员迟早会假设他们需要使GUI看起来像就像线框一样。
我知道。我知道。这表明人们对线框的用途存在重大误解。
但这确实发生了。
我倾向于保留使用颜色来注释组件。即使最终的网站设计可能具有完全不同的色彩故事,我也确保要使某些行为表现得像超链接一样带有蓝色和下划线。非静态的文本位会因用户输入的不同而有所不同。如果有各种盒子和线条有疑问,或者我知道需要进一步打磨,那么我将其设置为红色线条。标注在线框顶部的文本块将获得浅黄色背景填充。
从视觉上看,这都是非常令人恐惧的,但是它可以交流。不代表。
就个人而言,我认为使用颜色可以带来某种功能是很好的。
我倾向于在线框的交互元素上使用颜色,例如链接和按钮为蓝色。这有助于在向客户展示时清楚地突出显示交互元素。
我还使用绿色,橙色和红色来表示项目列表中的不同警告状态。我发现这有助于更快地与客户端进行功能通信,这在早期的纯灰度版本中不太明显。
但是,至少在早期的线框或模型中,我不会将颜色用作装饰元素。正如其他人的回答一样,客户有时可能会陷入“外观”与工作方式之间的纠缠。这会稍微减慢该过程。