你見過的最棒的個人博客界面是什麼樣的?

喜歡扁平化風格,但是用於個人博客又覺得太嚴肅。想知道有獨特風格的個人博客是什麼樣的。


我來發個好玩的

大家的博客都是平面的吧?你有沒有想過搞個3D立體的博客哈哈哈!

先發幾張圖:
你可以從正面看

你可以從背面看

你可以從遠處看

如果你按空格還可以跳起來看,不過這個我就沒有截圖了手速不夠快233
所有的操作就是經典的FPS操作,WSAD+空格+滑鼠

這是一個叫Maxodgen的哥們做的一個展示他自己項目的頁面,大家可以登錄這裡查看:
http://maxogden.github.io/slides/nodepdx/index.html

我是前一陣想找minecraft類的js庫時發現他的
他是Voxel.js的作者,簡單理解就是一個在瀏覽器里運行的Minecraft框架,很好玩,圍繞這個核心出了很多相關的js庫,基本在瀏覽器里玩minecraft時沒什麼問題的了

他的演講視頻發一個:https://www.youtube.com/watch?v=8gM3xMObEz4


翁天信 · Dandy Weng

之前火過一陣子的一個博客。博主是個少年,homeschooler。每年都會進行一次改版,每次改版都能看到他的切實成長(攝影前端寫作身高:-P 各方各面的)

雖然比我小,但可以算得上我前端的啟蒙人。

PS:一定要PC端和移動端都看,你會喜歡的。

PSS:博主本身的經歷也值得了解,很贊的「同齡人」。

------2015.05.22 23:55:30更新------

第5維度?工作室

很酷炫的一個個人站

一個 設計+代碼 多修的「手藝人」。

如果說上面的是我前端的「啟蒙人」,那麼這個人算是我的 react 「引路人」。

PS:這個人本身也很酷炫啊 &>_&


多有印刷時代的風采啊。簡約,冷淡。
據創作者(即我老公 @Chao Xu)說,就是要這種在看教科書的感覺。 http://chaoxuprime.com/


我就喜歡這樣的經典三欄式:

呂立青的博客,源碼 JimmyLv/jimmylv.github.io


博客的界面其實避免兩個極端就OK了。而且每個人的審美觀念也不盡相同。重要的是輸出有價值的內容。避免給人留下顏值過低或者華而不實的印象。

我的博客是使用Octopress,寫技術類的文章還不錯。地址:http://droidyue.com/


以下大多數是我收藏的非常優秀的設計師的個人網站,每個都各具風格,值得學習品味,希望能給你帶來一些參考^_^

1. 將音樂與設計結合到一起的個人網站,動效的設計可以稱得上驚艷。
KENJI ENDO

2. 精緻的配色,精緻的排版
Pauline Osmont : Art director, Web Designer, Illustrator based in Lyon (France).

3. 將個人網站的各個部分整合到一個橫版遊戲的不同場景中,瀏覽時連貫而且有趣
Robby Leonardi | hey@rleonardi.com

4. 黑色主色調搭配著怪誕的插畫,個人風格非常強烈
nerisson.fr

5. 一個跨領域多學科設計師,前Spotify的首席設計師和藝術指導,設計界的網紅
Tobias van Schneider

6. 位於比利時的一個平面設計工作室,體會下小而美的感覺
GRAVUAL? - Graphic Design Studio in Antwerp

7. 圖片的投影會隨著滑鼠的位置發生變化,很有趣
Objeto Rocha [Buy Now]

8. 由上面介紹過的Tobias van Schneider設計的網站,第一次看會被驚艷到
Aquatilis Expedition

9. 體會如何通過字體、顏色、排版表現力度和衝擊感
VO2 Group

10. 一個創意設計機構,它的官網排版和細節做的非常贊
Orca Design - Website and Graphic Design Agency Bristol


本天才的個人主頁:

http://miaoxiaoer.com


http://strml.net/炫酷的動畫效果


這個設計師的關於 JJ Ying,雖然我不贊同使用過多的特效,但這個看起來確實很有意思


自薦一個 http://yujiangshui.com ,純粹的文字,探索了很久的字體搭配。

====

之前做了幾版的設計,後來覺得我最想讓用戶看到的其實不是我的設計,而是我的文字,就要做得非常簡約。


寒塘渡月 | 借我一生 與夢私奔(攝影、旅行、文字、設計、前端)
http://www.sometime.me/

可能是地球上與攝影隱喻完美結合的吳冠中式極簡水墨寫意的最美演繹,沒有之一... XD
(系列主題隨機顯示,且晝夜有別)


