維基百科討論:2012年首頁設計建議/草案/Danielinblue
外觀
設計簡介
[編輯](最早的版本請看這裡。)
這個版本主要參考了義大利語維基首頁等幾個版本,希望可以通過這個草案,向大家提供一個平和、傳統一點的選擇。個人看法是,維基百科首頁並不同於一個公司或者商業網站,並不需要通過設計形式讓瀏覽者印象深刻、向他們傳達什麼理念或者形象,而是應當儘量弱化形式,強化網頁本身的內容,讓瀏覽更方便,其實傳統的維基首頁已經可以了。下面是些具體形式:
- 分欄比例:感覺義大利語維基首頁的分欄比例最好了,既有層次,又保證左右換行寬度閱讀比較輕鬆。
- 邊框:藍色細邊框和維基百科其他部分一致。較小的圓角和中文更協調同時顯得柔和一點(另外按照Shizhao意見使用尖角的版本),除了下面其他維基媒體的圓角比較大可以和那部分比較多的大圖標協調,同時區別於百科內容。
- header:個人感覺這部分最好還是使用一句話而不是「維基百科」大標題一樣的四個字,因為大標題一樣的會和最左上角維基百科標誌重複有衝突,用一句話顯得友好平和一些。header用陰影突出一點,區別於下面欄目。背景圖有幾個不同的版本,具體請看意見收集,背景還可以再改進。
- 圖標:重新畫了一組圖標,呼應維基標誌,感覺還得再修改= -,或者使用義大利語那組圖標或者不用圖標也行。
別的想到再說:) --Danielinblue(留言) 2012年12月19日 (三) 10:59 (UTC)
意見收集
[編輯](!)意見:圖標的確怪怪的,模糊到不清楚(包括字和圖)。頭部的話右邊會凸出去。其他除了季情季景放在這裡怪怪的以外都還好。-哆啦A夢220‧284-世界末日將到來!(大誤) 2012年12月19日 (三) 11:10 (UTC)
- 啊,突出去是什麼情況?--Danielinblue(留言) 2012年12月19日 (三) 11:16 (UTC)
- 右圖,在Google Chrome縮放175%的情況下會變這樣。-哆啦A夢220‧284-
世界末日將到來!(大誤)2012年12月19日 (三) 11:34 (UTC)- 了解了,謝謝@@--Danielinblue(留言) 2012年12月19日 (三) 11:40 (UTC)
- 右圖,在Google Chrome縮放175%的情況下會變這樣。-哆啦A夢220‧284-
- 維基百科整個的UI就沒圓角,首頁用圓角有些怪異--百無一用是書生 (☎) 2012年12月19日 (三) 12:24 (UTC)
- 謝謝您的意見! --Danielinblue(留言) 2012年12月19日 (三) 13:09 (UTC)
- (+)支持:右上角有各個學科的分類感覺很好,這樣比較像百科全書--天天のPooh(留言) 2012年12月19日 (三) 17:40 (UTC)
- 我也覺得:),畢竟大多數人是過來查東西--Danielinblue(留言) 2012年12月20日 (四) 15:18 (UTC)
(+)支持:這個設計很簡潔,只是那個背景圖案有些差強人意。二十八星宿(留言) 2012年12月20日 (四) 09:42 (UTC)
- 有個想法是這個背景圖的形式比標誌靈活,碰到特殊的日子可以換不同的。--Danielinblue(留言) 2012年12月20日 (四) 15:18 (UTC)
- 不過每日圖片可以放左邊嗎?在我這邊看起來圖片會壓縮到介紹。-哆啦A夢220‧284-
世界末日將到來!(大誤)2012年12月20日 (四) 09:53 (UTC)
- 您的意思是這樣嗎?或者加上一點效果呢?之前說到的圖標問題我之後有時間再試著改成矢量圖。--Danielinblue(留言) 2012年12月20日 (四) 15:18 (UTC)
- (!)意見1.我注意到Wikimedia-logo.svg這個文件有個白底(我不清楚是不是有意如此),所以我是將其放在白底框上的,而你放在淡藍底上…;2.你的標題圖標創意很好,但用色不太漂亮(不妨取logo樣式),而且都是模糊的。模糊主要是線條沒有對準像素,這種模糊不能通過矢量圖解決;3.所有的背景圖案都差強人意或不佳:許多都明顯發白而不是那種透明色、維基標誌尺寸與左上角差別不大顯得重複,要用就要大的、拼圖圖案太「剪貼畫」了、地球那張圖挑得好糟。--林卯(留言) 2012年12月21日 (五) 03:35 (UTC)
- 謝謝您的意見,也讓我受益不少:) 1.那個圖我也用了白底是想把下面那個藍邊框標誌下面露出來的部分遮住,標誌本身背景透明縫隙里露出邊框不太好看,不過用白底也會把下面藍色遮住(您眼睛好尖!),因此現在改成這樣。2.了解logo的樣式,不過畫法還不太熟悉,先去學學。3.背景圖我個人其實傾向最早那個模糊的,具體改進方向還不清楚,不知您有沒有什麼想法?--Danielinblue(留言) 2012年12月21日 (五) 15:34 (UTC)
- >1.呃,確實透明背景效果也不好。而且這圓角好大 =_,=…已經是底欄了,我覺得不必用改變底色或圓角凸顯它,不妨用我的方案吧。>3.背景圖可以不自製,我的處理方法不妨看看?--林卯(留言) 2012年12月26日 (三) 00:44 (UTC)
- (+)支持個人很喜歡DGideas 2012年12月22日 (六) 16:38 (UTC)
- 謝謝您的意見,也讓我受益不少:) 1.那個圖我也用了白底是想把下面那個藍邊框標誌下面露出來的部分遮住,標誌本身背景透明縫隙里露出邊框不太好看,不過用白底也會把下面藍色遮住(您眼睛好尖!),因此現在改成這樣。2.了解logo的樣式,不過畫法還不太熟悉,先去學學。3.背景圖我個人其實傾向最早那個模糊的,具體改進方向還不清楚,不知您有沒有什麼想法?--Danielinblue(留言) 2012年12月21日 (五) 15:34 (UTC)
(!)意見看了一圈還是喜歡這個。不過首頁橫幅把上面的通知欄壓住了,我是火狐14。還有,「全部分類」為什麼是指向首頁的?另外,我個人建議可以在Portal下面加一行「你也可以參與」之類的話導向新手入門。——全麥麵包 (請張嘴) 2012年12月25日 (二) 03:20 (UTC)
- 謝謝您的意見~抱歉今天才上。試著加了些導覽信息,在這裡,上面通知欄或許是因為這個加了個白底模仿正式主頁效果,正式應該無大礙吧。-- Danielinblue(留言) 2012年12月27日 (四) 15:33 (UTC)
- (!)意見:整體設計不錯,只是有四點意見:最底部的欄目用了較大弧度的圓角,風格似乎與上方用了較小弧度圓角的欄目不太協調;另外免責事項及方針政策的連結有待修正;還有每日圖片如果要放右欄,建議文字放在圖片下方,因為現在我用1280x1024解析度來看,首數行文字每行只有四至五字;最後我個人不太喜歡季情季景欄目的存在。--沙田友(留言) 2012年12月26日 (三) 06:51 (UTC)
- 謝謝!請看這個,把每日圖片放到左邊,下面圓角也改掉了,不過我在想或許下面關於其他維基媒體的部分或許形式可以和正文部分有區別。--Danielinblue(留言) 2012年12月27日 (四) 15:33 (UTC)
- (!)意見,不錯,布局和配色都很好——Sakamotosan 2012年12月26日 (三) 13:09 (UTC) 謝謝~ --Danielinblue(留言) 2012年12月27日 (四) 15:33 (UTC)
- (+)支持:僅從界面板式上來說,這是截至目前(2012年12月29日)我看到最好的一版。其他版或者變動過大恐造成訪問者一段時間的不適應,或者巨大圖片使用過多會使得首頁載入緩慢以及耗費不必要的大量流量。--曬太陽的冰(留言) 2012年12月29日 (六) 08:29 (UTC)
- (!)意見:建議不要強制指定優先使用微軟雅黑字體。——武鐵輛玻 ⇋ 意見簿 2013年1月1日 (二) 14:22 (UTC)
- 同上,反對以「某字體較美觀」為理由指定任何字體。Liangent(留言) 2013年1月1日 (二) 14:33 (UTC)
- ( ✓ )同意我是強強強強強仔(跟我說話吧~) 2013年1月2日 (三) 06:11 (UTC)
- 謝謝各位的意見!改用原字體的在這裡,之前用到微軟雅黑是因為覺得默認字體大字號時顯示效果不太好,另外感覺標題用無襯線體顯得比較醒目和輕鬆。--Danielinblue(留言) 2013年1月2日 (三) 16:47 (UTC)
- 若需使用無襯線字體,建議直接使用通用名font-family: sans-serif。Liangent(留言) 2013年1月2日 (三) 16:53 (UTC)
- 可能是我用法不對,在chrome上sans-serif對中英文都不起作用,在IE上只對英文起作用,不知道怎麼解決。--Danielinblue(留言) 2013年1月2日 (三) 17:31 (UTC)
- 瀏覽器設置對嗎?Chrome的Settings裡面的Web content小節有個Customize fonts按鈕。Liangent(留言) 2013年1月3日 (四) 03:39 (UTC)
- 應該沒問題啊,chrome設置里sans-serif對應的是Arial,但是顯示的明明是襯線體,另外即使可以顯示非襯線的Arial,應該也會因為字體不支持中文而顯示襯線的宋體吧。另外我發現IE上英文顯示成非襯線體也並非使用sans-serif功勞,而是維基百科全部英文在IE上都顯示成非襯線體,中文則全部是襯線宋體。(突然發現在chrome和IE上連顯示內容都有差別,比如「用戶」和「user」。。)--Danielinblue(留言) 2013年1月3日 (四) 14:50 (UTC)
- 謝謝各位的意見!改用原字體的在這裡,之前用到微軟雅黑是因為覺得默認字體大字號時顯示效果不太好,另外感覺標題用無襯線體顯得比較醒目和輕鬆。--Danielinblue(留言) 2013年1月2日 (三) 16:47 (UTC)
- 中文的非襯線體應該是黑體或微軟雅黑--百無一用是書生 (☎) 2013年1月4日 (五) 01:06 (UTC)
- 了解,因此不強制設置字體就是宋體了。--Danielinblue(留言) 2013年1月5日 (六) 04:14 (UTC)
- (!)意見,「包含658,774個條目」,可以用「已有」而不是「包含」,因為條目數不斷增長。標誌圖像寬度截取更小一點,好像右半都是空白的吧,這影響放大狀態時的版式--YFdyh000(留言) 2013年1月25日 (五) 13:54 (UTC)