GitHub 又改版了

FightingCoder

共 1134字,需浏览 3分钟

 · 2020-06-20

阅读本文大概需要 2 分钟。


今天日常打开 GitHub,就看到右上角 Feature Preview 有这么一个提示:

3f70fa74ee88f22e7f1070eafcb05a39.webp


接着我打开看了看,这里提示了两个功能:

Design UpdateRepository Refresh

貌似都是一些样式上的更新诶,这两个提示截图看下:

a66c2b86f3eb80c9c01d15c5e17eeb7a.webp

这个就是说 GitHub 上有一些新的设计样式,比如风格、组件样式等。

d7e6b7bc3f0c76ddf8094306093c24cd.webp

这个就是说 GitHub Repository 的布局样式有新的布局设计。

看到这个消息心中一阵欢喜,赶紧把它都开起来体验了下。

变化

这里就简单截图看看变化效果吧。

个人中心

首先看看个人中心页面,看看改版前后的样式对比。

1bdd4fe73532f58703c7940a500118e5.webp改版前00a7a236aa5d9ad67af632768ecde619.webp改版后

这里最明显的变化就是头像变成圆形的了,同时各个组件的边角弧度变得更大了,整体就是更加圆润的感觉。

另外头像下面的个人的标记 Badge 有所缩小,感觉舒服多了,之前觉得有个黄色的条多少感觉不是很好看。

另外还有个人的一些数据移动到了左侧,而不在是在上端的选项卡了。

Repository 的变化

另外再看下一些 Repository 的变化,这个变化就更明显了。

7280ca57081edafe303c11e777b20159.webp改版前322b24f7650db502ef4076f892fa6562.webp改版后

看到布局上有很大变动,最明显的就是增加了一个右边栏,显示了更多的信息,同时整个 Repo 上侧所占的宽度达到了屏幕的 100%。

针对这个样式说下个人看法。

整体上来说,改版之后,Repo 本身的信息更窄了,比如 README 的宽度变窄了,但个人认为这多少并不影响阅读,同时右侧栏的增加显示了更多的信息,比如 Release、Packages、Contributors 等信息,个人感觉还是不错的,但我怎么感觉侧栏放到左边更好呢?

另外让我不太舒服的是上面的 Repository 的基本信息是横向 100% 填充屏幕的,而不是和下方的内容主体对齐的,对我这种较宽屏幕来说,主体内容两侧就会留下很大空白。上面和下面对齐不好吗?

比如我给你看看我理想中的设计效果。

我改了下 CSS 样式,大家看看这个是不是显得更舒服呢?

f81937b22d260f7e794c39688f2a7f2e.webp修改后

看到这个样式是 Preview 版本,然后我就向 GitHub 提了 Feedback,没准以后就会采纳了我的意见改过来了呢哈哈。

总结

反正总体上我感觉 GitHub 这次改版还是蛮不错的,多了一份圆润和优雅,同时对于信息的呈现更加友好。

当然有极个别的地方不舒服的地方我就先自己改了,这里推荐给大家一个 Chrome 插件 —— Stylish。

ab91372881c7db7b96b640b0e475d335.webp

使用它我们可以方便地自定义网站的显示样式,比如我就使用 Stylish 把 Repo 样式修改成了上图的样式,不错不错。




崔庆才丨静觅

隐形字

同名公众号「崔庆才丨静觅」


在这里分享自己的一些经验、想法和见解。


9b026e83eb2f04dcab03811188157847.webp4a2e24f1af1df353a2e5c2dcdb40e93a.webp

长按识别二维码关注




作者:崔庆才排版:崔庆才
好文和朋友一起看~
浏览 10
点赞
评论
收藏
分享

手机扫一扫分享

举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

举报