网站色调的选择 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
halden
V2EX    设计

网站色调的选择

  •  
  •   halden 2016-03-01 07:32:45 +08:00 4497 次点击
    这是一个创建于 3513 天前的主题,其中的信息可能已经有所发展或是发生改变。

    楼主正在做一个在线看动漫的网站(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
        1
    cqcn1991  
       2016-03-01 08:09:51 +08:00 via iPhone
    不看漫画
    我觉得比较好的思路是“什么样的配色可以让人长时间浏览不觉得眼睛疲倦”,因为主要的目的是帮助人看漫画。因此浅色调,自然的颜色会更好。(我这里说的是类似背景色那些)顶部 navbar 等等主题色其实就完全看品牌设计了
    ttbt
        2
    ttbt  
       2016-03-01 08:17:56 +08:00 via iPhone
    可以瞟一眼我的灰色 http://bt0.com
    dikcen
        3
    dikcen  
       2016-03-01 08:26:04 +08:00   1
    鲜艳的背景色比较贴合主题,但不太能满足“让人长时间浏览不觉得眼睛疲倦”(我比较喜欢腾讯漫画,然而看多了眼花缭乱)。建议换一个思路,网站主题和“看”时候的主题区分开来,“看”的时候除了漫画以外的网页加一个不完全透明的蒙版,或是做成类似印象笔记“阅读”的式样。

    另外看黑白漫画时候周围一定不能有很多鲜艳颜色。
    breeswish
        4
    breeswish  
       2016-03-01 08:27:02 +08:00
    瞅一眼 A 站 B 站
    www.acfun.tv
    www.bilibili.tv
    halden
        5
    halden  
    OP
       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
        6
    IFoon  
       2016-03-01 10:26:25 +08:00
    @ttbt 你的资源都带字幕吗?
    yao978318542
        7
    yao978318542  
       2016-03-01 11:16:22 +08:00
    @ttbt 活捉
    ttbt
        8
    ttbt  
       2016-03-01 11:18:54 +08:00 via iPhone
    @yao978318542 别 好人求放过
    dikcen
        9
    dikcen  
       2016-03-01 20:02:23 +08:00
    @halden 我不是圈内的,意思没表达清楚。类似这个样子
    http://j.news.163.com/docs/20/2016030114/BH1GQOJF05158IH2.html#detail/99/BH29ENUJ00014AED
    不是正文的部分会被遮盖(甚至可以是标题、标签、目录),既不会影响正文阅读,但也能看到其他的部分。
    bbs7txt
        10
    bbs7txt  
       2016-03-01 22:12:38 +08:00 via iPhone
    为老板花钱买的就是你的时间。
    bbs7txt
        11
    bbs7txt  
       2016-03-01 22:16:27 +08:00 via iPhone
    甚至可以是标题、标签、目录
    halden
        12
    halden  
    OP
       2016-03-01 23:28:21 +08:00
    @dikcen 可以考虑下
    expkzb
        13
    expkzb  
       2016-03-02 09:29:03 +08:00
    老美口中的 manga 和 comic 不是一码事吧
    zixianlei
        14
    zixianlei  
       2016-03-02 16:38:33 +08:00
    粉红色。粉粉的,很贴心
    ryuutanyou
        15
    ryuutanyou  
       2016-03-02 17:37:30 +08:00
    脑子里浮现的是带插画风格的黄色背景
    halden
        16
    halden  
    OP
       2016-03-03 00:13:17 +08:00
    @expkzb 所以这俩区别是。。?

    @zixianlei 又不是 qq 空间。。。


    @ryuutanyou 带插画不会影响阅读么?
    3yvsye
        17
    3yvsye  
       2016-03-03 11:44:52 +08:00
    我觉得背景能弄成渐变画册吗?例如是一套 cos 图或者风景图,颜色对比度弄得自然一点,几分钟换一张,没有纯底色那么枯燥同时也能减低视觉疲劳。毕竟漫画偏向娱乐,不至于弄得太严肃的阅读环境哈。
    fenx
        18
    fenx  
       2016-03-03 15:00:01 +08:00
    这类网站的话浅色就好。
    颜色太深的话整体感觉很厚重,对于一个阅读站来说用户的疲劳程度更快。
    背景是图片的话也不好,本身内容图片已经够多了,用户会眼花的。
    色调的话不一定要凭空去想,有时还会从 logo 、漫画种类(例如百合漫粉色系、热血漫蓝色系、日常满黄色系...)、甚至是喜好问题上等方面。

    如果是我自己做的话,我会把 UI 元素极大缩减突出内容。比如近来流行的软阴影效果。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     962 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 22:36 PVG 06:36 LAX 15:36 JFK 18:36
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86