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

因为V2EX懂Web设计的人比较多所以我将这个通宵做的一个为知是否会被否的稿拉出来挨批一下

  •  
  •   lin · 2011-03-21 05:36:29 +08:00 · 7099 次点击
    这是一个创建于 5000 天前的主题,其中的信息可能已经有所发展或是发生改变。

    不知到img.ly现在是否能显示我记得以前的图片代理是appspot但现在appspot也已经被⋯⋯
    看不到看这里 http://t.sina.com.cn/1572221167/wr4kvaBSr2

    在这里已经屡受打击了,
    但是,无论如何,还是很感谢大家。

    有一些想到的点,就是不知到如何做出来。
    看来还有很长的路要走哇⋯⋯
    29 条回复    1970-01-01 08:00:00 +08:00
    pudd
        1
    pudd  
       2011-03-21 06:17:47 +08:00
    我觉得很好看诶,但是右侧的立体感比较奇怪,左边的很好。
    zikonh
        2
    zikonh  
       2011-03-21 08:18:30 +08:00
    看上去很不错,立体感很有味道。但是觉得有点花了,而且没看出来网站的主要目的是什么。> <
    TheOnly92
        3
    TheOnly92  
       2011-03-21 08:55:29 +08:00
    概念不错,虽然我不是搞设计的,但是我觉得那 4 种颜色(红、橙、蓝、绿)不知是否可以换成 2 种颜色不同深浅?虽然现在这个样子很夺目,但是耀眼。
    2014
        4
    2014  
       2011-03-21 08:56:47 +08:00
    整体内容感觉很乱,好几个页面的东西都放一块太牵强了,也不知道看哪个,哪个才是这个页面的主要内容呢?另外帖子标题没弄明白什么意思,以及和帖子内容的关联。
    zipaiwang
        5
    zipaiwang  
       2011-03-21 10:08:34 +08:00
    乱 设计者脑子里明显也没有清晰的信息架构
    HUan
        6
    HUan  
       2011-03-21 11:23:34 +08:00
    我觉得相当不错
    大家觉得乱可能是因为内容间隔小了,事实上这种颜色来引导区分信息的方法,这已经算很好了
    lianghai
        7
    lianghai  
       2011-03-21 12:33:38 +08:00
    整体效果还是挺有意思的,不过:
    左侧的那个透视效果太夸张了,深度过大。因为页面其他地方(其它几个维度)都没有一点透视,所以那一块夸张的透视就很突兀了,很假。而且左侧的导航被这么夸张的一个透视面和右侧的主题隔开了,导航的效果就很微弱了——人们得沿着那几条色带才能知道到底哪个导航项目是哪个区域的标题。
    颜色太浓重了。这几个颜色用在标志里本来就显得很厚重了,结果这么一铺开,就更浓烈了。色彩都快把内容压下去了。
    有些区域的文本和背景对比太弱,对于这样的网站似乎不太合适。
    内容排布太紧凑了,又受色彩区域的限制,于是信息的结构不强。有些区域为了填满而填满。
    有一些细节看起来完全是为了实现而做的,而不是为了达到什么实际的目的。比如蓝绿标志上方的那个突起的白色三角。
    另外,用华文黑体做这种网站的效果图不太合适吧——难道这个网站是做给 Mac 用户的?
    paloalto
        8
    paloalto  
       2011-03-21 12:50:27 +08:00
    有点过度设计了。
    fap_b
        9
    fap_b  
       2011-03-21 13:08:28 +08:00
    没有仔细理解客户和需求,盲目套用流行的设计元素
    具导致客户体现不足,用户可用性差

    形式应该服从内容
    lin
        10
    lin  
    OP
       2011-03-21 16:12:28 +08:00
    谢谢大家宝贵意见,衷心感谢!
    受教。

    帮前同事做的,
    我之前收到的文档只有以下内容:

    1. 客户提供两个LOGO。可以任选其一做。
    2. 总本要求:要时尚、新锐。
    3. 设计表面三个大的方向:
    第一步就是先找出最适合两个LOGO的色调
    第二步就是做出打破常规的布局
    第三步就是在前者的基础上怎样融入LOGO元素。
    4. 栏目
    首 页 | 媒资概况 | 资讯中心 | 网上商城 | 互动社区 | 客户服务

    对,没有内容需求,于是我上
    http://www.smc.gd.cn/
    看了下然后构思然后做了这个。

    @lianghai 正想问大家mac上可以用什么字体来做设计?我以前老是画出来跟code出来的字体不一样。这个我一直很关心,从来不知道。
    lianghai
        11
    lianghai  
       2011-03-21 17:44:12 +08:00
    @fap_b 呃,难道这位是客户?

    @lin 这个……当然是为了尽量和网页最终效果一致了。
    所以如果是做针对 Windows 的网页设计,那还是用点阵的中易宋体(SimSun)或者微软雅黑为妙,这俩是 Windows 上两代默认字体;如果是针对 Mac 用户,那就是华文黑体(黑体-简)或者 Hiragino Sans GB,同样是如今常见的两代字体。
    我越说越觉得别扭了——做效果图的时候选什么字体不就是根据最终你要在 CSS 里为网页指定什么字体来吗……哪来的“可以用什么字体来做设计”这样的问题…… -_-
    lin
        12
    lin  
    OP
       2011-03-22 09:08:26 +08:00
    @lianghai 你误会我意思了,而且没有表达清楚,我确实有这个苦恼,特别是以前用07年买的那台MacBook时,总是做得和客户还有同事windows下浏览的html不一样。我尝试拷贝同事的windows的字体,还是不一样。不过你说的中易宋体,我会找来试试。非常感谢!
    xiluo
        13
    xiluo  
       2011-03-22 10:03:48 +08:00
    好,既然是传媒集团,就得整的乱,整的花哨点
    lianghai
        14
    lianghai  
       2011-03-22 18:33:54 +08:00
    @lin Photoshop 里基本是没法生成和网页一样的字体渲染效果的,尤其是 Mac OS X 版本的 Photoshop。
    Windows 版本的 Photoshop 可以生成基本一致的点阵宋体,但非点阵字体(比如微软雅黑)的渲染和操作系统中平常看到的样子是不太一样的。Mac OS X 版本的 Photoshop 好像没法像 Windows 一样简单地生成那种点阵宋体效果,似乎需要一些小技巧,我暂时想不起来在哪看到过了。
    中易宋体就是 Windows 默认的那个叫“宋体”的小字号时呈现点阵的字体。

    似乎我并没有误解你的意思。你现在没搞清楚字体的一些基本问题,所以表述不清。
    如果你要的是 Windows 里看点阵宋体的效果,就去找找让 Mac OS X 的 Photoshop 能像 Windows 版本一样呈现点阵宋体的那个方法。如果你要的是 Windows 里的 ClearType 微软雅黑效果,就很难精确达成了,但大致还是一样的。
    你得说清楚自己要的到底是什么效果。Windows 的浏览器看同一个网页的效果也会是不一样的。
    Rice
        15
    Rice  
       2011-05-25 17:01:01 +08:00
    我发现挺有特点的。第一感觉是立体感,第二感觉是乱,不过那个仔细一看,那些颜色为右边的内容分类了。
    lepture
        16
    lepture  
       2011-05-25 17:52:22 +08:00
    在前端实现上,如果内容区的大小变化了的话,那个效果图还能否保证? 还是说内容区的大小是不会变化的。
    Sivan
        17
    Sivan  
       2011-07-04 11:42:16 +08:00
    这样的设计需要固定高度。
    右侧的立体效果有点奇怪。总体还是不错的,很有视觉冲击力。
    zythum
        18
    zythum  
       2011-07-04 13:32:46 +08:00
    设计不错。如果这个页面的内容以后改动大的话ok。如果文本要更新的话每个彩色框的长度要动的话麻烦就大了。中间大的过度的彩虹状的那个,目前应该用的图片把。如果用css的矩阵也可以但是ie不支持的啊。所以。。。。
    我知道话多了些,。
    hitbastank
        19
    hitbastank  
       2012-01-09 17:31:34 +08:00
    已经不错啦,颜色比较多,色彩都淡一些试试。
    zzNucker
        20
    zzNucker  
       2012-01-09 17:55:13 +08:00
    我第一眼看过去立刻想到了CSS 禅意花园.......
    要不就是这本书上有类似的 要不就是这本书提供的网站上有类似的
    总之我觉得很眼熟~ ...............
    zicjin
        21
    zicjin  
       2012-01-09 17:58:35 +08:00
    挺好的
    zzNucker
        22
    zzNucker  
       2012-01-09 18:02:52 +08:00
    不过还不错的.....
    ehaagwlke
        23
    ehaagwlke  
       2012-01-09 18:34:57 +08:00
    很想知道,左侧导航点开后的页面是什么样子?
    kfc315
        24
    kfc315  
       2012-01-09 18:54:16 +08:00
    我很不专业,就只说一点了:
    设计者有无考虑在大分辨率下,网页什么样子吗?
    因为从左到右是越来越突出的。
    lbj96347
        25
    lbj96347  
       2012-01-09 19:23:49 +08:00
    推荐一个网站:fanggeben.com
    Keinez
        26
    Keinez  
       2012-03-13 10:32:23 +08:00
    如果需要用颜色区分的话,将导航栏在左侧独立然后把当前页面做成大色块的形式怎么样?简单来说就是左边彩色,右边的页面用单色,然后靠下拉的超长页面来实现颜色分类效果。

    另外的一个问题是每个色块中信息区分度不明显,标题用了#fff,虽然内容的颜色要略浅也不能浅到这个程度啊……总得和背景颜色形成对比才行
    Joa
        27
    Joa  
       2012-03-13 11:31:14 +08:00
    unstop
        28
    unstop  
       2012-03-13 11:53:16 +08:00
    形式为内容服务。感觉楼主的设计让形式抢了内容的风头。
    fim8
        29
    fim8  
       2012-03-13 12:36:28 +08:00
    颜色太多,中间红色太艳丽.设计比较小众.
    构思还是挺有创意的.

    65分.
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1022 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 20:23 · PVG 04:23 · LAX 12:23 · JFK 15:23
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.