网站色调的选择

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 2987 天前的主题，其中的信息可能已经有所发展或是发生改变。

楼主正在做一个在线看动漫的网站(team project)，然后作为 leading designer 我的工作是把所有你能看到的都做出来，于是问题来了：

楼主不是一个常看漫画的人，现在很纠结到底什么色调比较适合在线看动漫这样的网站？

虽说楼主也经常到处参观好的网站设计，网页也做过不少，但第一次做这种需要在一个页面内展出很多产品（动漫）的站点，与是上网搜了搜，大大小小这样的网站楼主也参观了不少，绝大多数（ 90%以上吧）都非常简陋，比如 google 出来的第二个结果 http://comicmad.com ，排版、配色直接回到 7 、 8 年前了有木有。。

相对好一些的比如 http://view-comic.com ，但楼主脑海中的样子是扁平化的界面。。

还有就是楼主这几天问了几个老美（专门挑的动漫宅），说在他们第一印象中，一个在线看动漫的网站应该是怎样的色调。结果有三个人都提到说要有"鲜艳的"背景图片（╯－＿－）╯╧╧，原画说的是"bright and maybe colorful background images"。。。。

楼主

动漫

网站

色调

18 条回复 • 2016-03-03 15:00:01 +08:00

cqcn1991

2016-03-01 08:09:51 +08:00 via iPhone

不看漫画
我觉得比较好的思路是“什么样的配色可以让人长时间浏览不觉得眼睛疲倦”，因为主要的目的是帮助人看漫画。因此浅色调，自然的颜色会更好。（我这里说的是类似背景色那些）顶部 navbar 等等主题色其实就完全看品牌设计了

ttbt

2016-03-01 08:17:56 +08:00 via iPhone

可以瞟一眼我的灰色 http://bt0.com

dikcen

2016-03-01 08:26:04 +08:00

鲜艳的背景色比较贴合主题，但不太能满足“让人长时间浏览不觉得眼睛疲倦”（我比较喜欢腾讯漫画，然而看多了眼花缭乱）。建议换一个思路，网站主题和“看”时候的主题区分开来，“看”的时候除了漫画以外的网页加一个不完全透明的蒙版，或是做成类似印象笔记“阅读”的式样。

另外看黑白漫画时候周围一定不能有很多鲜艳颜色。

breeswish

2016-03-01 08:27:02 +08:00

瞅一眼 A 站 B 站
www.acfun.tv
www.bilibili.tv

halden

2016-03-01 08:37:28 +08:00

@cqcn1991 这个思路不错
@ttbt 电影的话深色肯定是好的，看书的话个人认为浅色一点好
@dikcen 这个所谓不透明的蒙板指的是。。？ https://gigaom.com/wp-content/uploads/sites/1/2011/03/evernote-web-redesign.png

@breeswish A 站的层次感更好吧，但有一点要注意的是，书的封面都是长小于宽，和视频相反，摆这么多“竖着”的东西的话貌似不太舒服

IFoon

2016-03-01 10:26:25 +08:00

@ttbt 你的资源都带字幕吗？

yao978318542

2016-03-01 11:16:22 +08:00

@ttbt 活捉

ttbt

2016-03-01 11:18:54 +08:00 via iPhone

@yao978318542 别好人求放过

dikcen

2016-03-01 20:02:23 +08:00

@halden 我不是圈内的，意思没表达清楚。类似这个样子
http://j.news.163.com/docs/20/2016030114/BH1GQOJF05158IH2.html#detail/99/BH29ENUJ00014AED
不是正文的部分会被遮盖（甚至可以是标题、标签、目录），既不会影响正文阅读，但也能看到其他的部分。

bbs7txt

2016-03-01 22:12:38 +08:00 via iPhone

为老板花钱买的就是你的时间。

bbs7txt

2016-03-01 22:16:27 +08:00 via iPhone

甚至可以是标题、标签、目录

halden

2016-03-01 23:28:21 +08:00

@dikcen 可以考虑下

expkzb

2016-03-02 09:29:03 +08:00

老美口中的 manga 和 comic 不是一码事吧

zixianlei

2016-03-02 16:38:33 +08:00

粉红色。粉粉的，很贴心

ryuutanyou

2016-03-02 17:37:30 +08:00

脑子里浮现的是带插画风格的黄色背景

halden

2016-03-03 00:13:17 +08:00

@expkzb 所以这俩区别是。。？

@zixianlei 又不是 qq 空间。。。

@ryuutanyou 带插画不会影响阅读么？

3yvsye

2016-03-03 11:44:52 +08:00

我觉得背景能弄成渐变画册吗？例如是一套 cos 图或者风景图，颜色对比度弄得自然一点，几分钟换一张，没有纯底色那么枯燥同时也能减低视觉疲劳。毕竟漫画偏向娱乐，不至于弄得太严肃的阅读环境哈。

fenx

2016-03-03 15:00:01 +08:00

这类网站的话浅色就好。
颜色太深的话整体感觉很厚重，对于一个阅读站来说用户的疲劳程度更快。
背景是图片的话也不好，本身内容图片已经够多了，用户会眼花的。
色调的话不一定要凭空去想，有时还会从 logo 、漫画种类（例如百合漫粉色系、热血漫蓝色系、日常满黄色系...）、甚至是喜好问题上等方面。

如果是我自己做的话，我会把 UI 元素极大缩减突出内容。比如近来流行的软阴影效果。