申请网站
忘记密码
密 码：
登录名：
建站咨询热线：
0532-88781131
、
18562723728
知识普及 » 深底色页面设计指南设计
深底色页面设计指南设计
奈薇网站制作
于
2019-07-18 12:58
发表
阅读次数
2278
次
深底色风格的页面设计很受欢迎，它可以创造出别致优雅，极富创造力的效果。
深底色设计适用于许多网站类型，但并非所有。这种风格应该在恰当的条件下使用。
虽然深底色风格可以带来视觉冲击力，但是很多设计师并不知道如何有效地表现他们，取得的效果往往适得其反。失败的设计会导致可读性差，难以吸引用户，无法使用传统的设计元素等问题。
所以在这里，我们将讨论一些深底色页面设计的要素，以便让你的下一次设计更受欢迎，更具创造性。
最新的调查表示，47%的受访者首选浅底色的设计，主要原因是基于可读性。大多数人不喜欢阅读深色背景上的亮色文字，那样眼睛容易疲劳从而导致不适的阅读体验。
相比之下，10%的受访者倾向于深底色的网站，另外36%的认为将取决于网站类型而定。
那什么是正确的答案呢？虽然每个人都有自己的观点，但既然有如此高比例的用户可以忍受深底色的页面设计，有时甚至是他们的首选。我们作为
网页设计
师必须了解如何为我们自己和客户创建更有效的深底色设计。同时我们必须相信深底色风格可以增加其可读性和友好性。
使用更多的空白
在这里或许我们应该称之为“空黑”。
有效地利用空白，在任何设计中都是重要的，对于深底色风格而言更必不可少。
深色的设计令人感到“沉重”，拥挤的布局会加重这种感受。看看一些流行的深底色设计，可以注意到他们运用了大量的空白。
网站BlackEstate陈列了互联网上优秀的深底色页面设计，它本身也是一个值得关注的卓越设计。其设计中运用了大量的空白，还有独到之处：有效地在某些重要元素旁边使用空白。
首先，用户会第一眼看见的元素——logo，旁边有大量的空白。然后用户会注意到主内容区和右侧的酒瓶。如你所见，空白完美地反衬出了内容区的主标题和酒瓶上的文字。
在Tictoc的设计中，精选内容及相关图片配合大片的空白共同构成。随着页面下移，我们可以发现空白越来越少，这样我们的注意力就会转移到缩展示的内容。
其关键是：空白可以逐步引导用户到页面底部
黑色背景增加了设计的纵深感。网站非常依赖设计中的空白，配合黑色背景制造出来的创意效果，页面才如此吸引人。
网站MarkDearman的布局中应用了大量对称分布的空白。
每个内容区块间的空白提供了足够的呼吸空间，在用户视线浏览到下一区块前，提供很好的休息点。大量的空白是深底色设计中必不可少的，它能够令布局简洁，突出重要的元素，令整体外观更优雅。
文字间距
由于可读性是深底色设计的头号问题，所以设计师应该更多地关注文本的设计。在整体设计中，改善可读性的一个途径是增加文本的段落间距，字距及行高。
下图中比较了在深底色和浅底色中不同文本间距造成的效果。
另一种方式来改善网站的可读性的方式是增加字号。如同本文中提到的大部分规则，更大的字体意味这更多的空白。字母越大，字母的中间和四周就会出现更多空白。如下图中的”a“字，字号越大，除了四周的空白越大，字母“a”字臂和字谷中的空白也更大。
要注意，浅色背景上的小号文本比暗色背景上的更容易阅读。所以在设计新网站时，要使用一些虚拟文本来做测试，以确保文本的易读性，如果不行，尝试增加字号看是否有帮助。
深底色页面设计指南设计相关标签：
制作网站
，
网站申请
，
设计网页
，
网站规划
相关热点推荐
网站设计流程
首页代码规范
浅谈如何设计企业网站的
如何让搜索引擎收录更多
网站推广技术
系统化学习SEO技术的
网站文化与网页设计
Tab(选项卡)的产品
用户体验公式
微信为什么这么人在用
如何提升网站的信任度
HTML5响应式网站地
网页设计配色应用实例剖
网站离开百度该如何生存
制作网站的50个秘决
告诉你企业app客户端
网站优化之整站优化的过
为什么视觉设计师需要懂
网站基础优化首先学会s
企业网站制作必须要突出
网站建设与设计应掌握的
必学四点让你的网页设计
网页设计中的中英文字体
什么是自助建站系统
网站导航的作用
新的网站内容如何建设好
动态网页与静态网页的性
如何处理好网站设计的细
SEO的历史
网站建设好之后，如何进
做网站设计应该更看重框
影响用户体验之网站信任
什么是CSS＋DIV及
宽屏网页设计趋势与分析
如何按照百度做网站优化
网站SEO优化的最新趋
快速增加外部链接的八种
企业为什么要做网站？企
企业网站建设如何设置标
搭配的艺术--谈主页用
奈薇建站网青岛网站建设公司/青岛网站制作公司，专业提供"气质"型网站建设及精美网站制作服务，同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展
热点地区：
青岛网站建设价格
青岛即墨网站制作公司
开发区信息港
山东在线门户