维基百科:2012年首頁設計建議/方案優化

設計方案篩選得出下面一些支持率及淨支持票較高的方案。請各位積極參與下方的討論，優化和整合方案。

• 討論期：2013年2月7日至2013年3月25日（已完結）

方案	Ericmetro (2) (附加CSS)	Kuailong/alt	Danielinblue
淨支持票數	52	52	27
支持率	90.63%	89.39%	86.49%
點此顯示或隱藏截圖
1920 × 1080
1280 × 768
完整截图

2012年首頁設計建議
構想 提交設計 第一階段遴選 方案優化 頂部設計 區塊設計 改版讨论 建議方案 意见收集
延伸閱讀
06年首頁改版 09年首頁改版 首頁的歷史 英文版相關計劃

設計方面

建議基於其中一個方案作整合。鑑於Kuailong方案在各瀏覽器的兼容度較高，建議以此為基礎。已建立整合頁（見Wikipedia:2012年首頁設計建議/整合的版本24922344）頁面。如對設計有意見，建議在此先行提出，討論後才加入。--Gakmo（留言） 2013年2月8日 (五) 09:52 (UTC)

其實並非如此，Kuailong方案中每日圖片對於IE顯示的效果是...十分差 :(－HW^{論 獻} 2013年2月8日 (五) 10:13 (UTC)

都是漸變問題，但是頂部設計是首頁整體布局的重要元素，位置遠較每日圖片板塊凸出，亦對首頁的整體感觀影響較大。--Gakmo（留言） 2013年2月8日 (五) 10:38 (UTC)

直到 IE 10 才有所改观。此外这个 demo 的截图是来自旧版 IE 的啊。。。Sky.6t 2013年2月25日 (一) 05:23 (UTC)

预先的整合基础应该还不急，毕竟各个方案的代码结构不太一样，建议还是产生一些共识以后再结合各设计的元素重新设计整合方案，这样可能整体感较好。--Ericmetro（留言） 2013年2月8日 (五) 12:07 (UTC)

同意。此外，Kuailong與Ericmetro兩個方案的支持度幾乎不相伯仲，如果現階段貿然只以其中一個為基礎，恐怕會引起非議。本人認為整合方案的基礎，應該是各優秀作品均有出現的共通點。至於各方案之間有明顯差異的元素，則留待大家討論應該參照哪個方案。 -- Kevinhksouth (Talk) 2013年2月8日 (五) 14:39 (UTC)

(！)意見，始終要有個框架作為起點吧。初步作出了下面的整合：

• 頂部方面，採用Ericmetro的文字樣式；
• 各板塊的底部連結置右；
• 加入了Ericmetro的「参与维基百科」板塊；

另外，為測試效果，強烈建議參與者根據以下步驟，將整合方案設為首頁。

• 參數設置 -> 小工具 -> 首頁 -> 同時點選[自定義首頁]及[其他自定義樣式]2項 -> 保存 -> 在Special:我的用户页/MainPage加入{{Wikipedia:2012年首頁設計建議/整合}}代碼 -> 儲存 -> 瀏覽WP:首頁

--Gakmo（留言） 2013年2月8日 (五) 19:33 (UTC)

• 在下记得html5和CSS3刚出现的时候，网页采用分浏览器写代码的方式。也许对IE这样的浏览器可以单独采用兼容性较高但体验先对单一的模块设计方案——燃玉 留言 _{勇踏前人未至之境！} 2013年2月9日 (六) 06:32 (UTC)

附議燃玉，雖說不可能把所有的瀏覽器搞定，IE Chrome Mozilla三個考慮進去應該就夠了....先決定其他的事後，再來處理支援生的問題lzk（留言） 2013年2月9日 (六) 13:23 (UTC)

希望熟悉相關技術的朋友可說明一下，但大前提是不同瀏覽器之間的設計不應有太大差距。--Gakmo（留言） 2013年2月10日 (日) 17:45 (UTC)

Relzk，还有Opera，^^ ——燃玉 留言 _{勇踏前人未至之境！} 2013年2月11日 (一) 18:50 (UTC)

目前主流排版引擎是 WebKit、Trident和Gecko三種引擎（分別應用於Safari/Chrome、IE、FF 等主流瀏覽器） ，原則上能夠支援這三款瀏覽器引擎作瀏覽已經很足夠了，所以簡單來說HTML5 是一個不錯的SOLUTION。但最好是同時能夠支援Opera 旗下的Presto 引擎，因為這款引擎是｢非主流中的主流」，市佔率也不少的。 @assanges ‧ ^{(talk | cont | uploads)} 2013年2月13日 (三) 06:41 (UTC)

给一个避过消岐的Trident. Bluedeck 2013年2月19日 (二) 11:11 (UTC)

提一件事：看到最近新闻，Opera已经转投WebKit，“逐步放棄使用基於Presto引擎的產品”林卯留言? 2013年2月27日 (三) 05:33 (UTC)

Opera 都投奔 WebKit 了。真忧伤。。。Sky.6t.Color vision 2013年2月27日 (三) 14:05 (UTC)

(※)注意，參照此版本的Ericmetro方案，更新了整合頁（見Wikipedia:2012年首頁設計建議/整合的版本24954145）的頂部設計，畢竟不少維基人是投給有此頂部設計的方案（見遴選頁面），反映此頂部設計得到不少認同。另外，建議大家可以直接編輯整合頁面，在上面測試效果，為達成新頁面而努力。--Gakmo（留言） 2013年2月10日 (日) 18:44 (UTC)

Kuailong的方案中，那个大图片在不同分辨率下的展示效果相差很大，尤其是在高分辨率的宽屏下，效果差强人意。至少设计上多多少少应该采用一些响应式设计的方式，在不同的屏幕下，尽量保持一致--百無一用是書生 (☎) 2013年2月12日 (二) 05:32 (UTC)

(！)意見建议Kuailong方案的“特色内容”和“新闻动态”的高度对齐，“优良条目”+“你知道吗” 和 “历史上的今天”高度对齐。--午夜飞豹（留言） 2013年2月12日 (二) 08:17 (UTC)

可能有困能，尤其是當要顧及不同解像度的時候。。。--HW^{論 獻} 2013年2月12日 (二) 08:55 (UTC)

(※)注意，Ericmetro兄基於本身方案更新了整合頁，改善了跨平台兼容，建議以此為新首頁整合方案的基礎。--Gakmo（留言） 2013年2月25日 (一) 06:46 (UTC)

(！)意見：直观感觉Ericmetro的顶部设计更适合维基已经给我的亲切熟悉度并增加了突出点。--Gretchen（留言） 2013年2月27日 (三) 11:48 (UTC)

(！)意見：刚看到首页提醒过来讨论，我提2点 1.有必要保留/加强对Presto引擎的支持(我现在正是用opera在这儿发言)，因为Presto引擎有完整的HTML5+CSS3支持，opera也说，作为日常使用来说问题并不大，除了今后新出的网站可能会出现一点CSS错误之外，预计仍有用户会保留使用旧版的opera(我自己也还在考虑)。

2.首页设计方面，建议去看一下现在的日文版(最近也做了一次改版 给我感觉很不错，特别是每日图片)，因为日英中三个版本是我每天必去的(一般来说，中文我现在是直接从后门绕进来，不从首页走)--我是火星の石榴（留言） 2013年3月1日 (五) 05:39 (UTC)

討論分區

前往参与頂部設計讨论

前往参与區塊設計讨论

內容方面

• (！)意見：除了「參與維基百科」一節外，採用Wikipedia:2012年首頁設計建議/草案/Ericmetro/2的設計，另補回今日熱點，但設有顯示限制（見討論頁）－HW^{論 獻} 2013年2月8日 (五) 10:13 (UTC)

今日热点的设置

• (！)意見：今日热点是否有必要在首页展示我觉得还可以进一步斟酌：

  （1）许多浏览量是由于外链造成的，对一般读者的阅读价值不大：比如这个eMule MagicAngel Mod，某天的浏览量是10452，而平时的浏览量仅在2-3左右：参见最近90天浏览记录，另一个例子是[1]。

  （2）可能会成为某些个人或组织进行宣传或展示的平台，如利用刷票器刷高浏览量以获得首页展示资格，更有可能利用刷票器使某些条目每天都留在榜上，进行自我宣传。

  （3）这些条目的质量参差不齐，不代表优秀条目的水平，似乎没有展示给读者阅读的意义。

  （4）部分条目可能会引起某些读者反感。

  （5）这些条目的浏览量已经很大了，首页作为一个引导读者的平台，应该把他们的注意力吸引到那些维基人花费精力编辑而读者较少的优秀条目上。

  （6）内容和当前新闻热点关系不是很明显，且首页已有新闻动态。--Ericmetro（留言） 2013年2月7日 (四) 17:07 (UTC)

(※)注意，早前討論已有共識設置「動態條目統計」，參見维基百科:2012年首頁設計建議/構想區。現時不宜推倒之前的共識，而應討論如何改善、展示什麼內容。--Gakmo（留言） 2013年2月8日 (五) 18:29 (UTC)

• (＆)建議考慮每條條目每一個月僅限在首頁的「今日熱點」項目出現一次，該項目每日由機械人更新，自動排除過去一個月曾出現於首頁任何項目的條目。另外，維基百科的緩存其實令登入用戶才能提高流量，未登入用戶影響相對較輕微。此外亦可限制該類條目必須有最少X位元組才可顯示於首頁。－HW^{論 獻} 2013年2月8日 (五) 03:46 (UTC)

提高参与度的内容

• 感觉新手参与编辑的障碍主要有两个，一个是编辑语法，另一个是所增加内容的来源。针对这两个困难，希望通过“参与维基百科”来提供一些有价值的链接：

• 编辑语法的障碍：除入门和如何编辑对语法进行介绍外，也希望提供一个条目代码范例（附带注释），供新编辑模仿。进阶上有如何使页面美观以及使用模板的指导。
• 内容来源的障碍：

（1）对收录内容的困惑：通过常见误区等。

（2）对版权的困惑：通过请留意版权等，以及对图像版权（合理使用、公有领域、知识共享协议）的介绍、上传自己拍摄照片的方法及使用指引。

（3）自己撰写条目如何利用参考资料（例如如何在不侵犯版权的前提下改写，如何注明来源），以及从哪些地方可以改善现有条目的质量。

（4）考虑到很大一部分条目是通过翻译，提供一个翻译其他语种页面的指导（如添加跨语言链接，添加分类，译名法，红链处理等）的指导。

另外有一些较有维基百科特色的方针进行展示，希望能让参与者了解维基百科计划的特别之处。

--Ericmetro（留言） 2013年2月8日 (五) 17:14 (UTC)

• (！)意見，插句嘴，话说如果把wikipedia:《维基人》的链接加进去如何~--耶叶爷♥VC XC 2013年2月21日 (四) 06:52 (UTC)

• 同意。《维基人》的优秀内容怎么能不让大家知道呢？--一瞬温暖 2013年2月23日 (六) 08:14 (UTC)

  該月刊是否能夠穩定的持續下去？如果不，就不用了。另外建議首頁繼續預留接口供加入動員令公告－HW^{論 獻} 2013年2月23日 (六) 12:09 (UTC)

  你怎么就知道是不？？--耶叶爷♥VC XC 2013年3月3日 (日) 00:30 (UTC)

  不知道 囧rz……--HW^{論 獻} 2013年3月3日 (日) 03:39 (UTC)

很好支持，但是编者太少，容易受到外界影响而停刊。--Qa003qa003（留言） 2013年3月3日 (日) 10:07 (UTC)

其他

• (！)意見：
  • 將「有助提高參與度的連結」放在最顯眼位置（Kuailong/altY、Ericmetro (2)N）
  • 按早前共識，加入「動態條目統計」（Kuailong/altY、Ericmetro (2)N）
  • 提高IE兼容性，特色圖片採用Ericmetro (2)的設計。
  • 減少Ericmetro (2)中連結至計劃頁面的連結，下半部連結過多

  先說這些吧。－HW^{論 獻} 2013年2月7日 (四) 14:43 (UTC)

• (！)意見：

  對於Ericmetro 2：

  1. 新的頂部設計與日文版「利用者:Cllackr/メインページのデザイン案 (2012)/Latent Grid」極為相似。可是全寬的設計與您的整體風格並不搭配，至少在Mac系統下會看起來比較亂，因此建議修改或更換。
  2. 由於您的設計在左側內容區域並未使用邊框，這樣雖然簡潔不過勢必會造成文字區域的邊緣參差不齊。建議使用text-align:justify;使文字兩端對齊，這樣在非Windows系統下即可獲得較為理想的效果。對於Windows可以繼續添加text-justify:inter-ideograph;作為補充。這樣至少在IE瀏覽器下可以實現中文的兩端對齊，不過對於Windows系統下的其他瀏覽器例如Google Chrome似乎沒有更好的辦法對齊文字。
  3. 建議調整浮動圖片的margin-top來使第一行文字與圖片頂部邊緣對齊。

  希望以上建議對您有所幫助！

  對於Kuailong 2：

  1. 整體風格與Ericmetro類似，不過您也許是簡體中文Windows的使用者，95%的文字大小在繁體中文Windows系統上看，文字會發虛，而簡體中文系統卻不會出現如此問題。因為繁體中文Windows的預設字體不會是中易宋體，不知您有沒有試過？
  2. 這個方案的與眾不同之處在於其在Mac系統上看毫無亮點，不過在Windows上卻有著不錯的感受。例如在Mac系統，瀏覽器不開到全螢幕的情況下，頂部作為背景的「大球」會較為清晰，十分搶眼。而「今日熱點」部分由於沒有設置高度與overflow，瀏覽器不夠寬時即會換行並居中對齊文字也影響了整體效果。

  希望以上建議對您有所幫助！

  整體上感覺Ericmetro 2和Kuailong 2的設計極為相似，區別是Kuailong的設計有一個會拖慢載入速度的圖片，而Ericmetro的沒有。

  對於Danielinblue

  • 除去小圖標的版本還是非常不錯的，各模塊也是使用了現有模板。唯一的問題就是這種法文版風格的「經典」設計已經被太多語言首頁所使用：法文版使用，意大利文版使用，日文版也換了這樣的！其他方面並無問題。

另外... T_T 好傷心為什麼只有7人給我投票啊，正反票都加在一起總數也只有7！估計是參與度最低的設計了！也許是因為Windows非IE文字無法對齊？好難過啊！ T_T --6teng（留言） 2013年2月7日 (四) 17:40 (UTC)

• (！)意見：個人認為三個方案都很優秀，雖然每個方案都跟現有版本有一定的相似程度。
  • 對於Kuailong/alt：如Ericmetro所說，每日最高瀏覽的的條目可能會因為某一事件而衝高；也可能成為有心人士操縱的目標。另外這些條目的質量可能不佳，對於大家閱讀上不一定有特別大的幫助。
  • 對於Ericmetro/2：將portal頁面放在最高的位置上，這個構想不錯，但中文的portal長年都缺乏社群處理，大部分portal頁面都是由一人扛起，在維護上也相當薄弱，所以對於portal放在首頁頂端應再斟酌。(如果每個portal頁至少有穩定的2~3人維護就沒這個問題了)
  • 對於Danielinblue：同Ericmetro/2。--B2322858（留言） 2013年2月8日 (五) 01:57 (UTC)

请按不同的方案分段讨论，谢谢。 --达师 － 261 － 442 2013年2月7日 (四) 17:09 (UTC)

• (！)意見，Wikipedia:2012年首頁設計建議/草案/Ericmetro/2於兩邊不應預留空隙，這反而影響整體效果。－HW^{論 獻} 2013年2月8日 (五) 10:15 (UTC)
• 我觉得我和Ericmetro的方案都是在1280×800分辨率下比现在截图效果好多了……--Kuailong™ 2013年2月8日 (五) 13:06 (UTC)
  • 同意。雖然三個方案的版面設計均相當出眾（本人使用1280x1024解像度觀看），可是根據以上截圖，在1920x1024的寬屏解像度下均失色了不少。不過這是幾乎所有網頁遇到的通病，無法在同一個版面設計上同時兼顧寬屏和非寬屏使用者的觀感。--Kevinhksouth (Talk) 2013年2月8日 (五) 14:22 (UTC)

    已經補上1280 × 768的截圖供參考。－HW^{論 獻} 2013年2月8日 (五) 14:33 (UTC)

• (！)意見，不如把遴選時的反對票的意見，作一個參考。
  • Kuailong/alt：解像度的問題、每日圖片的設計、頂部排版和背景凌亂、配色單調
  • Ericmetro/2：單調，欠缺生氣、死寂感、太白（已更改）
  • Danielinblue：純粹的展示、藍色陰影不好看、討厭圓角（已去掉）、陰影和欄目logo、區分度不大

  另外，並非所有用戶均喜歡藍色或某些顏色，(＆)建議可以寫一個腳本，允許已登入用戶修改風格，提供一個類似這頁的頁面，容許用戶自訂首頁的顏色佈置（包括頂項顏色、標題顏色、各項目的背景色），並儲存於用戶的CSS頁面。－HW^{論 獻} 2013年2月8日 (五) 14:53 (UTC)

  (～)補充，這裡說2003年版本有55人使用，2004年版本有42人，2005年版本有45人，2006年版本有295人，深蓝色版本有662人，灰色版本有372人，橙色版本有607人，另有115用自製首頁（不過資料也不太準確，話說有選「自定义首页」的人只有473人...但仍能看到大致的選項，故建議新首頁繼續提供不同顏色版本，允許用戶選擇。－HW^{論 獻} 2013年2月8日 (五) 15:02 (UTC)

不是可以在「參數設置」中選擇頁面嗎？請注意，根據早前討論共識（维基百科:2012年首頁設計建議/構想區），首頁應該「移除顏色選擇按鈕」--Gakmo（留言） 2013年2月8日 (五) 18:32 (UTC)

哦，「移除顏色選擇按鈕」當然可以繼續執行，問題只是，在參數設置繼續提供不同選擇，甚至高級一點，做一個面板，供用戶自行設置首頁顏色。以上都不需要在首頁加上顏色選擇按鈕。－HW^{論 獻} 2013年2月9日 (六) 02:31 (UTC)

• (！)意見：由於三個方案都非常優秀，失去哪個都有些不捨！因此建議三位共同努力，結合Kuailong廣為好評的欄目內容配置，Ericmetro易於接受的簡潔風格，和Danielinblue維基化的排版和邊框。打造一個大家都喜愛的「Erickuailinblue」方案！--6teng（留言） 2013年2月9日 (六) 04:44 (UTC)