深底色页面设计指南[译]（5）
作者：西乔 来源：前端观察 发布时间：2009-08-06 18:16:00
标签：设计,页面风格,文字,颜色
使用精简的配色方案
为了让深底色设计具有简洁明快的外观，设计者应该选用精简的配色方案。
从下面的几个案例中，我们可以看出，炫目的配色方案在深底色设计中并不适用，因为对比太强烈了。
坚持只使用一种或两种颜色。
如果要尝试更多的颜色，试试与背景色同色系的搭配。
当然，许多深底色的页面设计中拥有激动人心的配色方案。 你可以在使用正确技巧的情况下打破规则约束。
不过，一般状况下，过多的颜色容易让页面看起来脏乱， 由于背景色已经让页面颜色很深，所以请谨慎使用颜色。
提供切换模式。
虽然我们已经掌握了很多技巧令深底色设计更具吸引力，但是我们还可以再做一点努力已满足更多的用户。
务必增加一个样式表，以便用户可以选择切换到效果为“浅色背景+深色文字”的另一版本。
同时创建2个样式表可以保证这一点，一个用于默认的深底色风格，一个用于替换为浅底色。
网站SitePoint上有不错的教程讲到了这一点 : Build a Simple Style Switcher in CSS.《如何使用css创建风格简洁的界面切换功能。》。 在这里仅需创建深色和浅色两份样式表，而无需其它颜色（如橙色、蓝色、白色）的界面皮肤。
最适合使用深底色风格的设计类型
如前所述，很大一部分用户认为，深底色的页面设计可以适用于某些网站类型，但那份调查中并没有说清楚究竟是哪些类型。
一般而言，深底色风格适合用于创意型或优雅型的设计，比如：对于摩登时尚网站，深背景色可以显得别致优雅。对于手绘风格的网站，深色背景可用于更好地体现个性与创意。
0
投稿猜你喜欢
- 逻辑判断内容滚动到底需要知道的信息内容区域的真实高度（也就是滚动区域）滚动条距离顶部的位置内容区域的可见高度分别对应下面的三个API。ele
设计中文网站的朋友都会有这样的体会，Dreamweaver功能虽然强大，但要按照中文的行文习惯实现每个- 本文实例为大家分享了python绘制分组对比柱状图的具体代码，供大家参考，具体内容如下首先放效果图: # -*- co
- 可以用作一些资源的释放。1.在一个函数内的defer执行顺序是先写的后执行，后写的先执行（遵循栈结构）func DeferTest1(){
- 测试的过程中经常需要截取屏幕，通常的做法是使用手机自带的截屏功能，然后将截屏文件复制出来，这种方法的优点是不需要连接数据线就可截屏，缺点则是
- Pytorch系列是了解与使用Pytorch编程来实现卷积神经网络。学习如何对卷积神经网络编程；首先，需要了解Pytorch对数据的使用（也
- 前言：一般处理数据使用的是pandas和numpy库,但是填充单元格颜色需要在excel中,使用的是openpyxl库,所以不能直接达到我们
- 前言我们已经配置完Django，今天就来学学静态文件与模板的放置使用。模板在上一章节中我们的视图函数test使用了HttpResponse返
- 1.背景一直苦恼于本地机器和服务器上都要配置一些机器学习方面的环境，今天花了点时间研究了下Jupter notebook远程访问服务器，所以
- 1. *表示匹配任意多个字符 \d*表示匹配任意多个数字字符import retext = "
- 在Sql Server 2012之前，实现分页主要是使用ROW_NUMBER()，在SQL Server2012，可以使用Offset ..
- 1.尽量不要对列名进行函数处理。而是针对后面的值进行处理例如where col1 = -5的效率比where -col1=5的效率要高因为后
- 这里就不给大家废话了，直接上代码，代码的解释都在注释里面，看不懂的也别来问我，好好学学基础知识去！# -*- coding: utf-8 -
- 本周的豆知识分享就来深入研究一下window.event对象。请先看看下边的代码片断。 <button id=”btn”&g
- Python 提供了如下两个函数来检查类型：issubclass(cls, class_or_tuple)：检查 cls 是否为后一个类或元
- Scala的环境搭建由于scala是基于java来开发的, 编写的java类可以使用javac命令编译成.class文件被JVM加载到内存中
- Scrapy中Spider的用法Spider类定义了如何爬取某个(或某些)网站。包括了爬取的动作(例如:是否跟进链接)以及如何从网页的内容中
- 酝酿了将近一个春夏秋冬的腾讯网首页终于亮剑！反响热烈！让我们来分享它成功背后的酸甜苦辣吧。腾讯网首页改版终于开花结果。于2008年3月25日
- CSS2.1 中规定了关于 CSS 规则 Specificity（特异性）的计算方式，用一个四位的数字串（注：CSS2 中是用三位）来表示，
- tkinter下载进度条利用python爬取网站数据进行下载时，显示下载进度# 设置下载进度条tk.Label(window, text=&
