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

[lin]

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

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

有一些想到的点，就是不知到如何做出来。
看来还有很长的路要走哇⋯⋯

[pudd]

我觉得很好看诶，但是右侧的立体感比较奇怪，左边的很好。

[zikonh]

看上去很不错，立体感很有味道。但是觉得有点花了，而且没看出来网站的主要目的是什么。> <

[TheOnly92]

概念不错，虽然我不是搞设计的，但是我觉得那 4 种颜色（红、橙、蓝、绿）不知是否可以换成 2 种颜色不同深浅？虽然现在这个样子很夺目，但是耀眼。

[2014]

整体内容感觉很乱，好几个页面的东西都放一块太牵强了，也不知道看哪个，哪个才是这个页面的主要内容呢？另外帖子标题没弄明白什么意思，以及和帖子内容的关联。

[zipaiwang]

乱 设计者脑子里明显也没有清晰的信息架构

[HUan]

我觉得相当不错
大家觉得乱可能是因为内容间隔小了，事实上这种颜色来引导区分信息的方法，这已经算很好了

[lianghai]

整体效果还是挺有意思的，不过：
左侧的那个透视效果太夸张了，深度过大。因为页面其他地方（其它几个维度）都没有一点透视，所以那一块夸张的透视就很突兀了，很假。而且左侧的导航被这么夸张的一个透视面和右侧的主题隔开了，导航的效果就很微弱了——人们得沿着那几条色带才能知道到底哪个导航项目是哪个区域的标题。
颜色太浓重了。这几个颜色用在标志里本来就显得很厚重了，结果这么一铺开，就更浓烈了。色彩都快把内容压下去了。
有些区域的文本和背景对比太弱，对于这样的网站似乎不太合适。
内容排布太紧凑了，又受色彩区域的限制，于是信息的结构不强。有些区域为了填满而填满。
有一些细节看起来完全是为了实现而做的，而不是为了达到什么实际的目的。比如蓝绿标志上方的那个突起的白色三角。
另外，用华文黑体做这种网站的效果图不太合适吧——难道这个网站是做给 Mac 用户的？

[paloalto]

有点过度设计了。

[fap_b]

没有仔细理解客户和需求，盲目套用流行的设计元素
具导致客户体现不足，用户可用性差

形式应该服从内容

[lin]

谢谢大家宝贵意见，衷心感谢！
受教。

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

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

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

@lianghai 正想问大家mac上可以用什么字体来做设计？我以前老是画出来跟code出来的字体不一样。这个我一直很关心，从来不知道。

[lianghai]

@fap_b 呃，难道这位是客户？

@lin 这个……当然是为了尽量和网页最终效果一致了。
所以如果是做针对 Windows 的网页设计，那还是用点阵的中易宋体（SimSun）或者微软雅黑为妙，这俩是 Windows 上两代默认字体；如果是针对 Mac 用户，那就是华文黑体（黑体-简）或者 Hiragino Sans GB，同样是如今常见的两代字体。
我越说越觉得别扭了——做效果图的时候选什么字体不就是根据最终你要在 CSS 里为网页指定什么字体来吗……哪来的“可以用什么字体来做设计”这样的问题…… -_-

[lin]

@lianghai 你误会我意思了，而且没有表达清楚，我确实有这个苦恼，特别是以前用07年买的那台MacBook时，总是做得和客户还有同事windows下浏览的html不一样。我尝试拷贝同事的windows的字体，还是不一样。不过你说的中易宋体，我会找来试试。非常感谢！

[xiluo]

好，既然是传媒集团，就得整的乱，整的花哨点

[lianghai]

@lin Photoshop 里基本是没法生成和网页一样的字体渲染效果的，尤其是 Mac OS X 版本的 Photoshop。
Windows 版本的 Photoshop 可以生成基本一致的点阵宋体，但非点阵字体（比如微软雅黑）的渲染和操作系统中平常看到的样子是不太一样的。Mac OS X 版本的 Photoshop 好像没法像 Windows 一样简单地生成那种点阵宋体效果，似乎需要一些小技巧，我暂时想不起来在哪看到过了。
中易宋体就是 Windows 默认的那个叫“宋体”的小字号时呈现点阵的字体。

似乎我并没有误解你的意思。你现在没搞清楚字体的一些基本问题，所以表述不清。
如果你要的是 Windows 里看点阵宋体的效果，就去找找让 Mac OS X 的 Photoshop 能像 Windows 版本一样呈现点阵宋体的那个方法。如果你要的是 Windows 里的 ClearType 微软雅黑效果，就很难精确达成了，但大致还是一样的。
你得说清楚自己要的到底是什么效果。Windows 的浏览器看同一个网页的效果也会是不一样的。

[Rice]

我发现挺有特点的。第一感觉是立体感，第二感觉是乱，不过那个仔细一看，那些颜色为右边的内容分类了。

[lepture]

在前端实现上，如果内容区的大小变化了的话，那个效果图还能否保证？ 还是说内容区的大小是不会变化的。

[Sivan]

这样的设计需要固定高度。
右侧的立体效果有点奇怪。总体还是不错的，很有视觉冲击力。

[zythum]

设计不错。如果这个页面的内容以后改动大的话ok。如果文本要更新的话每个彩色框的长度要动的话麻烦就大了。中间大的过度的彩虹状的那个，目前应该用的图片把。如果用css的矩阵也可以但是ie不支持的啊。所以。。。。
我知道话多了些，。

[hitbastank]

已经不错啦，颜色比较多，色彩都淡一些试试。

[zzNucker]

我第一眼看过去立刻想到了CSS 禅意花园.......
要不就是这本书上有类似的 要不就是这本书提供的网站上有类似的
总之我觉得很眼熟~ ...............