维基百科

维基百科:2012年首页设计建议/方案优化/区块设计

< Wikipedia:2012年首頁設計建議 | 方案優化
2012年首页设计建议
延伸阅读
查 · 论 · 编 · 历

一些需要达成共识的细节

  1. FA，GA，新条目推荐的图片对齐方式和大小
  2. 新闻和历史上的今天的配图方式
  3. “候选 · 存档 · 所有优良条目”等的对齐方式
  • 我的想法是：1. 靠左对齐以使首页重心均匀（除新条目推荐由于左侧有项目符号，且图像更新较频繁，建议靠右），长宽限定为190x190px。2. 配图置于右上，稍大会比每项中放小图易于阅读。3. 靠右对齐，与正文区分开。--Ericmetro（留言） 2013年2月8日 (五) 15:52 (UTC)[回复]
  • (＆)建议
    1. FA, GA, DYK全部靠右，一致风格。大小可依190x190px，但每日图片应该可以较大
    2. 置于右上无问题，但可以考虑参照DYK，随机显示图像
    3. 靠左，并带有分隔线。
    --HW论 献 2013年2月9日 (六) 02:44 (UTC)[回复]
  • 感觉 FA, GA 的图像还是靠左比较好，图像出现在页面中心且右侧新闻动态也有图像，会使人感觉页面重心分配不均。DYK使用项目符号图像可以靠右（类似目前首页）。--Ericmetro（留言） 2013年2月16日 (六) 06:30 (UTC)[回复]
如果图像都靠右的话，可能各栏目底部的导航条就要放左侧了，否则真的重心不稳。关于栏目图片的使用，一种是FA，GA，新条目推荐的图片采用一种尺寸，另一种是特色条目较大，另两个较小，特色图片最大。另外，特色图片的阴影效果没有必要吧？感觉与整体不协调。而且我们是内容为主，没必要太多的装饰效果。此外，还是建议FA，新条目推荐，GA，特色图片的顺序排列，现在FA，GA在一起，二者完全没有区分，给人一种很重复的感觉。另外，特色条目那四个字是不是换一个接近特色条目标志的颜色？其他几个栏目标题也同样问题，用色太多了，我觉得特色一个颜色，优良一个颜色，其他内容板块一个颜色，社群等板块一个颜色最多了--百無一用是書生 (☎) 2013年2月17日 (日) 12:29 (UTC)[回复]

区块分割

目前的方案有每个栏目用框单独分割（Kuailong/alt），左右两栏分割（Danielinblue，Ericmetro (2)）。

  • 我的想法是对于各部分按内容区分的网页，仅左右分两栏处理在整体感上比较好，主要参考一些网站首页（例如BBC），大部分布局是上侧全宽标题，左侧无框正文和栏目，右侧为带边框的栏目（其他商业百科网站也大多采用类似布局）。需要的话加一些淡色水平分割也可以（可参考Google News）。个人的想法是分块较细由于对齐较困难，可能看起来略有些疲劳。单独分块布局感觉信息流类网站用的比较多。--Ericmetro（留言） 2013年2月8日 (五) 16:39 (UTC)[回复]
  • (！)意见，左右两栏即可。－HW论 献 2013年2月9日 (六) 02:44 (UTC)[回复]
"参与维基百科"这块更适合放在Wikipedia:社区主页这种地方吧？放在首页太占地方了--百無一用是書生 (☎) 2013年2月17日 (日) 12:33 (UTC)[回复]
目前首页上的板块大多还是针对读者的，觉得为编者设置一个板块应该也无妨。 --Ericmetro（留言） 2013年2月22日 (五) 13:45 (UTC)[回复]

我觉得Danielinblue方案每个栏位标题的图标风格可以保留，一方面避免全部是文字的枯燥，另一方面可以作为一种变相的分割线使整个页面更有层次感。具体的图标样式可以再考虑--yangzhe1991（留言） 2013年2月28日 (四) 15:43 (UTC) 两栏分割。。。但要打分割线呀。。。--2q1w2007留言 2013年3月8日 (五) 16:21 (UTC)[回复]

区块分割。建议伸拉框置右。不占页面空间--—以上未签名的留言由南宫小强（对话｜贡献）于2013年3月21日 (四) 02:43‎加入。

