网站色调的选择

2016-03-01 07:32:45 +08:00
 halden

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

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

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

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

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

4235 次点击
所在节点    设计
18 条回复
cqcn1991
2016-03-01 08:09:51 +08:00
不看漫画
我觉得比较好的思路是“什么样的配色可以让人长时间浏览不觉得眼睛疲倦”,因为主要的目的是帮助人看漫画。因此浅色调,自然的颜色会更好。(我这里说的是类似背景色那些)顶部 navbar 等等主题色其实就完全看品牌设计了
ttbt
2016-03-01 08:17:56 +08:00
可以瞟一眼我的灰色 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
@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
为老板花钱买的就是你的时间。
bbs7txt
2016-03-01 22:16:27 +08:00
甚至可以是标题、标签、目录
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 元素极大缩减突出内容。比如近来流行的软阴影效果。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/260072

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX