Deepin Dock 全新设计,Made By VO!
Tofloor
poster avatar
stevobm
deepin
2013-05-29 01:09
Author
12.12的dock设计一直在迷雾中摸索,深知deepin设计师想将win任务栏与mac的Dock的优点集于一身而苦于无方。本人身为软件设计师,切身体会到深度的苦衷,于是赶在6月份回校读研之前为deepin设计出了一套精美Dock,可同时照顾当前的设计风格(类mac)同时为保守派(win爱好者)提供便捷的样式转换支持,供deepin开发团队和UI设计师参考!

废话不多说,上图:
deepin.gif
开始按钮和显示桌面作为系统基本功能图标,置于任务栏最左侧,方便用户查找,符合绝大部分用户操作习惯;输入法、音量、时间、账户切换等功能置于最右侧,同样无可非议;而之前饱受争议的应用位置则是像Mac系统中的Dock一样居中,过渡部分浑然天成,毫无违和感。

Dock同时兼顾了Win与Mac的风格,同时也避免了之前Dock设计上一头大一头小造成的空白缺陷,无需整体隐藏、无需图标前置,Dock本该如此简单!

然而,此设计的绝妙之处不仅仅在此!照顾到广大刚刚从windows过渡到linuxdeepin的新手,此Dock设计可以从当前样式瞬间转换为传统的Windows任务栏样式(相当于目前的小图标模式,图标全部内置于任务栏),如图所示:
deepin3.jpg
样式丝毫未做改变,只不过原先位于应用图标一半高度的中部Dock补齐到了与两侧等高,瞬间切换,完美无瑕!简捷的切换不仅方便开发者实现,而且还保持了dock在两种模式下的风格一致,美观大方。再也不用看着一半大小的图标无可奈何了,因为图标大小并未改变(只不过沿用之前的叫法称之为“小图标”模式)!

上述就是本人为deepin当前设计困境所做的一丁点努力,希望能够为deepin开发团队做一点参考。图片纯属PS,技艺不精,望众网友海涵!

——————————————华丽的分割线——————————————

考虑到部分朋友可能不一定喜欢这种玻璃风格,晚上又特地制作了两款磨砂主题风格的Dock。一样费话不多说,上图:
deepin4.jpg
同样附上小图标模式:
deepin5.jpg

磨砂色调默认采用白色,如果大家喜欢,可以像Win7主题一样,换成自己喜欢的主题颜色!

