維基百科: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)[回覆]