带有默认样式。因此,这意味着我不一定需要设计师来帮助我设计所有组件的外观和感觉。这是我们在项目中应该依赖的东西吗?只是默认样式并相信框架的制作者在设计这些组件方面做得非常好?或者您会自己设计这些组件的样式吗?
斯蒂芬妮:我认为这确实取决于。例如,Material-UI 的问题是您的网络应用程序的外观和感觉基本上是配置的 Google 产品。因此,如果你实际上不改变字体,改变一些颜色,并带上你自己的品牌标识,那么你将拥有一个看起来就像任何谷歌产品一样的产品,这可能是一件好事,因为如果您的用户习惯了 Google 产品,这可能有助于他们理解它。那么通常如果你的团队中没有设计师,你有什么选择吗?就像我 土耳其 WhatsApp 号码列表 见过的许多不同的作品一样,它们带有自定义主题,所以至少你可以改变颜色。我认为你也可以很容易地改变字体。但同样,如果您更改颜色并且您不太擅长设计甚至可访问性,也许您将使用的颜色会发生冲突,它们可能会存在对比度问题。
斯蒂芬妮:例如,我喜欢橙色,但它是最令人讨厌的颜色之一,因为要拥有真正易于使用的橙色,例如,作为带有白色文本的按钮,它看起来几乎是棕色的。如果你想要这种真正闪亮的橙色,你需要在它上面放置深色文本以使其可读,但这会让你的界面在一天结束时看起来像万圣节。是的,我看到你在笑。但这是真的。因此,这总是关于这些妥协,如果你是一名开发人员并且你想按原样使用框架并且你没有设计师,我认为这仍然比没有任何东西并从头开始构建它要好那么使用起来就超级复杂了。但问题是,仅仅因为您拥有组件并不意味着您将构建一个出色的界面。就像乐高积木一样。如果你有乐高积木,那没问题,但是你可以做一艘真正漂亮的宇宙飞船,或者你可以做一些无法粘在一起并且会分崩离析的东西,因为你没有真正的计划。
斯蒂芬妮:所以设计的意义远不止于此。设计就是要真正理解屏幕上会显示什么,它是如何工作的。我知道一些开发人员实际上有能力做到这一点。因此,他们非常擅长可用性指南,并且了解很多设计规则。因此,在选择组件时,他们非常擅长。我知道开发人员不知道该选择什么组件,而是选择第一个能完成工作的组件。但过了一段时间就不再起作用了。例如,就像选项卡一样,我们有一个界面,一些开发人员可以选择选项卡。我认为一开始当你只有三件物品时这是有意义的。但是屏幕上有 12 个项目,然后您可以看到由三行选项卡组成的选项卡,所有这些选项卡都是相同的一级选项卡,并且选项卡内有选项卡。所以他们有了这个组件,它看起来不错,因为他们使用了框架,但它实际上并不可用。

斯蒂芬妮:例如,我对模态窗口也有同样的想法。他们在没有设计师的情况下构建项目,一段时间后,我认为客户要求在这种模式中加入越来越多的东西。因此,他们最终得到了一个带有表格的屏幕,当您单击“添加行”时,您会打开一个模式,在这个模式中您有两个选项卡,然后在其中一个选项卡中您甚至还有另一个表格,然后他们想要添加一些额外的东西,我想,好吧,也许我们可以在模态之上放置一个模态。在某些时候,设计师会回复,好吧,如果模态中有那么多内容,它不应该是模态窗口。它应该是一个页面。因此,即使您拥有该组件,您仍然需要一位架构师来制定计划并确保所有这些组件能够很好地协同工作。
德鲁:因此,如果作为设计师,您被要求更改某些组件的样式,您会尝试更改所有样式吗?您会自定义所有内容还是您会关注某些领域?
斯蒂芬妮:颜色 我认为因为它是你看到的第一件事,所以颜色实际上可以给你带来身份。如果您拥有强大的品牌形象,至少在按钮或图标等上显示产品的颜色,已经可以帮助您自定义框架。字体,因为我认为这很容易,如果框架构建良好,通常您会在某个地方更改整个字体系列,然后它应该会级联到网站的其余部分。所以我认为颜色和字体是快速定制框架的两种简单方法。图标是另一种展现个性的好方法,但这可能很困难,因为从我所见,大多数框架都带有自定义图标或 Font Awesome 或类似已内置的库。因此,要替换它们,首先您需要一个如果你想全部替换的话,有很多图标。所以它可能有点复杂。我还看到过一些框架可以让您选择要使用的图标包。比如 Font Awesome、Glyphicons 和其他一些。所以这是你可以很容易定制的东西。