維基百科討論: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)
意見收集
- 每日圖片黑色是為了突出,但是邊框沒有過渡效果不太好。另外優良條目太小了吧?--Makecat 2012年12月7日 (五) 11:49 (UTC)
- 過渡效果能舉個例子嗎?因為版面佈局,優良條目內容太多的話會不太好看--百無一用是書生 (☎) 2012年12月7日 (五) 11:59 (UTC)
- 我也覺得優良條目太窄了,文字換行太多,可讀性不好。--Gqqnb(留言) 2013年1月15日 (二) 14:58 (UTC)
- (!)意見:我比較傾向於這個設計,色彩柔和、統一,具有現代感。另外個人愚見是特色內容的邊框和字體也許可以和其他欄目一致?這個欄目位於左上方,感覺頁面載入後讀者自然會先看這個部分,也許不必再強調。這個部分邊框陰影比較重,可能看起來使頁面缺乏整體感,我試了一下這樣的邊框和陰影(border: 1px solid; border-color:#F1EDDC;) 和 (box-shadow:0px 1px 1px rgba(0, 0, 0, 0.1))。 --Ericmetro(留言) 2012年12月7日 (五) 14:32 (UTC)
- 希望網頁製作水平較高的shizhao能按照維基小霸王修改shizhao和Pretzels的設計中的順序製作另一個。--維基小霸王(留言) 2012年12月7日 (五) 14:55 (UTC)
- 很簡潔,但每日圖片的底色反相和周邊配色有點唐突,可能是強迫症,但希望框與框的邊框線儘可能對齊,如「今日熱門」單獨一行,或並放上「特色內容」和「新聞動態」框的上面,讓DYK和優良條目框的頂框線對齊。——Sakamotosan 2012年12月8日 (六) 03:50 (UTC)
- 框與框的邊框線儘可能對齊+1。另外今日熱門沒有用框感覺很彆扭?--202.117.145.244(留言) 2012年12月8日 (六) 10:18 (UTC)
- ( ✓ )同意閣下。-多啦A夢220‧284 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)
- 個人感覺現在這個版本的邊框效果使人感覺這個區塊太銳利了一點,這個版本的特色欄目則好得多,但是感覺顏色又太重了一點百無一用是書生 (☎) 2012年12月10日 (一) 07:19 (UTC)
- 框與框的邊框線儘可能對齊+1。另外今日熱門沒有用框感覺很彆扭?--202.117.145.244(留言) 2012年12月8日 (六) 10:18 (UTC)
- (!)意見,建議根據早前的討論,加入「特色列表」一欄。--Gakmo(留言) 2012年12月10日 (一) 14:52 (UTC)
- 這個設計是考慮特色條目和特色列表都在特色內容欄目展示。「設計簡介」中已經說了--百無一用是書生 (☎) 2012年12月10日 (一) 19:22 (UTC)
- 明白了,謝謝。--Gakmo(留言) 2012年12月11日 (二) 02:45 (UTC)
- 試了一下加上維基提示的效果[2],感覺不太好,太擁擠了,和整個頁面風格不協調--百無一用是書生 (☎) 2012年12月13日 (四) 12:09 (UTC)
- (!)意見,覺得優良條目一欄有點邊緣化了。。--耶葉爺♥VC XC 2012年12月14日 (五) 07:20 (UTC)
- 嗯,主要是首頁各欄目都有不同的展示方式,唯有優良和特色的展示方式一樣,因此為了保持兩個欄目的差異化,目前只想出弱化優良的辦法--百無一用是書生 (☎) 2012年12月14日 (五) 08:32 (UTC)
- 特色條目和DYK的配色很不搭。今日熱門和創建新條目部分擠壓版面,出現換行和空白。站點連結、新用戶和致編者大量空白仍可壓縮或豐富。底部姊妹項目可借鑑Gakmo的一句話,現在的維基媒體基金會標誌過於靠近其他標誌。烏拉跨氪 2012年12月14日 (五) 17:01 (UTC)
- (&)建議:個人感覺特色以及優良條目可以隔日切換
(由此一來展示條目清單就不會那麼快枯竭啦~~ [誤]),另新聞動態與歷史上的今天這二欄個人感覺應一併展示效果更佳。最後仍認為須補回英語短句有關聯絡本語言百科之方法(If you do not write Chinese... 恕下刪)。感謝,以上。@assanges [阿桑奇士] ‧ (talk | cont | uploads) 2012年12月14日 (五) 18:07 (UTC)- ( ✓ )同意--TimShi(留言) 2012年12月16日 (日) 11:57 (UTC)
- (&)建議:「每日圖片」四個字的顏色偏暗,調亮一點應該不錯。--Gqqnb(留言) 2012年12月15日 (六) 08:09 (UTC)
- 特色條目的用色就是為了突出。"換行和空白"的問題能否說的明白一些?我這裏看不出。「站點連結、新用戶和致編者」的空白把本來就是故意留出的,[3]是豐富後的一個效果,並不好,太擁擠。姊妹項目的一句話介紹我就是想不要的。「過於靠近其他標識」什麼意思?不太明白。「聯絡本語言百科之方法」我認為應該放在首頁的對話頁比較為妥--百無一用是書生 (☎) 2012年12月15日 (六) 11:37 (UTC)
- 現在我看到的是:
- 特色條目的用色就是為了突出。"換行和空白"的問題能否說的明白一些?我這裏看不出。「站點連結、新用戶和致編者」的空白把本來就是故意留出的,[3]是豐富後的一個效果,並不好,太擁擠。姊妹項目的一句話介紹我就是想不要的。「過於靠近其他標識」什麼意思?不太明白。「聯絡本語言百科之方法」我認為應該放在首頁的對話頁比較為妥--百無一用是書生 (☎) 2012年12月15日 (六) 11:37 (UTC)
今日熱門:淨土宗 · 布拉姆·斯托克 · 小說 · 後宮甄嬛傳 · 後浪漫主義 · 趙宗岐 · Mao · 小行星列表/99701-99800 · 貝拉克·奧巴馬 · 廿
四味 (組合)
「四味 (組合)」被換行,後部都是空白。不覺得太靠近「維基詞典」了麼?烏拉跨氪 2012年12月15日 (六) 15:43 (UTC)
- 還有,陰影效果是否用安達曼豬籠草內表格的比較好看點?烏拉跨氪 2012年12月15日 (六) 15:45 (UTC)
- 我沒看到「四味 (組合)」被換行啊。-多啦A夢220‧284-世界末日將到來!(大誤) 2012年12月15日 (六) 15:54 (UTC)
- 安達曼豬籠草表格的陰影效果?莫非是說box-shadow: 4px 4px 6px #A0A0A0那個?這效果也太糟了吧!感覺是九幾年的網頁。--林卯(留言) 2012年12月18日 (二) 00:28 (UTC)
- 我沒看到「四味 (組合)」被換行啊。-多啦A夢220‧284-世界末日將到來!(大誤) 2012年12月15日 (六) 15:54 (UTC)
- (&)建議:我希望突出標題,改成這樣..--維基小霸王(留言) 2012年12月15日 (六) 13:40 (UTC)
- (!)意見:很好,擔是維基詞典應該換個位置。
- 「但」寫錯了,而且沒簽名。改正後請直接刪掉我這句話。-多啦A夢220‧284-世界末日將到來!(大誤) 2012年12月16日 (日) 12:20 (UTC)
- (!)意見:「今日熱門」一行迫使其上下必須留出一定行距,有些浪費空間,不如放在「新聞動態」的上方或下方區域。--TimShi(留言) 2012年12月16日 (日) 11:58 (UTC)
- 關於陰影,之前有人說現在版本的陰影太重了,烏拉跨氪提供的那個例子,陰影更重。這個聽誰的呢?--百無一用是書生 (☎) 2012年12月17日 (一) 00:52 (UTC)
- 調整了一下基金會logo與項目logo的間距--百無一用是書生 (☎) 2012年12月17日 (一) 12:20 (UTC)
- 關於陰影,之前有人說現在版本的陰影太重了,烏拉跨氪提供的那個例子,陰影更重。這個聽誰的呢?--百無一用是書生 (☎) 2012年12月17日 (一) 00:52 (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)
- 是中文版Vector皮膚的問題嗎?為什麼可以明顯看到首頁設計白底外邊還有一塊非純白的部分?感覺就像是貼了膏藥一樣很不舒服。--Kuailong™ 2012年12月18日 (二) 06:25 (UTC)
- 汗,那是因為非條目空間的頁面背景不是白色。如果放到首頁就沒這個問題了--百無一用是書生 (☎) 2012年12月18日 (二) 11:39 (UTC)
- 呃……真的啊,以前都沒注意。不過為什麼英文維基就沒這種區分?--Kuailong™ 2012年12月19日 (三) 02:14 (UTC)
- 英文版以前也這樣,後來取消了--百無一用是書生 (☎) 2012年12月19日 (三) 03:08 (UTC)
- 呃……真的啊,以前都沒注意。不過為什麼英文維基就沒這種區分?--Kuailong™ 2012年12月19日 (三) 02:14 (UTC)
- 汗,那是因為非條目空間的頁面背景不是白色。如果放到首頁就沒這個問題了--百無一用是書生 (☎) 2012年12月18日 (二) 11:39 (UTC)
- (!)意見:右側欄(尤其是GA)好沒有存在感。--horsefaCe(留言) 2012年12月19日 (三) 06:30 (UTC)
- (!)意見:不太喜愛「維基百科」四字的字款,優良條目放在右邊好像不太協調。--沙田友(留言) 2012年12月26日 (三) 06:29 (UTC)
- (!)意見:「維基百科」幾個字換換字體吧。DYK等一些模塊的背景太淡了--Qa003qa003(留言) 2013年1月16日 (三) 11:30 (UTC)