维基百科讨论: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)[回复]

意見收集

过渡效果能举个例子吗?因为版面布局,优良条目内容太多的话会不太好看--百無一用是書生 () 2012年12月7日 (五) 11:59 (UTC)[回复]
我也觉得优良条目太窄了,文字换行太多,可读性不好。--Gqqnb留言2013年1月15日 (二) 14:58 (UTC)[回复]
很简洁,但每日图片的底色反相和周边配色有点唐突,可能是强迫症,但希望框与框的边框线尽可能对齐,如“今日热门”单独一行,或并放上“特色内容”和“新闻动态”框的上面,让DYK和优良条目框的顶框线对齐。——Sakamotosan 2012年12月8日 (六) 03:50 (UTC)[回复]
框与框的边框线尽可能对齐+1。另外今日热门没有用框感觉很别扭?--202.117.145.244留言2012年12月8日 (六) 10:18 (UTC)[回复]
( ✓ )同意閣下。-哆啦A夢220284 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)[回复]
试了一下加上维基提示的效果[2],感觉不太好,太拥挤了,和整个页面风格不协调--百無一用是書生 () 2012年12月13日 (四) 12:09 (UTC)[回复]
嗯,主要是首页各栏目都有不同的展示方式,唯有优良和特色的展示方式一样,因此为了保持两个栏目的差异化,目前只想出弱化优良的办法--百無一用是書生 () 2012年12月14日 (五) 08:32 (UTC)[回复]
(&)建議:“每日图片”四个字的颜色偏暗,调亮一点应该不错。--Gqqnb留言2012年12月15日 (六) 08:09 (UTC)[回复]
特色条目的用色就是为了突出。"换行和空白"的问题能否说的明白一些?我这里看不出。“站点链接、新用户和致编者”的空白把本来就是故意留出的,[3]是丰富后的一个效果,并不好,太拥挤。姊妹项目的一句话介绍我就是想不要的。“过于靠近其他标识”什么意思?不太明白。“聯絡本語言百科之方法”我认为应该放在首页的对话页比较为妥--百無一用是書生 () 2012年12月15日 (六) 11:37 (UTC)[回复]
现在我看到的是:

今日热门:淨土宗 · 布拉姆·斯托克 · 小说 · 后宫甄嬛传 · 后浪漫主义 · 赵宗岐 · Mao · 小行星列表/99701-99800 · 贝拉克·奥巴马 · 廿
四味 (組合)

“四味 (组合)”被换行,后部都是空白。不觉得太靠近“维基词典”了么?乌拉跨氪 2012年12月15日 (六) 15:43 (UTC)[回复]

我沒看到“四味 (组合)”被换行啊。-哆啦A夢220284世界末日將到來!(大誤) 2012年12月15日 (六) 15:54 (UTC)[回复]
安达曼猪笼草表格的阴影效果?莫非是说box-shadow: 4px 4px 6px #A0A0A0那个?这效果也太糟了吧!感觉是九几年的网页。--林卯留言2012年12月18日 (二) 00:28 (UTC)[回复]
关于阴影,之前有人说现在版本的阴影太重了,乌拉跨氪提供的那个例子,阴影更重。这个听谁的呢?--百無一用是書生 () 2012年12月17日 (一) 00:52 (UTC)[回复]
调整了一下基金会logo与项目logo的间距--百無一用是書生 () 2012年12月17日 (一) 12:20 (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)[回复]
汗,那是因为非条目空间的页面背景不是白色。如果放到首页就没这个问题了--百無一用是書生 () 2012年12月18日 (二) 11:39 (UTC)[回复]
呃……真的啊,以前都没注意。不过为什么英文维基就没这种区分?--Kuailong 2012年12月19日 (三) 02:14 (UTC)[回复]
英文版以前也这样,后来取消了--百無一用是書生 () 2012年12月19日 (三) 03:08 (UTC)[回复]