请大家对码云新的页面设计点评吐槽加建议

红薯
 红薯
发布于 2016年12月21日
收藏 2

我们近期会对码云的页面进行重新设计,下图是我们可爱的美女设计师 @鱼蛋蛋 设计的项目页面,请大家提出宝贵的建议和意见。谢谢大家!

https://git.oschina.net

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 开源中国社区 [http://www.oschina.net]
本文标题:请大家对码云新的页面设计点评吐槽加建议
加载中

精彩评论

inoro
inoro
1,首先页面整体不精致,图标上LOGO上最明显,最明显就是字体的问题,如字体大小与字体选择(顶部菜单字体明显小2PX或一个会更好,整体不空洞),顶部颜色明显偏灰白,不提气,颜色可以多尝试,还有就是阴影过重,显得很脏!
2,第二个布局问题,布局上有些功能区域明显可以整合,但是部分分割了,这样产品的功能性整体性易用性很分裂。
3,第三个最重要的是点评区域与捐赠区域设计的太潦草,缺乏新意,甚至在颜色与配色上都可以再设计,是想让人捐款还是不想啊!(不知是原型如此,还是领导要求如此,毕竟设计师不是自己说了算的!)
4,最后总结:总体风格略传统,整体设计统一性不强,这是严重问题,细节很重要!
5,既然是吐槽,就不要嫌提出缺点,当你拒绝了错误的提醒,正确的大门也关闭了!谢谢!
inoro
inoro

引用来自“inoro”的评论

1,首先页面整体不精致,图标上LOGO上最明显,最明显就是字体的问题,如字体大小与字体选择(顶部菜单字体明显小2PX或一个会更好,整体不空洞),顶部颜色明显偏灰白,不提气,颜色可以多尝试,还有就是阴影过重,显得很脏!
2,第二个布局问题,布局上有些功能区域明显可以整合,但是部分分割了,这样产品的功能性整体性易用性很分裂。
3,第三个最重要的是点评区域与捐赠区域设计的太潦草,缺乏新意,甚至在颜色与配色上都可以再设计,是想让人捐款还是不想啊!(不知是原型如此,还是领导要求如此,毕竟设计师不是自己说了算的!)
4,最后总结:总体风格略传统,整体设计统一性不强,这是严重问题,细节很重要!
5,既然是吐槽,就不要嫌提出缺点,当你拒绝了错误的提醒,正确的大门也关闭了!谢谢!

引用来自“鱼蛋蛋”的评论

兄弟你很有想法,我很欣赏

引用来自“inoro”的评论

好吧!为了表示礼尚往来的客气,我也很欣赏你!弄得很惺惺相惜的样子!😳

引用来自“鱼蛋蛋”的评论

😂😂😂 诚挚来接受意见的
设计师不好做,好多人都会强加自己的人生灵感,就认为是上帝偶然一棒子的天赋,加上去就会认为妙笔生花,神来之笔,自己有点坚持最好!

当一个作品被毫无告知或有准备的情况下被众人评价,首先不要在意任何评价,Don't care!评价永远是主观与缺乏诚恳的理解的。尤其这种老板拿出来让所有人表态,其实不好!不风度!好像在被迫员工修改与夸耀不正确的所谓政治正确!

在英国的威斯敏斯特教堂有一句话:TO BE YOURSELF!做好你自己!设计也是如此!加油!
東條・スペンサー・咲
東條・スペンサー・咲
根据个人在界面设计上的经验来看,稍微说一下个人想法和大家比较关心的问题的分析:
整体上看来整个界面为纵向扩展的这么一个界面。不过鉴于现在电脑基本都是宽屏,相当一部分用户都是横向浏览网页。这样上下来回滚动次数会非常多。很多功能应当尽量横向整合。下面会提到。
配色上蓝紫倒是可以,个人觉得还不错,只是和红色的Logo冲突有点大啊。顶部的通知颜色采用了多色的方式,这个设计觉得有些不妥,混用冷暖色会让人感觉界面很凌乱。另外橘色的克隆/下载按钮与冷色系的页面差异有点难以接受。整体页面以扁平化设计为主,使用反差色时需要小心,尤其是这个颜色没有什么比较强烈的暗示作用的时候(这里的暗示是指类似于红色之于错误、黄色之于警告,绿色之于完成一类)。这个问题在Star、Fork按钮处也能体现出来。iOS 7 曾经尝试过这种不借助颜色,纯粹依靠符号来进行表达的设计(设置界面的图标)。然而最后正式版依旧换成了圆角矩形色底+白色线条的设计,更加符合使用习惯。线条看上去很好看,然而使用起来的时候用于区分还是很难受的,尤其是单色线条。毕竟Git还是程序员使用的居多,配色时更要以程序员这个群体的心理角度出发考虑。
底部的捐赠和评论基本上维持了现在的Git@OSC的设计风格,中规中矩。最上面的捐赠按钮不是很容易察觉,明显的捐赠按钮放到了底部,这会导致很多想要捐助的人先滚动到页面的最下方。然而这并不是硬伤,问题不是很大。
下面是一些具体的分析:
1、标题区域的空白过大:例如软件名称字体高度与字体顶部/底部空白比例大约0.58,小于黄金分割比0.62。如果将其改为黄金分割比的话,看起来效果会强很多。
2、强调的内容不明显:顶栏字体大小15px,软件字体名称高度19px(中文字体)。两者大小差距过小(比例大约0.78),导致顶部区域不是很能够明显的区分出到底哪个才是重点。Github的顶部字体大小(9px)与标题大小(14px)的差距很接近黄金分割比(0.62)。可以考虑扩大项目标题字体到25px。不得不承认,黄金分割比是一个比较好用的方法,虽然很懒,但是用起来确实很方便。
3、顶栏与标题栏的分界:现在的设计有一种一致感,然而根据现有Git@OSC的体验,顶栏是要固定不动的。最上面的那个区分就显得很奇怪。要么就作为一个整体,等下滑的时候顶栏的底色淡出(iPhone版QQ的个人信息页有类似设计),要么采用顶部底色
鱼蛋蛋
鱼蛋蛋
喜欢我家猫吗
司徒永超
司徒永超
把 commits 放第一吧,releases 放 tags 后面。

最新评论(107

低端人口frech
低端人口frech

引用来自“溱”的评论

octotree的功能是刚需啊,😳😳😳😳

引用来自“frech”的评论

http://git.oschina.net/moli/octotree
octotree插件拿去~😄

引用来自“溱”的评论

你用的时候没问题吗?
你Chrome版本多少?😳😳😳
没问题。55都试过了。昨天有人遇到问题,使用的姿势不对: http://git.oschina.net/oschina/git-osc/issues/5459。你再仔细看看http://git.oschina.net/moli/octotree的文档。
CuteBear
CuteBear
还不如出个,让我们自己设计呢,让我们自己做个开源项目
jepacd
jepacd
@红薯 码云手机端也改版么 最好也改改
天籁111
天籁111
md风格不错
inoro
inoro

引用来自“inoro”的评论

1,首先页面整体不精致,图标上LOGO上最明显,最明显就是字体的问题,如字体大小与字体选择(顶部菜单字体明显小2PX或一个会更好,整体不空洞),顶部颜色明显偏灰白,不提气,颜色可以多尝试,还有就是阴影过重,显得很脏!
2,第二个布局问题,布局上有些功能区域明显可以整合,但是部分分割了,这样产品的功能性整体性易用性很分裂。
3,第三个最重要的是点评区域与捐赠区域设计的太潦草,缺乏新意,甚至在颜色与配色上都可以再设计,是想让人捐款还是不想啊!(不知是原型如此,还是领导要求如此,毕竟设计师不是自己说了算的!)
4,最后总结:总体风格略传统,整体设计统一性不强,这是严重问题,细节很重要!
5,既然是吐槽,就不要嫌提出缺点,当你拒绝了错误的提醒,正确的大门也关闭了!谢谢!

引用来自“鱼蛋蛋”的评论

兄弟你很有想法,我很欣赏

引用来自“inoro”的评论

好吧!为了表示礼尚往来的客气,我也很欣赏你!弄得很惺惺相惜的样子!😳

引用来自“鱼蛋蛋”的评论

😂😂😂 诚挚来接受意见的

引用来自“inoro”的评论

设计师不好做,好多人都会强加自己的人生灵感,就认为是上帝偶然一棒子的天赋,加上去就会认为妙笔生花,神来之笔,自己有点坚持最好!

当一个作品被毫无告知或有准备的情况下被众人评价,首先不要在意任何评价,Don't care!评价永远是主观与缺乏诚恳的理解的。尤其这种老板拿出来让所有人表态,其实不好!不风度!好像在被迫员工修改与夸耀不正确的所谓政治正确!

在英国的威斯敏斯特教堂有一句话:TO BE YOURSELF!做好你自己!设计也是如此!加油!

引用来自“空格郑”的评论

你觉得哪些功能区域可以整合?
其实是tag区域还有上面打赏区域,这些碎点的区域,现在的设计分割,没有以前的好!不知道你们是不是已经确定如何修改还是就这样了!望复!
溱

引用来自“溱”的评论

octotree的功能是刚需啊,😳😳😳😳

引用来自“frech”的评论

http://git.oschina.net/moli/octotree
octotree插件拿去~😄
你用的时候没问题吗?
你Chrome版本多少?😳😳😳
PacoXie
PacoXie

引用来自“Tobyee”的评论

不要渐变……
赞同,不要渐变
低端人口frech
低端人口frech

引用来自“溱”的评论

octotree的功能是刚需啊,😳😳😳😳
http://git.oschina.net/moli/octotree
octotree插件拿去~😄
司徒永超
司徒永超

引用来自“xausky”的评论

为什么有start了还有点赞,是不是有些重复。
那个大拇指图标是“推荐”标记。
无闻
无闻
高端 大气 上档次!
返回顶部
顶部