“

閱讀本文大概需要 2 分鐘。

”

今天日常開啟 GitHub，就看到右上角 Feature Preview 有這麼一個提示：

接著我開啟看了看，這裡提示了兩個功能：

•Design Update•Repository Refresh

貌似都是一些樣式上的更新誒，這兩個提示截圖看下：

這個就是說 GitHub 上有一些新的設計樣式，比如風格、元件樣式等。

這個就是說 GitHub Repository 的佈局樣式有新的佈局設計。

看到這個訊息心中一陣歡喜，趕緊把它都開起來體驗了下。

變化

這裡就簡單截圖看看變化效果吧。

首先看看個人中心頁面，看看改版前後的樣式對比。

這裡最明顯的變化就是頭像變成圓形的了，同時各個元件的邊角弧度變得更大了，整體就是更加圓潤的感覺。

另外頭像下面的個人的標記 Badge 有所縮小，感覺舒服多了，之前覺得有個黃色的條多少感覺不是很好看。

另外還有個人的一些資料移動到了左側，而不在是在上端的選項卡了。

另外再看下一些 Repository 的變化，這個變化就更明顯了。

看到佈局上有很大變動，最明顯的就是增加了一個右邊欄，顯示了更多的資訊，同時整個 Repo 上側所佔的寬度達到了螢幕的 100%。

針對這個樣式說下個人看法。

整體上來說，改版之後，Repo 本身的資訊更窄了，比如 README 的寬度變窄了，但個人認為這多少並不影響閱讀，同時右側欄的增加顯示了更多的資訊，比如 Release、Packages、Contributors 等資訊，個人感覺還是不錯的，但我怎麼感覺側欄放到左邊更好呢？

另外讓我不太舒服的是上面的 Repository 的基本資訊是橫向 100% 填充螢幕的，而不是和下方的內容主體對齊的，對我這種較寬螢幕來說，主體內容兩側就會留下很大空白。上面和下面對齊不好嗎？

比如我給你看看我理想中的設計效果。

我改了下 CSS 樣式，大家看看這個是不是顯得更舒服呢？

看到這個樣式是 Preview 版本，然後我就向 GitHub 提了 Feedback，沒準以後就會採納了我的意見改過來了呢哈哈。

總結

反正總體上我感覺 GitHub 這次改版還是蠻不錯的，多了一份圓潤和優雅，同時對於資訊的呈現更加友好。

當然有極個別的地方不舒服的地方我就先自己改了，這裡推薦給大家一個 Chrome 外掛 —— Stylish。

使用它我們可以方便地自定義網站的顯示樣式，比如我就使用 Stylish 把 Repo 樣式修改成了上圖的樣式，不錯不錯。