喜欢此设计的朋友们把帖子顶起来啊!让deepin官方看到这个新的设计,说不定下一个版本就是你们亲自推选出来的!
Reply Favorite View the author
All Replies
1 / 2
To page
sy1993
deepin
2013-05-29 01:46
#1
支持一下,很有创意!
Reply View the author
w7236666
deepin
2013-05-29 02:00
#2
挺好看啊
Reply View the author
liyuce
deepin
2013-05-29 02:11
#3
很好看,个人比较支持这个设计。
Reply View the author
a287740928
deepin
2013-05-29 03:19
#4
我觉得难以接受,尤其第一个有点反人类!不过看解说,楼主像搞传销的,哈哈~
Reply View the author
云行雨施
deepin
2013-05-29 03:44
#5
群策群力,设计出更好的任务栏,图标,
Reply View the author
electricface
deepin
2013-05-29 04:08
#6
1 将显示桌面 图标作为 天气图标,点击能显示桌面,并且能看到天气情况,这样就不浪费空间了。
jiatianqi.png
2 将已经打开应用的图标移动到中间去,聚集到一起
3 任务条的这个地方深度截图20130528200834.png
在这个地方用鼠标滚轮可以转换工作区。需要将工作区的缩略图放到里鼠标进的地方,这样注意力就不用转移了,也许可以设置为切换一个应用中的不同窗体。我觉得工作区不好用,麻烦。
Reply View the author
pynnthl
deepin
2013-05-29 04:49
#7
非常不错,现在可以更新使用吗?
Reply View the author
cxbii
deepin
2013-05-29 05:21
#8
其实我觉得还是有一个很大的问题
就是正常模式,底部dock占用太多空间,单纯的把通知区放大也不能解决美观问题
Reply View the author
pynnthl
deepin
2013-05-29 05:25
#9
其实我觉得还是有一个很大的问题
就是正常模式,底部dock占用太多空间,单纯的把通知区放大也不能解决美观问题
这个问题很严重,台式机都还好,笔记本简直无法接受,所以unity才会把面板设在左边。
我觉得还是不用放大,而是可以选择缩小比较好。
Reply View the author
cxbii
deepin
2013-05-29 05:27
#10
[quote]其实我觉得还是有一个很大的问题
就是正常模式,底部dock占用太多空间,单纯的把通知区放大也不能解决美观问题
这个问题很严重,台式机都还好,笔记本简直无法接受,所以unity才会把面板设在左边。
我觉得还是不用放大,而是可以选择缩小比较好。[/quote]
unity的确是这样解决的.
Reply View the author
stevobm
deepin
2013-05-29 05:27
#11
其实我觉得还是有一个很大的问题
就是正常模式,底部dock占用太多空间,单纯的把通知区放大也不能解决美观问题
这个问题提得好,官方dock中的图标设计确实太大了,我也觉得大,所以应该适当改小应用图标同时增大通知区域图标。比例可参考win7应用图标与通知区域图标的比例。
上面传的图看起来dock图标很大是因为这是模拟800x600分辨率模式(为了方便PS),实际使用中随着分辨率的提高图标就不会觉得这么大了。
Reply View the author
stevobm
deepin
2013-05-29 05:32
#12
[quote][quote]其实我觉得还是有一个很大的问题
就是正常模式,底部dock占用太多空间,单纯的把通知区放大也不能解决美观问题
这个问题很严重,台式机都还好,笔记本简直无法接受,所以unity才会把面板设在左边。
我觉得还是不用放大,而是可以选择缩小比较好。[/quote]
unity的确是这样解决的.[/quote]
deepin不可能走unity的路,因为unity是走的平板的方向,dock在左边方便手指操作。但桌面操作系统就不一样了,放在左侧用鼠标点很多人都不习惯(因为大部分人用右手,总感觉去点左边的东西别扭),所以无论是微软、苹果还是谷歌最终都没选择类似unity的设计。另外不得不提到的一点:ubuntu自采用unity之后就从排行第一跌落下来了,这也从一个侧面说明了问题。
Reply View the author
cxbii
deepin
2013-05-29 05:32
#13
[quote]其实我觉得还是有一个很大的问题
就是正常模式,底部dock占用太多空间,单纯的把通知区放大也不能解决美观问题
这个问题提得好,官方dock中的图标设计确实太大了,我也觉得大,所以应该适当改小应用图标同时增大通知区域图标。比例可参考win7应用图标与通知区域图标的比例。
上面传的图看起来dock图标很大是因为这是模拟800x600分辨率模式(为了方便PS),实际使用中随着分辨率的提高图标就不会觉得这么大了。[/quote]
其实解决方法就两
一,缩小dock图标大小
二,和unity做法一样...

至于哪个,自己考量咯
Reply View the author
finding006
deepin
2013-05-29 06:30
#14
还不错哦
Reply View the author
hwlyl
deepin
2013-05-29 06:35
#15
喜欢这个设计
Reply View the author
zh******ao@gmail.com
deepin
2013-05-29 08:10
#16
任务栏太宽的话还是放在屏幕的侧边吧,本来宽屏上下距离就较短。我倒是挺喜欢楼主的设计的:)
Reply View the author
hyfogsj
deepin
2013-05-29 16:19
#17
其实我觉得还是有一个很大的问题
就是正常模式,底部dock占用太多空间,单纯的把通知区放大也不能解决美观问题

能不能尝试一下像iOS一样将所有的功能都按钮化,包括通知栏的图标,然后整齐的放在Dock上,然后再按照楼主所说,分为左中右?
Reply View the author
158******30
deepin
2013-05-29 17:21
#18
个人很喜欢楼主的设计!强烈支持!
Reply View the author
stevobm
deepin
2013-05-29 17:33
#19
[quote]其实我觉得还是有一个很大的问题
就是正常模式,底部dock占用太多空间,单纯的把通知区放大也不能解决美观问题

能不能尝试一下像iOS一样将所有的功能都按钮化,包括通知栏的图标,然后整齐的放在Dock上,然后再按照楼主所说,分为左中右?[/quote]
那样的功能Cairo Dock已经实现了,是类似于mac的设计。但那种设计不区分应用和通知,容易造成用户的混淆,不便于windows用户适应。
Reply View the author
stevobm
deepin
2013-05-29 17:34
#20
任务栏太宽的话还是放在屏幕的侧边吧,本来宽屏上下距离就较短。我倒是挺喜欢楼主的设计的:)
默认是肯定不会放在侧边的。有unity的前车之鉴。但会提供放在侧边的选项,供用户自行选择。
Reply View the author
1 / 2
To page