大家来帮忙参考一个设计噢~，关于杂志式阅读的

[yyz267]

最近老板叫我做一个关于杂志阅读的设计，偶然发现了这个网站，所以问下大家它这种排版的方式是不是适合阅读内容？如果我做一个修改设计，有没有哪些要注意的地方噢？

链接在这： http://www.yunjii.com/board/208b2b822ef745188fab1035a929b465

[lingyired]

好吧，给我的感觉是凌乱

[yyz267]

@lingyired 恩，老板也是要我改这个，可是不知道如何下手...抓狂= =
那这个哩？ http://at.yoka.com/topic__4fc74a3e09e7294953008348_0.html

[lingyired]

@yyz267 都一样- -

[GordianZ]

瀑布流放放美女图也就算了，现在真是什么都往上面扔⋯⋯

[ybur]

文字多的报纸式
http://blueprintcss.org/tests/parts/sample.html
图片多的直接找本图多的杂志参考下排版，何必在网上找呢。

[gee]

方向没问题。色彩和布局的错落中要有节奏和规律。每个块中标题和图片/内容占的高度太不一致了，而且前一个链接 布局种类太多，很多堆在一起就很凌乱。
chrome应用商店的布局也是类似的方向，但明显整齐多了
瀑布流也是一种网格布局，它的规律就是纵列等宽
各种网格布局：http://siteinspire.com/showcase/category/style/grid_layout/

[yyz267]

@gee 谢谢指点~ 那为什么 http://500px.com/ 的看起来会比较舒服呢？

[kokdemo]

……这样子的排版不仅阅读有障碍，编辑在后套工作压力也超大吧

[yyz267]

@kokdemo 它这个排版貌似是算法算出来的...

[Eyon]

给我的感觉也是凌乱，甚至你老板让你改的那个都比前者好。

lz 可以参考下 digg.com 的新版，我觉得很舒服，也很杂志

[Quoo]

额。继续瀑布流就好凌乱了。其实我还是觉得你可以看看imgii.com的方式。最好阅读了。

[Quoo]

@yyz267 500px的美感在于，他是展现摄影美图。但是，你的在于展现文字，图片只是你的补充。
你可以看你的图片展现方式，很多图片，因为算法问题，图片直接被割掉，显示半个脑袋了。直接看起来都莫名其妙的。

[gee]

@yyz267 500px的布局只是比chrome store进化了一点，在块中图和标题的高度是固定的，宽度是1*1，2*2，1*2，2*1的组合，这样还是比较规则，排列也灵活轻松，而且块体积大，一屏不会看到太多。
更重要的是，各种网格布局都是以图为主，文字用复杂的网格不利于阅读，做做导航还行
http://ihavenothingtoenvy.blogspot.jp/?view=mosaic blogspot有个mosaic主题，文字多的时候显然不理想了

[baoyalong]

@yyz267 我认为500px的间距比较大，同时图片和标题是分离的，信息的展示比较符合审美，同时没有压迫感。从某种程度说圆角和间距与v2ex很像呢。lz不妨把标题和图片分离，放弃图文混排，再尝试一下

[yyz267]

@Eyon 新版digg整个就是瀑布流诶，这样看信息感觉比较错乱~

[westoy]

前两天刚好看到一个感觉不错的瀑布流： http://www.lottanieminen.com

我觉得如果用瀑布流这种大信息量的版式，应该好好考虑留白的问题，其实任何设计留白都特重要。

关于留白，这篇文章的开篇就有一个很好的范例： http://www.zcool.com.cn/article/ZMjk1MDA=.html

[tiancailaxi]

感觉不太好··
没有分类 没有主次
很乱··
各个文章的框框大小也不一样 没有个规范···
可以分类下 然后每一类的热点放在首页 其他的可以用更多按钮的下拉菜单展现标题或者配图

[X_Del]

杂志怎么能忘了 NYTimes http://www.nytimes.com/skimmer/#/Top+News 和 Boston Global http://www.nytimes.com/skimmer/#/Top+News 呢？没有比这更杂志的了。

[X_Del]

第2个连接给重了，应该是 http://bostonglobe.com/ 。

[yyz267]

@westoy
@baoyalong
@gee
那你们说类似qq阅读的那种横向翻页的方式是不是更适合阅读呢？http://reader.qq.com