维基百科讨论:2012年首页设计建议/草案/Shizhao
设计简介
主要依据en:Wikipedia:2012_main_page_redesign_proposal/Pretzels/Vector的设计风格,再做一些扁平化处理。主要表达的一些想法:
- 特色内容栏目用来展示特色条目和特色列表。和之前不同的地方在于字号变大,图片变大,更加突出特色内容
- 今日热门为新增。有两种可选:1. 24小时内浏览量上升最快的条目;2. 24小时内浏览最多的条目。目前为1,2的话有一些条目会长期占据。另外,如果有这个栏目的话,最简单的办法是bot更新,但是首页的连锁保护导致bot需要管理员权限才能编辑。
- 你知道吗?变化不大,主要是图片变大
- 每日图片黑底白字,更加突出图片的效果
右侧几个栏目的字体变小,与左侧导航栏字体一致,比较对称
- 新闻动态和历史上的今天图片变小,但可以同时用两幅图片
- 优良条目比照特色内容处理,用一点点绿色表示与其他的不同,但文字会比现在的要少,大约2-3句话。
- 多了一个创建新条目的按钮和几个链接,按钮设计采用目前比较流行的蓝色,并符合mw:Wikimedia Foundation Design/Color Usage
- 新增加了一些常用编辑帮助链接
- 姊妹项目部分更加美观
首页上尽量减少不必要的链接,给内容展示板块只在加粗的条目上有链接。可以对比一下套用现在的首页各栏目板块模板的效果:User:Shizhao/2012mp1
--百無一用是書生 (☎) 2012年12月7日 (五) 11:46 (UTC)
- 尝试了一下加上ribbon的想法[1],水平有限,颜色也一时想不出用什么的好,只是表达一下意思--百無一用是書生 (☎) 2012年12月18日 (二) 12:27 (UTC)
- 根据Kuailong的方案作了一些修改--百無一用是書生 (☎) 2013年1月22日 (二) 14:48 (UTC)
意见收集
- 每日图片黑色是为了突出,但是边框没有过渡效果不太好。另外优良条目太小了吧?--Makecat 2012年12月7日 (五) 11:49 (UTC)
- 过渡效果能举个例子吗?因为版面布局,优良条目内容太多的话会不太好看--百無一用是書生 (☎) 2012年12月7日 (五) 11:59 (UTC)
- 我也觉得优良条目太窄了,文字换行太多,可读性不好。--Gqqnb(留言) 2013年1月15日 (二) 14:58 (UTC)
- (!)意见:我比较倾向于这个设计,色彩柔和、统一,具有现代感。另外个人愚见是特色内容的边框和字体也许可以和其他栏目一致?这个栏目位于左上方,感觉页面载入后读者自然会先看这个部分,也许不必再强调。这个部分边框阴影比较重,可能看起来使页面缺乏整体感,我试了一下这样的边框和阴影(border: 1px solid; border-color:#F1EDDC;) 和 (box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1))。 --Ericmetro(留言) 2012年12月7日 (五) 14:32 (UTC)
- 希望网页制作水平较高的shizhao能按照维基小霸王修改shizhao和Pretzels的设计中的顺序制作另一个。--維基小霸王(留言) 2012年12月7日 (五) 14:55 (UTC)
- 很简洁,但每日图片的底色反相和周边配色有点唐突,可能是强迫症,但希望框与框的边框线尽可能对齐,如“今日热门”单独一行,或并放上“特色内容”和“新闻动态”框的上面,让DYK和优良条目框的顶框线对齐。——Sakamotosan 2012年12月8日 (六) 03:50 (UTC)
- 框与框的边框线尽可能对齐+1。另外今日热门没有用框感觉很别扭?--202.117.145.244(留言) 2012年12月8日 (六) 10:18 (UTC)
- ( ✓ )同意阁下。-哆啦A梦220‧284 2012年12月8日 (六) 10:33 (UTC)
边框线对齐不太可能....因为用的是div而不是table--百無一用是書生 (☎) 2012年12月10日 (一) 01:34 (UTC)- 边框对齐的话,因为内容长短不固定,会造成框中底部留白,更不好看--百無一用是書生 (☎) 2012年12月10日 (一) 01:44 (UTC)
- 特色栏目的边框和阴影稍微调整了一点。另外,这个版本的特色栏目是不是更好?有些拿不定主意--百無一用是書生 (☎) 2012年12月10日 (一) 07:12 (UTC)
- 个人感觉现在这个版本的边框效果使人感觉这个区块太锐利了一点,这个版本的特色栏目则好得多,但是感觉颜色又太重了一点百無一用是書生 (☎) 2012年12月10日 (一) 07:19 (UTC)
- 还是改成了原来的颜色--百無一用是書生 (☎) 2012年12月10日 (一) 12:19 (UTC)
- 个人感觉现在这个版本的边框效果使人感觉这个区块太锐利了一点,这个版本的特色栏目则好得多,但是感觉颜色又太重了一点百無一用是書生 (☎) 2012年12月10日 (一) 07:19 (UTC)
- 框与框的边框线尽可能对齐+1。另外今日热门没有用框感觉很别扭?--202.117.145.244(留言) 2012年12月8日 (六) 10:18 (UTC)
- (!)意见,建议根据早前的讨论,加入“特色列表”一栏。--Gakmo(留言) 2012年12月10日 (一) 14:52 (UTC)
- 这个设计是考虑特色条目和特色列表都在特色内容栏目展示。“设计简介”中已经说了--百無一用是書生 (☎) 2012年12月10日 (一) 19:22 (UTC)
- 明白了,谢谢。--Gakmo(留言) 2012年12月11日 (二) 02:45 (UTC)
- 试了一下加上维基提示的效果[2],感觉不太好,太拥挤了,和整个页面风格不协调--百無一用是書生 (☎) 2012年12月13日 (四) 12:09 (UTC)
- (!)意见,觉得优良条目一栏有点边缘化了。。--耶叶爷♥VC XC 2012年12月14日 (五) 07:20 (UTC)
- 嗯,主要是首页各栏目都有不同的展示方式,唯有优良和特色的展示方式一样,因此为了保持两个栏目的差异化,目前只想出弱化优良的办法--百無一用是書生 (☎) 2012年12月14日 (五) 08:32 (UTC)
- 特色条目和DYK的配色很不搭。今日热门和创建新条目部分挤压版面,出现换行和空白。站点链接、新用户和致编者大量空白仍可压缩或丰富。底部姊妹项目可借鉴Gakmo的一句话,现在的维基媒体基金会标志过于靠近其他标志。乌拉跨氪 2012年12月14日 (五) 17:01 (UTC)
- (&)建议:个人感觉特色以及优良条目可以隔日切换
(由此一来展示条目清单就不会那么快枯竭啦~~ [誤]),另新闻动态与历史上的今天这二栏个人感觉应一并展示效果更佳。最后仍认为须补回英语短句有关联络本语言百科之方法(If you do not write Chinese... 恕下删)。感谢,以上。@assanges [阿桑奇士] ‧ (talk | cont | uploads) 2012年12月14日 (五) 18:07 (UTC)- ( ✓ )同意--TimShi(留言) 2012年12月16日 (日) 11:57 (UTC)
- (&)建议:“每日图片”四个字的颜色偏暗,调亮一点应该不错。--Gqqnb(留言) 2012年12月15日 (六) 08:09 (UTC)
- 特色条目的用色就是为了突出。"换行和空白"的问题能否说的明白一些?我这里看不出。“站点链接、新用户和致编者”的空白把本来就是故意留出的,[3]是丰富后的一个效果,并不好,太拥挤。姊妹项目的一句话介绍我就是想不要的。“过于靠近其他标识”什么意思?不太明白。“联络本语言百科之方法”我认为应该放在首页的对话页比较为妥--百無一用是書生 (☎) 2012年12月15日 (六) 11:37 (UTC)
- 现在我看到的是:
- 特色条目的用色就是为了突出。"换行和空白"的问题能否说的明白一些?我这里看不出。“站点链接、新用户和致编者”的空白把本来就是故意留出的,[3]是丰富后的一个效果,并不好,太拥挤。姊妹项目的一句话介绍我就是想不要的。“过于靠近其他标识”什么意思?不太明白。“联络本语言百科之方法”我认为应该放在首页的对话页比较为妥--百無一用是書生 (☎) 2012年12月15日 (六) 11:37 (UTC)
今日热门:净土宗 · 布拉姆·斯托克 · 小说 · 后宫甄嬛传 · 后浪漫主义 · 赵宗岐 · Mao · 小行星列表/99701-99800 · 贝拉克·奥巴马 · 廿
四味 (组合)
“四味 (组合)”被换行,后部都是空白。不觉得太靠近“维基词典”了么?乌拉跨氪 2012年12月15日 (六) 15:43 (UTC)
- 还有,阴影效果是否用安达曼猪笼草内表格的比较好看点?乌拉跨氪 2012年12月15日 (六) 15:45 (UTC)
- 我没看到“四味 (组合)”被换行啊。-哆啦A梦220‧284-世界末日将到来!(大误) 2012年12月15日 (六) 15:54 (UTC)
- 安达曼猪笼草表格的阴影效果?莫非是说box-shadow: 4px 4px 6px #A0A0A0那个?这效果也太糟了吧!感觉是九几年的网页。--林卯(留言) 2012年12月18日 (二) 00:28 (UTC)
- 我没看到“四味 (组合)”被换行啊。-哆啦A梦220‧284-世界末日将到来!(大误) 2012年12月15日 (六) 15:54 (UTC)
- (&)建议:我希望突出标题,改成这样..--維基小霸王(留言) 2012年12月15日 (六) 13:40 (UTC)
- (!)意见:很好,担是维基词典应该换个位置。
- “但”写错了,而且没签名。改正后请直接删掉我这句话。-哆啦A梦220‧284-世界末日将到来!(大误) 2012年12月16日 (日) 12:20 (UTC)
- (!)意见:“今日热门”一行迫使其上下必须留出一定行距,有些浪费空间,不如放在“新闻动态”的上方或下方区域。--TimShi(留言) 2012年12月16日 (日) 11:58 (UTC)
- 关于阴影,之前有人说现在版本的阴影太重了,乌拉跨氪提供的那个例子,阴影更重。这个听谁的呢?--百無一用是書生 (☎) 2012年12月17日 (一) 00:52 (UTC)
- 调整了一下基金会logo与项目logo的间距--百無一用是書生 (☎) 2012年12月17日 (一) 12:20 (UTC)
- 关于阴影,之前有人说现在版本的阴影太重了,乌拉跨氪提供的那个例子,阴影更重。这个听谁的呢?--百無一用是書生 (☎) 2012年12月17日 (一) 00:52 (UTC)
- 这个设计和Vector感觉很合。只是右栏很窄和比左栏长,或者左栏可以长点。--石(留言) 2012年12月17日 (一) 15:15 (UTC)
- (!)意见:恕我直言,天头最大的“维基百科”四字丑到飞起,检查一下发现font-family: 'Hoeflr Text','Times New Roman', serif——分别是不存在的字体(应该是Hoefler Text,英文字体,该字体视窗系统默认没有)、英文字体(为什么会指定英文字体?我猜是移植时没改)和浏览器指定衬线字体。由于没有“Hoeflr Text”,英文字体里没汉字,这时候浏览器就用默认的汉字衬线体表示,然而更大的问题是,“维基百科”用一对《b》括起来,可巧该汉字衬线体没bold,于是浏览器横向加粗一下,效果说不出的难看。视窗现在有bold的汉字体也就雅黑正黑这些非衬线体——所以说,原版用图片估计也是迫不得已的设计需求。英文还好有开放的Serif字体Linux Libertine(就是英文维基logo下面文字的字体),中文开放带衬线字体(含粗体)就没能当logo的。我考虑是不是可以从《隶辨》等书里集字当天头(容我咨询一下这方面专业的Digidea…),甚至我手写篆书……(顺带书法字可避免“维”的繁简争议)--林卯(留言) 2012年12月18日 (二) 01:45 (UTC)
- 现在用无衬线字体如何呢?原本就是想用无衬线的,但没细看原来的代码,加上我的浏览器强制让衬线字体使用无衬线字体,因此没看出问题来--百無一用是書生 (☎) 2012年12月18日 (二) 02:21 (UTC)
- 是中文版Vector皮肤的问题吗?为什么可以明显看到首页设计白底外边还有一块非纯白的部分?感觉就像是贴了膏药一样很不舒服。--Kuailong™ 2012年12月18日 (二) 06:25 (UTC)
- 汗,那是因为非条目空间的页面背景不是白色。如果放到首页就没这个问题了--百無一用是書生 (☎) 2012年12月18日 (二) 11:39 (UTC)
- 呃……真的啊,以前都没注意。不过为什么英文维基就没这种区分?--Kuailong™ 2012年12月19日 (三) 02:14 (UTC)
- 英文版以前也这样,后来取消了--百無一用是書生 (☎) 2012年12月19日 (三) 03:08 (UTC)
- 呃……真的啊,以前都没注意。不过为什么英文维基就没这种区分?--Kuailong™ 2012年12月19日 (三) 02:14 (UTC)
- 汗,那是因为非条目空间的页面背景不是白色。如果放到首页就没这个问题了--百無一用是書生 (☎) 2012年12月18日 (二) 11:39 (UTC)
- (!)意见:右侧栏(尤其是GA)好没有存在感。--horsefaCe(留言) 2012年12月19日 (三) 06:30 (UTC)
- (!)意见:不太喜爱“维基百科”四字的字款,优良条目放在右边好像不太协调。--沙田友(留言) 2012年12月26日 (三) 06:29 (UTC)
- (!)意见:“维基百科”几个字换换字体吧。DYK等一些模块的背景太淡了--Qa003qa003(留言) 2013年1月16日 (三) 11:30 (UTC)