GitHub 又改版了

“

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

今天日常打開(kāi) GitHub，就看到右上角 Feature Preview 有這么一個(gè)提示：

接著我打開(kāi)看了看，這里提示了兩個(gè)功能：

?Design Update?Repository Refresh

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

這個(gè)就是說(shuō) GitHub 上有一些新的設(shè)計(jì)樣式，比如風(fēng)格、組件樣式等。

這個(gè)就是說(shuō) GitHub Repository 的布局樣式有新的布局設(shè)計(jì)。

看到這個(gè)消息心中一陣歡喜，趕緊把它都開(kāi)起來(lái)體驗(yàn)了下。

變化

這里就簡(jiǎn)單截圖看看變化效果吧。

個(gè)人中心

首先看看個(gè)人中心頁(yè)面，看看改版前后的樣式對(duì)比。

這里最明顯的變化就是頭像變成圓形的了，同時(shí)各個(gè)組件的邊角弧度變得更大了，整體就是更加圓潤(rùn)的感覺(jué)。

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

另外還有個(gè)人的一些數(shù)據(jù)移動(dòng)到了左側(cè)，而不在是在上端的選項(xiàng)卡了。

Repository 的變化

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

看到布局上有很大變動(dòng)，最明顯的就是增加了一個(gè)右邊欄，顯示了更多的信息，同時(shí)整個(gè) Repo 上側(cè)所占的寬度達(dá)到了屏幕的 100%。

針對(duì)這個(gè)樣式說(shuō)下個(gè)人看法。

整體上來(lái)說(shuō)，改版之后，Repo 本身的信息更窄了，比如 README 的寬度變窄了，但個(gè)人認(rèn)為這多少并不影響閱讀，同時(shí)右側(cè)欄的增加顯示了更多的信息，比如 Release、Packages、Contributors 等信息，個(gè)人感覺(jué)還是不錯(cuò)的，但我怎么感覺(jué)側(cè)欄放到左邊更好呢？

另外讓我不太舒服的是上面的 Repository 的基本信息是橫向 100% 填充屏幕的，而不是和下方的內(nèi)容主體對(duì)齊的，對(duì)我這種較寬屏幕來(lái)說(shuō)，主體內(nèi)容兩側(cè)就會(huì)留下很大空白。上面和下面對(duì)齊不好嗎？

比如我給你看看我理想中的設(shè)計(jì)效果。

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

看到這個(gè)樣式是 Preview 版本，然后我就向 GitHub 提了 Feedback，沒(méi)準(zhǔn)以后就會(huì)采納了我的意見(jiàn)改過(guò)來(lái)了呢哈哈。

總結(jié)

反正總體上我感覺(jué) GitHub 這次改版還是蠻不錯(cuò)的，多了一份圓潤(rùn)和優(yōu)雅，同時(shí)對(duì)于信息的呈現(xiàn)更加友好。

當(dāng)然有極個(gè)別的地方不舒服的地方我就先自己改了，這里推薦給大家一個(gè) Chrome 插件 —— Stylish。

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

崔慶才丨靜覓

隱形字

同名公眾號(hào)「崔慶才丨靜覓」

在這里分享自己的一些經(jīng)驗(yàn)、想法和見(jiàn)解。

長(zhǎng)按識(shí)別二維碼關(guān)注