维基百科: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)[回复]
  • (!)意見: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/2Danielinblue的底部。最后给三位小小的建议:最底部介绍维基基金会旗下的姊妹计划,撤销文件:Wikimedia-logo.svg的链接(|link=)或如同下面的字词链接连接到wikimediafoundation.org首页。页面上的拉丁字母使用{{Lang}}模板的代码(去除分类:含有某某语的條目)稍微美化一下字体,如:“RSS”、“Non-Chinese speakers”。谢谢!--Shibo77 2013年2月17日 (日) 10:21 (UTC)[回复]