每日图片

 
整合试验
  • 设想了一些每日图片的整合方案和兼容性的解决办法。不过最好事先考量一下图像大小与的载入速度的关系便于进一步设计，不知社群对每日图片使用大图背景的看法如何。--Ericmetro（留言） 2013年2月10日 (日) 14:13 (UTC)[回复]
  • 这样的设计其实非常好的！图像左侧浮动，下方无文字环绕。即使没有那个渐变图像作为背景也会有不俗的效果，当前很多设计一流的网站都是如此！可是由于维基首页的图片无法应用响应式设计（Responsive Design）的方式解决，每日图片高度又无法限定，维基首页又是纯液态。这样在浏览器宽度较小时文字会很难看的环绕图片或很意外的消失，而浏览器较宽时文字下方又会有很大的空白或图片只显示上面部分。因此，以目前如此多的限制条件来看，想把“每日图片”区域设计得更像“图片展示”区域，的确有很多挑战！我当时做了一些测试，为了增大图片并保持以上效果而又可以在浏览器宽度很小时正常浏览，也许，不得不减少文字内容！如果我找到了更好的方法我会及时回应给您的。（当然，如果图片可以做响应式设计的话，问题也就全解决了！）--6teng（留言） 2013年2月10日 (日) 16:14 (UTC)[回复]

以下内容移动自Wikipedia:2012年首页设计建议/方案优化，新留言请置于框外。执行人：--HW论 献 2013年2月13日 (三) 13:50 (UTC)。[回复]

  • (！)意见：Kuailong/alt的版本里特色图片做的很好.--coolevil 2013年2月13日 (三) 13:11 (UTC)
喜欢这个！很好看！--Qa003qa003（留言） 2013年3月1日 (五) 03:03 (UTC)[回复]
这个和kailong的都很好不如一个用一个吧~--Qa003qa003（留言） 2013年3月1日 (五) 03:05 (UTC)[回复]

新闻图片

大家难道没有觉得新闻图片太小吗？我看目前整合版是41×48，比如缅甸地震那一条，我根本看不出来这绿色一块图是什么。我想能不能在不超过原图分辨率的约束下设置图的高度等于那一条新闻的文字的高度（缅甸地震的文字高度是64px）。但因为布局关系，图片放大后，文字区变窄，文字高度可能又增加。所以图片高度只需要对比文字高度一次即可，之后即使文字高度又增加，也不再放大图片。我是计算机专业的，懂点HTML和CSS，我怀疑我说的效果可能要JavaScript实现。--Gqqnb（留言） 2013年2月11日 (一) 02:56 (UTC)[回复]

说得好。像我们这种高中生时间少，最好一眼能看到核心内容，以最少的时间获取更多的东西。caijinzhi（留言） 2013年2月11日 (一) 22：23 (UTC)
其实根本不应该放两张新闻图片。。维基百科根本不应该报导新闻，首页的新闻动态目的是供编者参考，想读新闻的请往此－HW论 献 2013年2月13日 (三) 02:57 (UTC)[回复]
其实最好是不要放置过于精细的绘图、一般的简易图或是新闻图片（背景、人像等）；但我并不同意维基百科不应报导新闻。　-　assanges ‧ (Tk | Ct | Up) 2013年2月13日 (三) 06:52 (UTC)[回复]
建议只放一张图，另外我亦无反对报导新闻，只是新闻动态不应该成为最重要的项目。－HW论 献 2013年2月13日 (三) 09:18 (UTC)[回复]
要我说既然放了图，就放大一点。不然小图什么都看不清，又吸引不了用户。纯粹浪费流量，新闻被放在首页并非成为最重要的项目，需要考虑的是，新闻意为着现在，维基百科作为百科式的站点，新闻报道的内容恰恰能成为条目的内容更新重要推动者，而维基的原则大家也清楚既有来源，这也应该是维基报道新闻更能中立之处（多方意见一起）。Victor.In（留言） 2013年2月16日 (六) 06:39 (UTC)[回复]

条目简介链接与底部板块对齐

以下主要针对Kuailong/alt的版本。希望即便“特色内容”、“优良条目”、“每日图片”有“(阅读全文…)”的链接，出于对读者的方便，最好还是将简介的题目粗化并维基化。例如“《汤姆叔叔的小屋》”、“瑞士，西欧国家之一”、“城堡是中世纪欧洲”。另外“(阅读全文…)”最好能够粗化或稍微扩大字号，变得更为醒目一些。我个人不太在乎左右栏目是否有对齐的必要，主要是希望底部“站点链接—致读者—致编者”左侧一栏的底线与“资助维基”右侧一栏的底线，不管上面内容是长是短，都能保持对齐状态。Ericmetro/2和Danielinblue的底部。最后给三位小小的建议：最底部介绍维基基金会旗下的姊妹计划，撤销文件:Wikimedia-logo.svg的链接（|link=）或如同下面的字词链接连接到wikimediafoundation.org首页。页面上的拉丁字母使用{{Lang}}模板的代码（去除分类:含有某某语的条目）稍微美化一下字体，如：“RSS”、“Non-Chinese speakers”。谢谢！--Shibo77 2013年2月17日 (日) 10:21 (UTC)[回复]

检索自“https://zh.wikipedia.org/w/index.php?title=Wikipedia:2012年首頁設計建議/方案優化/區塊設計&oldid=61063768”