如何设计黑色基调的网站模板
不知道大家有没有发现,不久前IT小哥哥们又悄咪咪上线了两个软件行业的网站模板。然后小编就发现这两个网站模板的背景色调竟然是黑色!
之前软件行业的企业网站模板最主流的背景色调是蓝色、绿色和橙色,蓝色冷静平和,绿色鲜活自然,橙色柔和温暖。相反,黑色很少作为背景色调,有不小的设计难度,尤其是在可读性设计上。但是用黑色背景可以很好塑造一种神秘高档的网站气质,这一特点倒是和软件行业本身给别人感觉相符合。
采用黑色的背景时,为了保证网站设计的可读性,在网站模板中字体颜色都会采用白色。白色跟黑色对比效果比较明显,但是很容易给人单调的感觉。这个时候我们可以学习上面的网站模板,在文字数量、字体大小、图标上面下功夫。
1.尽量避免长篇大段的文字,将文字提炼到最简洁的状态。
2.通过加粗、放大等手段去突出重点内容,上面模板把“12”“45”“96”几个阿拉伯数字加粗放大之后,整个页面的层次感变强,用户第一时间就会注意到这几个数字。
3.增加一些与内容对应的简单图标,如在开放团队下添加人的图标,让页面看起来可读性更强。
这两个网站模板在图片的处理上基本遵循了黑色基调的原则,风格与背景色调相配合。在挑选图片的时候,我们应该尽量挑选一些偏黑白灰色调的图片。如果照片本身的色调与背景相冲突,我们也可以通过PS等软件调整色调。
采用全黑色的网站背景可能会让人产生视觉疲劳,我们不妨学习上面网站模板的黑白搭配设计。通过改变黑白两种背景颜色来区分版块,这样可以让整个网站看起来更多变,布局更清晰。而且比起全黑布局,这种黑白设计更容易把握,新手站长不妨先考虑这种设计。
用黑色作为背景色调不代表整个网站只能有黑白灰三种颜色,少量运用其他颜色可以带来惊喜的效果。上面这个网站模板就在横幅中加入了蓝色,让原本稍显呆板的首页显得活泼起来。在黑色背景色调的网站设计中,适当运用一些鲜艳的颜色可以起到点缀或者突出重点的作用。
如果喜欢这种黑色基调的网站设计,可以在建站上一键套用网站模板,只需要修改文字和替换图片就可以了。而且这种黑色基调设计不只适用于软件行业,像时尚行业、手机数码行业、创意设计行业等等都可以应用这种设计。