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

[yyz267]

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

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

[gee]

@yyz267 类似Flipboard的布局吧，跟纸质杂志一样，每一页的信息量不会太大，的确比较适合阅读

[yyz267]

@gee 但这种查看信息效率就会比较低了哈

[mckincy]

我觉得是平面构成的统一性在起作用。

图片尺寸的统一；
色彩的统一；
布局形式（标题位置，字号，字体一致性）的统一；

还有类似瀑布流的布局，视觉是从上到下的，等宽元素布局对信息辨识最友好，最容易让信息以一种有秩序的方式分布，降低辨识难度。

http://www.tangibleinteraction.com/

http://www.arawines.com/

[mckincy]

http://2nova.ru/

类似这种，他的图片外层加了黑色透明度遮罩，让本身图片的颜色统一成一种灰度的方式来展现。

[zern]

可以参考我的网站。。嘛杂志类型的哈~·呵呵

[yyz267]

@zern 横屏你会不会觉得滚的太累了？

[yyz267]

@mckincy mckincy觉得横屏滚动怎么样呢?

[mckincy]

@yyz267 我觉得横屏让版式特别一些，就操作来说，还是用鼠标滚轮上下滚最方便面了。

横向交互类： http://www.artefactgroup.com/

[mckincy]

@yyz267 还有mocoloco.com改版过了，以前他家是横滚的。现在是改为竖向了。

[030720229]

我觉得有几个问题需要注意吧;

a 一行多少个文字，最有利于阅读。一行字太少阅读起来回行太频繁，；累。行太长，很容易串行。
一般的一行25~30个字比较合适。
一般来说web上用12px的字，所有文字快的大小就有限制了。
b 文字和边框的距离，文字的行距，文字的颜色（一般#000 看着挺累的），需要处理好。大片文字 出现本来就会出现信息过载，如果没有主次就是一片模糊。

[yyz267]

@mckincy 如果我鼠标滚动时能整页滚动哩？这样横向滚起来也比较方便吧

[mckincy]

@yyz267 嗯呢，那样我觉得挺方便。

[GASALA]

关注。最近也需要这方面的启发。

[zern]

@yyz267 我那个是可以滚轮滚动的啊，和普通上下页面操作没啥区别；当然是为了展示古本横卷和折页我认为是最好的办法。而且在PAD上体验也很好，比竖屏好多了。

[mckincy]

@zern 很棒: ）

[johnnyk]

@lingyired
@yyz267
@GordianZ
@ybur
@gee
@kokdemo
@Quoo
@Eyon
@030720229
@zern

没想到在这能看到关于云迹的讨论，感谢大家的关注哈。云迹刚刚更新全新的排版系统和界面风格，是全新的设计，希望大家可以继续提些意见哈
有兴趣的同学可以找我要邀请码，我们还在封闭测试

可以直接在这里看效果：
http://www.yunjii.com/board/da136e34963c40dd8d45e7495fe86867
http://www.yunjii.com/board/95295A15-BA62-42F1-8D14-C56FCE4A32FD

[yyz267]

@johnnyk 好吧,还有翻页效果。弱弱的问下实现原理怎样的？