Kisplay/立陶宛設計師幫Wiki重新改頭換面, 你喜歡嗎?

我們想讓你知道…立陶宛設計師幫Wiki重新改頭換面

圖、文/Kisplay


一開始筆者看到這篇也是很興奮, 但這其實只是一家設計公司「自發性」的幫Wiki作的品牌識別, 所以僅僅是個概念而已. 就像網站一開始提到的: 這家公司花了兩個月的時間進行這個計畫, 我們來看看他們改了哪些地方吧!

※共筆作者/阿摩AMO;資料來源: http://www.wikipediaredefined.com/

首先是LOGO, 這個經典的地球Logo, 它們覺得太繁雜了. 更何況現在是極簡風當道, 於是…

 
取用了拼圖的其中一塊, 代表網際網路(WWW)以及維基(Wikipedia)的W, 同時也保留的原本的意像.


那文字Wikipedia的部份呢, 它們把Wiki跟Pedia分別用了不同的字體, Wiki是斜體, Pedia則是正體, 這樣的分割之後也會使用在其他子功能上.
所以成果如下:


還不難看對吧!?

加上色彩之後, 原本死板的黑白介面變得活潑許多! 那重點網頁的部份呢? 先看看現在維基的首頁(大家應該很少看到首頁吧)


可以看到搜尋Bar只有一小條, 其他滿滿的文字是語言選項. 它們決定把重點放在"搜尋", 語言嘛...讓使用者自己選就好了啊! 是不是很有耳目一新的感覺!? 大大的W在正中間, 簡潔的頁面真的清爽許多!上方的彩色橫條代表的是各種語言, 會即時的依照哪個語言擁有最多條目而改變長度. 看起來大概像這個樣子:


English有3,907,000條, 所以是最長的, 滑鼠移來移去可以看看各個國家的條目數量, 像是德國有1,907,000條:



 
至於下方的子功能系列, 只要按下去, 跑出來的頁面幾乎一樣:


  

但是大大的字母改變了!所以使用者即使覺得熟悉也不會搞錯, 真的是相當不錯的設計呢! 好的, 那進入搜尋條目之後呢?

 
可以看到上方多了一排工具列, 因為設計師認為, 人們來到維基百科要作的事情其實不多, 不外乎就是上面這幾點, 所以把它放在最上方highlight起來了:


左邊數來第一個是"搜尋記錄", 可以像timeline一樣像時間軸排序:

 
再來是"重點標記", 你可能只需要裡頭的幾行, 所以可以用這功能儲存起來:

 
再來的"相關連結"也將原本的設計圖像化了, 變成雲的形態, 而且根據相關性有不同的濃淡跟大小:

 
最後的"分享"跟"列印"就沒圖了, 大概就是簡單的分享跟列印吧! 最後的部份是撰寫的部份, 大部份的我們都只會查維基, 很少人會去寫維基吧! 可是如果有在編寫維基百科的人, 相信經常被現在這個介面弄的很頭痛:

 
天哪! 維基百科一定要這樣打擊善於分享資訊的人嗎? 好加在, 重新設計過的介面變成這樣: 
 

可以用最上方的Live模式看編輯完成的結果, 也可以當場編輯. 第二個"Code"則是給需要更進階編輯的人用的, 雖然也是滿滿的程式碼, 但是多了根據不同指令改變的顏色, 感覺就是友善多了:

 
最後的「沙盒」跟「記錄」則一樣沒有改變.

好的, 那麼我們平常看到的維基首頁(不是多語言版的那個)會變成怎樣呢? 其實重新排版一下, 介面就會舒服許多:


其他細部功能像是資料分類、國家分類等也都作了修改, 有興趣的朋友可以直接到這個網址查看: http://www.wikipediaredefined.com, 以上就是重新設計過的Wikipedia, 你/妳喜歡嗎?

以上分享給各位參考, 如果各位對內容滿意的話, 就到 KisPlay 3C俱樂部(https://www.facebook.com/LoveKisPlay) 按個讚, 謝謝大家~

其他推薦文章
世上第一件可以拿來寫程式的 T-shirt?

鴻海投資夏普! iTV 腳步近了嗎?

原來這些行業已經不知不覺被iPad改變了!

►►►更多好看內容都在《ETtoday新聞雲》名家專區

分享給朋友:

※本文版權所有,非經授權,不得轉載。[ ETtoday著作權聲明 ]

名家熱門新聞

愛劈腿?圖解6大「感情線」手相

日本將軍是妖魔叛國富翁是鬼怪

夢到貓咪代表什麼意思呢?

7道超下飯的絞肉料理

趙靖宇/宣董的矛盾?

墾丁陰陽交界處藏「五行八卦陣」

阿榮/按鍵精靈 - 電腦自動化

脂肪VS.肌肉 看了想減肥的照片

超市火鍋肉片變出5道美味料理

愛的特效藥 美女醫師醫病更醫心

Whereis足跡/由布院?湯布院?

小生:3招判斷男人對妳超有意思

相關新聞

讀者迴響

熱門新聞

最夯影音

更多

熱門快報

回到最上面