1
lingyired 2012-08-04 12:17:11 +08:00 1
好吧,给我的感觉是凌乱
|
2
yyz267 OP @lingyired 恩,老板也是要我改这个,可是不知道如何下手...抓狂= =
那这个哩? http://at.yoka.com/topic__4fc74a3e09e7294953008348_0.html |
4
GordianZ MOD 瀑布流放放美女图也就算了,现在真是什么都往上面扔⋯⋯
|
5
ybur 2012-08-04 13:50:32 +08:00
|
6
gee 2012-08-04 14:00:46 +08:00 2
方向没问题。色彩和布局的错落中要有节奏和规律。每个块中标题和图片/内容占的高度太不一致了,而且前一个链接 布局种类太多,很多堆在一起就很凌乱。
chrome应用商店的布局也是类似的方向,但明显整齐多了 瀑布流也是一种网格布局,它的规律就是纵列等宽 各种网格布局:http://siteinspire.com/showcase/category/style/grid_layout/ |
7
yyz267 OP @gee 谢谢指点~ 那为什么 http://500px.com/ 的看起来会比较舒服呢?
|
8
kokdemo 2012-08-04 14:39:08 +08:00
……这样子的排版不仅阅读有障碍,编辑在后套工作压力也超大吧
|
11
Quoo 2012-08-04 16:00:02 +08:00 1
额。继续瀑布流就好凌乱了。其实我还是觉得你可以看看imgii.com的方式。最好阅读了。
|
12
Quoo 2012-08-04 16:04:52 +08:00
@yyz267 500px的美感在于,他是展现摄影美图。但是,你的在于展现文字,图片只是你的补充。
你可以看你的图片展现方式,很多图片,因为算法问题,图片直接被割掉,显示半个脑袋了。直接看起来都莫名其妙的。 |
13
gee 2012-08-04 16:06:24 +08:00
@yyz267 500px的布局只是比chrome store进化了一点,在块中图和标题的高度是固定的,宽度是1*1,2*2,1*2,2*1的组合,这样还是比较规则,排列也灵活轻松,而且块体积大,一屏不会看到太多。
更重要的是,各种网格布局都是以图为主,文字用复杂的网格不利于阅读,做做导航还行 http://ihavenothingtoenvy.blogspot.jp/?view=mosaic blogspot有个mosaic主题,文字多的时候显然不理想了 |
14
baoyalong 2012-08-04 16:57:12 +08:00
@yyz267 我认为500px的间距比较大,同时图片和标题是分离的,信息的展示比较符合审美,同时没有压迫感。从某种程度说圆角和间距与v2ex很像呢。lz不妨把标题和图片分离,放弃图文混排,再尝试一下
|
16
westoy 2012-08-04 18:22:41 +08:00
前两天刚好看到一个感觉不错的瀑布流: http://www.lottanieminen.com
我觉得如果用瀑布流这种大信息量的版式,应该好好考虑留白的问题,其实任何设计留白都特重要。 关于留白,这篇文章的开篇就有一个很好的范例: http://www.zcool.com.cn/article/ZMjk1MDA=.html |
17
tiancailaxi 2012-08-04 19:53:02 +08:00
感觉不太好··
没有分类 没有主次 很乱·· 各个文章的框框大小也不一样 没有个规范··· 可以分类下 然后每一类的热点放在首页 其他的可以用更多按钮的下拉菜单展现标题或者配图 |
18
X_Del 2012-08-04 22:47:28 +08:00
杂志怎么能忘了 NYTimes http://www.nytimes.com/skimmer/#/Top+News 和 Boston Global http://www.nytimes.com/skimmer/#/Top+News 呢?没有比这更杂志的了。
|
19
X_Del 2012-08-04 22:48:20 +08:00
第2个连接给重了,应该是 http://bostonglobe.com/ 。
|
20
yyz267 OP |
23
mckincy 2012-08-06 17:53:17 +08:00
我觉得是平面构成的统一性在起作用。
图片尺寸的统一; 色彩的统一; 布局形式(标题位置,字号,字体一致性)的统一; 还有类似瀑布流的布局,视觉是从上到下的,等宽元素布局对信息辨识最友好,最容易让信息以一种有秩序的方式分布,降低辨识难度。 http://www.tangibleinteraction.com/ http://www.arawines.com/ |
24
mckincy 2012-08-06 17:58:03 +08:00
|
25
zern 2012-08-07 08:07:43 +08:00
可以参考我的网站。。嘛杂志类型的哈~·呵呵
|
28
mckincy 2012-08-07 09:59:39 +08:00
|
30
030720229 2012-08-07 12:11:39 +08:00 1
我觉得有几个问题需要注意吧;
a 一行多少个文字,最有利于阅读。一行字太少阅读起来回行太频繁,;累。行太长,很容易串行。 一般的一行25~30个字比较合适。 一般来说web上用12px的字,所有文字快的大小就有限制了。 b 文字和边框的距离,文字的行距,文字的颜色(一般#000 看着挺累的),需要处理好。大片文字 出现本来就会出现信息过载,如果没有主次就是一片模糊。 |
33
GASALA 2012-08-07 15:13:36 +08:00
关注。最近也需要这方面的启发。
|
34
zern 2012-08-07 21:21:34 +08:00
@yyz267 我那个是可以滚轮滚动的啊,和普通上下页面操作没啥区别;当然是为了展示古本横卷和折页我认为是最好的办法。而且在PAD上体验也很好,比竖屏好多了。
|
36
johnnyk 2012-08-18 18:26:02 +08:00
@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 |