http://aprilzero.com 他用各種wearable記錄自己的數據 特效特別酷炫
http://rauchg.com 大神的極簡博客


自薦+推薦:
國內外個人博客收藏: http://www.c945.com/classlist/collect6_default.html
我自己的博客:http://www.c945.com/default.html
我的主站:http://www.c945.com/


先直接扔網址:http://ursocute.github.io

ursocte的開頭很好記又顯得挺可愛,簡單來說,這是一款用hero搭建的Next主題的github個人獨立博客,Next主題的Slogan就是精於心,簡於形,而它確實是做到了這點。

首頁就是文章的順序排列,「閱讀全文」的按鈕有白色漸變的Hover態,右下方按鈕可以召喚出側邊欄,另一個則可以快速回到頂部。

召喚出的側邊欄還有RSS訂閱,以及作者的zhihu、github、e-mail等社交元素

文章頁面也是同樣的極簡,並且如果文章是有多個二級標題的話,側邊欄會生成文章目錄,以方便用戶點擊進行跳轉。

博客的主導航還包括「分類」、「關於」、「歸檔」、「標籤」,標籤頁面會根據每篇文章的標籤進行計數,數字越多則標籤越大,很人性化,讓用戶一眼了解到博主最突出的標籤信息。

歸檔頁則按照順序排列出所有文章,按年份進行區分,十分的方便,用戶一眼就能知道博主的所有文章,從而選擇感興趣的閱讀。

關於頁面更是沒那麼多亂七八糟的個人信息,只有簡簡單單的一句話:這是萬世奇平時寫東西的地方。簡單直接,回歸博客的初心。

就連移動端都做了響應式處理,依然極簡,但也保留了所有的元素風格。

好了說了這麼多,我想知友們都應該已經猜到了,好吧就是我的博客。捂臉表打我


Henry Brown - Freelance designer, developer traveller from the UK

1,簡潔。整個網站每個元素都很乾凈利索,沒有某些亂入的特效;
2,個性。雖然網站簡單,但是幾年前看過一次(好吧,其實是當時模仿著寫了自己的個人網站)就一直記得,這次看到這個問題果斷找出來。將滑鼠放在漫畫頭像上有驚喜(之前看的時候,頭像還是戴著帽子的,現在夏天到了,帽子都不見了)。
3,信息展示效率高。他是一個自由職業者,那麼最最重要的就是展示自己的作品以讓人信服。

有時候,簡單一點就好。


hexo什麼的感覺用的還是不爽- -於是我自己搞了一個博客生成器Easonzero/GeekBlog。

生成的博客效果是這樣的

什麼特別的個人博客之類的…
可以看到是完全通過終端來瀏覽博客的
_(:з」∠)_


Matrix 67"s Blog: http://www.matrix67.com


最棒的界面要不是極簡,或是極繁的。
個人比較喜歡極簡主義,推薦大家考慮hexo+github(或者gitcafe)+NexT主題。不需要租主機的費用,甚至不需要買域名(如果你考慮.http://github.io這樣的域名的話...)

下面這個網站就是個例子,裡面還有詳細的網站搭建教程:)
http://www.jeyzhang.com

好吧,我不小心做了個廣告:)
網站持續完善中,歡迎交流哇~~


果斷推薦:素雲閣——莫道相思素清夢,一處雲愁載滿閣

主人是湖南衛視芒果TV視覺設計師。喜歡那個綠色調,整站簡潔大氣,交互也很有個性,背景音樂可以單曲循環一整天~


才女林曦的空間也不錯:林曦水墨


Robby Leonardi
挺喜歡這位自稱是多技能設計師的個人網站
整個個人介紹採用遊戲交互界面展示
想法很贊!!


推薦閱讀:

這個神聖三人還如何看待?中二期問題,請勿回答。
為什麼Youtube和Hulu上面的視頻大多沒有字幕?那非英語為母語的人觀看的話會不會覺得很糾結?而在中國,大多的視頻都有字幕,不管是中國的還是外國的電影。該不會是生活在美國人從來就不需要字幕吧?
為什麼 Instagram 上泰國用戶特別多?
司馬南的老婆孩子真的都在美國嗎?如果是真的,那麼他豈不是人格分裂?
研究生專業是學生物的,老闆讓我寫一個web server來調用我們自己的資料庫,怎麼開始動手最合適?

TAG:互聯網 | 網頁設計 | 用戶界面設計 | 個人博客 |