V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
halden
V2EX  ›  设计

网站色调的选择

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

    楼主正在做一个在线看动漫的网站(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   ·   实用小工具   ·   2623 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 15:57 · PVG 23:57 · LAX 07:57 · JFK 10:57
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.