软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > 工具与技巧 > 深色调网页设计的一些注意事项

深色调网页设计的一些注意事项

深色调的网站设计能营造出简洁、富有创造性的效果。尽管这样,但很多设计师不知道如果有效的使用它来打动、吸引浏览者。深色调网页设计经常出现的问题是不易读、没有吸引力、很少打破传统的设计模式。

最近的调查显示有超过47%的大众用户更喜欢亮色调的网页设计。内容的可读性是主要原因。大多数的用户不喜欢亮文字内容显示在深背景上,这样的对比 效果是比较刺眼的,给人不舒服的感觉。相比之下,有10%的设计师通常选择深色调来设计网页,同时36%的人认为应该根据网页的具体风格要求进行选择。

这片文章,我们将讨论一些如何让你的下一个深色调网页设计更能吸引、打动广大浏览者的方法和技巧,真正做到让你的设计表达你的创意

多使用留白

或者应该叫“留黑”?合理有效的使用留白对于任何风格的设计来说都是非常重要的。但对于深色调的网页设计来说它则是必须的。

深色调的网页设计给人总体的感觉是“沉重的”,如果整体布局结构凌乱更增强了给人沉重的感觉。下面展示了一些比较受大众喜欢的深色调网页设计,他们合理使用了留白达到很好的设计效果。

Black Estate是 互联网里深色调网页设计的一个而已,设计确实很棒并值得我们研究学习。设计自始自终都在合理、有效的使用留白,如何在设计元素周围有效的使用了留白,从而 设计出了这样讲究的网页。

logo标志周围留有大量的“留白”,作为浏览者我们首先看到的就是它,其次看到的才是主要内容与右边的瓶子。正如你所看到的,留白是用来突出瓶子 上的亮文字内容与内容标题。

photoshopPic01

Tictoc的主要特点就是它在内容、装饰图片周围留用了大量的“留白”,当我们继续往下浏览时,我们看到使用了很少的留白,从而将我们的注意力 集中在到下面的具体内容上面。

这里的关键是,留白起到了引导的作用,逐步引导用户浏览这个页面。

网站通过使用大量的留白从而增加了深色调设计的层次,留白仅仅是为了实现深色调的效果而已

photoshopPic02

Mark Dearman网 站的框架结构自始自终采用灵活的、均匀的分布式布局进行留白。

留白为每一个相邻的内容板块里面的内容提供了大量呼吸、停顿的空间。当进入到下一板块内容的时候,它们之间的留白是一个很好的休息地点。

留白对于深色调网页设计来说是必须的,它不但有助于解决布局的凌乱、散乱,同时也是网页设计增强整体感很重要的元素。

photoshopPic03

相关阅读
栏目导航
推荐软件