高端定制,品牌设计

指南针2005 - 2016作品集

指南针网络科技有限公司

如何做深底色风格页面设计(一)

13-06-03 11:19:53 · 网页设计 ·

  石家庄网络公司为您介绍:深底色风格的页面设计很受欢迎,它可以创造出别致优雅,极富创造力的效果。

  深底色设计适用于许多网站类型,但并非所有。这种风格应该在恰当的条件下使用。

  虽然深底色风格可以带来视觉冲击力,但是很多设计师并不知道如何有效地表现他们,取得的效果往往适得其反。失败的设计会导致可读性差,难以吸引用户,无法使用传统的设计元素等问题。

  所以在这里,我们将讨论一些深底色页面设计的要素,以便让设计更受欢迎,更具创造性。

  调查表示,47%的受访者首选浅底色的设计, 主要原因是基于可读性。大多数人不喜欢阅读深色背景上的亮色文字,那样眼睛容易疲劳从而导致不适的阅读体验。

  相比之下,10%的受访者倾向于深底色的网站,另外36%的认为将取决于网站类型而定。

  既然有如此高比例的用户可以忍受深底色的页面设计,有时甚至是他们的首选。我们作为网页设计师必须了解如何为我们自己和客户创建更有效的深底色设计。同时必须相信深底色风格可以增加其可读性和友好性。

  最适合使用深底色风格的设计类型

  如前所述,很大一部分用户认为,深底色的页面设计可以适用于某些网站类型。

  一般而言,深底色风格适合用于创意型或优雅型的设计,比如:对于摩登时尚网站,深背景色可以显得别致优雅。对于手绘风格的网站,深色背景可用于更好地体现个性与创意。

  一、使用更多的空白

  在这里或许我们应该称之为“空黑”。

  有效地利用空白,在任何设计中都是重要的,对于深底色风格而言更必不可少。

  深色的设计令人感到“沉重”,拥挤的布局会加重这种感受。 看看一些流行的深底色设计,可以注意到他们运用了大量的空白。

  网站 Black Estate 陈列了互联网上优秀的深底色页面设计,它本身也是一个值得关注的卓越设计。 其设计中运用了大量的空白,还有独到之处:有效地在某些重要元素旁边使用空白。

  首先,用户会第一眼看见的元素——logo,旁边有大量的空白。 然后用户会注意到主内容区和右侧的酒瓶。 如你所见,空白完美地反衬出了内容区的主标题和酒瓶上的文字。

  在Tictoc的设计中,精选内容及相关图片配合大片的空白共同构成。随着页面下移,我们可以发现空白越来越少,这样我们的注意力就会转移到缩展示的内容。

  其关键是:空白可以逐步引导用户到页面底部

  黑色背景增加了设计的纵深感。 网站非常依赖设计中的空白,配合黑色背景制造出来的创意效果,页面才如此吸引人。

  网站 Mark Dearman的布局中应用了大量对称分布的空白。

  每个内容区块间的空白提供了足够的呼吸空间,在用户视线浏览到下一区块前,提供很好的休息点。大量的空白是深底色设计中必不可少的,它能够令布局简洁,突出重要的元素,令整体外观更优雅。

  二、使用精简的配色方案

  为了让深底色设计具有简洁明快的外观,设计者应该选用精简的配色方案。

  从下面的几个案例中,我们可以看出,炫目的配色方案在深底色设计中并不适用,因为对比太强烈了。

  坚持只使用一种或两种颜色。

  如果要尝试更多的颜色,试试与背景色同色系的搭配。

  当然,许多深底色的页面设计中拥有激动人心的配色方案。 你可以在使用正确技巧的情况下打破规则约束。

  不过,一般状况下,过多的颜色容易让页面看起来脏乱, 由于背景色已经让页面颜色很深,所以请谨慎使用颜色。

  三、文字间距

  由于可读性是深底色设计的头号问题,所以设计师应该更多地关注文本的设计。在整体设计中,改善可读性的一个途径是增加文本的段落间距,字距及行高。

  下图中比较了在深底色和浅底色中不同文本间距造成的效果。

  另一种方式来改

|<< << < 1 2 > >> >>|

推荐阅读

【签约】石家庄恒阳新能源科技有限公司与指南针签约

2015-04-0947

【签约】康贝乐玩具租赁公司与指南针签约

2015-03-2113

怎样才能解决网站快照更新慢的原因

2014-10-2119

怎样才能提高网站友情链接的推广作用

2014-10-2015