it-swarm.cn

在线框中使用颜色...这是“否”吗?

最近,关于线框中颜色的使用的内部辩论开始了。一位初级设计师完成了一套不错的线框,并在最后被告知要将所有内容转换为灰度!他们被告知,颜色不应该存在于线框中。

我看到了灰度设计可以提供帮助的一些原因:

  • 可访问性(因此您不必被迫依赖颜色进行区分)
  • 不要错误地在线框中传达视觉设计(有时客户可能将颜色选择与视觉传达差异的方式相对应,作为视觉设计决策)

我实际上使用了彩色图标调色板,并将使用颜色来帮助传达视觉差异。有时,使用不同的灰色阴影或使用图案只能做很多事情。

那里的标准做法是什么?我见过有色和无色的线框。

22
milesmeow

听起来您的同事在假设方面有些失落,而没有考虑线框的用途是什么。让我们从 维基百科提供的一个宽松定义 开始:

网站线框(也称为“ Web线框”,“ Web线框”,“ Web线框”)是用于界面设计的基本视觉指南,用于建议网站的结构及其页面之间的关系。网页线框是界面中基本元素布局的类似图示。通常,在开发任何图稿之前先完成线框。

与任何单词或术语一样,重要的是要考虑其真正含义。 线框模型 是3D建模中谈论多边形模型物理结构表示时使用的术语,该多边形结构是通过显示顶点之间的连接点来呈现的。线框模型的重点是什么?这是为了显示结构的“胆量”,以便更好地了解其组成。

在Wikipedia讨论网站线框图时,我们应该考虑该含义的应用方式,Wikipedia的定义对此进行了说明:“一种基本的可视化指南,用于建议网站的结构及其页面之间的关系”。

如您所知,没有提到颜色或视觉指南的外观。重要的是,它建议了网站的结构如何工作。只要能达到目标,它就是有效的线框。因此,例如,这些都是“有效的”线框:

  • 在餐巾纸上的草图
  • iPad上的37signals草稿或其他应用中的草图
  • 使用Balsamiq Mockups之类的工具制作的粗略外观线框
  • 使用诸如Axure或Illustrator之类的东西制作的外观更紧密的线框
  • 在Photoshop中制作的网站的轻量级设计,其中页面的结构清晰可见,同时包括相关的设计元素
  • Fireworks中的HTML可导出设计,使您可以查看页面包含哪些元素
  • 完全交互式的HTML/CSS线框

只是保真和细节问题。也许您应该弄清楚交付物中期望什么样的保真度,并指导您的设计师沿着这条道路前进。但这不是“应该在线框中使用颜色”的问题-如果颜色有助于传达站点的结构,那么绝对应该在线框中使用颜色!

18
Rahul

同意.

通常,颜色会在“假定”有关基本结构,布局和IA(信息体系结构)的讨论中带来情感/文化色彩。尽管可以争论,但我们可以同意使用Color至少可以将更多信息传达给渲染。

线框的重点仅是传达必需的信息,而无其他信息。

根据我的实践经验,人们使用“线框”一词来表示Rahul列出的每件文物。

7
CSSian

根据我的经验,这主要是您列出的第二个原因:

  • 有时甚至内部利益相关者也对看起来过于“真实”的线框感到困惑。我的Axure样机比组织中使用的其他PowerPoint样机具有更高的保真度,因此有时我会收到与图形设计有关的注释,例如按钮外观不同或面板未根据其内容调整高度等。
  • 我的一个朋友创造了这样一个高保真线框,以至于客户实际上非常喜欢它,于是他们立即实施了它:)
6
Dan Barak

我已经从灰度级变成全彩色,然后又回来了。我发现全彩倾向于真正分散需要进行的讨论。

附带一提,我碰巧是在一个项目中,在我和开发人员之间没有图形设计师,因此“逼真的”或“非常漂亮”的线框存在按原样实施的危险。这几乎可以保证灾难,因为我不是平面设计师。

5
gef05

线框上的颜色的一个缺点是-以及(被认为是)控件的保真度更高,这样-您的开发人员迟早会假设他们需要使GUI看起来像就像线框一样

我知道。我知道。这表明人们对线框的用途存在重大误解。

但这确实发生了。

4
JeromeR

我倾向于保留使用颜色来注释组件。即使最终的网站设计可能具有完全不同的色彩故事,我也确保要使某些行为表现得像超链接一样带有蓝色和下划线。非静态的文本位会因用户输入的不同而有所不同。如果有各种盒子和线条有疑问,或者我知道需要进一步打磨,那么我将其设置为红色线条。标注在线框顶部的文本块将获得浅黄色背景填充。

从视觉上看,这都是非常令人恐惧的,但是它可以交流。不代表。

4
Erics

就个人而言,我认为使用颜色可以带来某种功能是很好的。

我倾向于在线框的交互元素上使用颜色,例如链接和按钮为蓝色。这有助于在向客户展示时清楚地突出显示交互元素。

我还使用绿色,橙色和红色来表示项目列表中的不同警告状态。我发现这有助于更快地与客户端进行功能通信,这在早期的纯灰度版本中不太明显。

但是,至少在早期的线框或模型中,我不会将颜色用作装饰元素。正如其他人的回答一样,客户有时可能会陷入“外观”与工作方式之间的纠缠。这会稍微减慢该过程。

2
Paj