企业网站设计指南:深色的网页设计要点
2021-01-18


企业网站设计指南:深色的网页设计要点

深色的设计规划令人感到“沉重”,拥挤的部署布局会加重这种感受。深底色页面结构网页设计要点有哪些呢?看看少许流行的深底色设计规划,能够关注到他们运用了大批的空白。在这里或许我们应当称之为“空黑”。有效地运用空白,在任何设计规划中都是关键的,对于深底色样式风格而言更必不可少。

首先,用户使用者会第一眼看见的因素——logo,旁边有大批的空白。 然后用户使用者会关注到主信息内容区和右侧的酒瓶。 如你所见,空白完美地反衬出了信息内容区的主title标题和酒瓶上的纯文本文字。

如何选用字体

字体在设计规划中扮演着关键的角色,在深底色整站页面结构网页设计中我们应当更谨慎地打算字体的选用。

无衬线字体可读性更强, 但许多设计规划师仍然选用衬线字体来表现设计规划中优雅的部分。其中的诀窍是仅在大字号文本信息上选用衬线字体,大字号的衬线字体会带给更多额外的空白,从而令每个字母都显得十分清晰。

纯文本文字间距

由于可读性是深底色设计规划的头号疑问,所以设计规划师应当更多地关注文本信息的设计规划。在集体设计规划中,改善可读性的一个途径是提升增加文本信息的段落间距,字距及行高。

另一种方式来改善网站站点的可读性的方式是提升增加字号。 如同本文中提到的大部分规则,更大的字体意味这更多的空白。 字母越大,字母的中间和四周就会显现更多空白。如下图中的”a“字,字号越大,除了四周的空白越大,字母“a ”字臂和字谷中的空白也更大。

要关注,浅色背景上的小号文本信息比暗色背景上的更容易阅读。 所以在设计规划新网站站点时,要运用少许虚拟文本信息来做尝试,以确保文本信息的易读性, 如果不行,尝试提升增加字号看是不是是否有协助支持。

文本信息的对比度

很多人都支持赞同,深底色页面结构网页设计容易造成眼睛疲劳,过高或过低的对比度通常是罪魁祸首。 那如何发现完美的平衡点呢? 假设你在一个漆黑的房间里,突然有明亮的光线进入,你肯定会感到十分不适。 但如果是在一个不太黑的屋子里,射入不那么亮的光线,则会好受得多。 这同样适用于web设计规划。

寻找完美的对比度,意味着要发现背景暗度和文本信息亮度之间的平衡点。你能够关注到背景和文本信息的亮度都在梯次减少。

在深底色背景上,为纯文本文字寻找合适的亮度要困难得多。要发现完美的平衡点,必须要试验不一样的配色。通常不运用纯黑或纯白能带给更好的结果效果。 运用精简的配色计划

为了让深底色设计规划具备简洁明快的外观,设计规划者应当选用精简的配色计划。坚持只运用一种或两种色彩。如果要尝试更多的色彩,试试与背景色同色系的搭配。当然,许多深底色的整站页面设计及制作中拥有激动人心的配色计划。 你能够在运用正确技能的情景概况下打破规则约束。不过,通常状况下,过多的色彩容易让网站页面看起来脏乱, 由于背景色已经让网站页面色彩很深,所以请谨慎运用色彩。

供应提供切换形式

虽然我们已经掌握了很多技能令深底色设计规划更具吸引力,但是我们还能够再做一点努力已满足更多的用户使用者。务必提升增加一个样式表,以便用户使用者能够选取切换到结果效果为“浅色背景+深色纯文本文字”的另一版本。

同时搭建2个样式表能够保证这一点,一个用于默认的深底色样式风格,一个用于替换为浅底色。

最适合运用深底色样式风格的设计规划分类类型

如前所述,很大一部分用户使用者认为,深底色的页面设计及制作能够适用于某些网站站点分类类型,但那份调查中并不存在说了解究竟是哪些分类类型。通常而言,深底色样式风格适合用于创新型或优雅型的设计规划。对于手绘样式风格的网站站点,深色背景可用于更好地体现个性与创新。

别致的深底色设计规划

深色但带给人的感觉是纵深,权威的,有力的。在运用得当的时候会看起来十分别致优雅。这里有少许运用深底色样式风格设计规划的case案例和技法。这种技法可使用与多种分类类型的网站站点。复古和景点的纹理能够创造兼具优雅和个性化的样式风格。大部分人会把古典的纹理和高档相关联起来,所以运用这种方式方法能够很容易地搭建让网站站点看起来有档次。

深底色页面结构网页设计能够赋予设计规划优雅的气质和创造力,令商品产品的展现展示尤其完美。但是并不适合所有分类类型的网站站点。对于少许大型网站站点,尤其是用户使用者中也许有视力缺陷或行动不便者,千万不要运用深底色设计规划,哪怕你供应提供了界面切换形式。

新闻资讯