修改 Potplayer 皮肤 Metro.X
我需要记录下我改了什么,为什么改,如何开始改,以便未来参考。
不要用IE看此文。
>
起因是我在休息的时候看电视剧,然后发现正在用的这个皮肤,在播放时隐藏皮肤,以及全屏观看的时候,它的面板,不仅累赘,边框大,而且不够好用。
以下四张图,前两张是改之后的,后两张是改之前的
>
>
时钟以及那个Open命令对我来说都是不必要的,所以我直接去掉了它们。实际上音量对我来说都不是必要的,因为我要么用方向键,要么用鼠标中键。而我的方式是,极简主义,在这个实践上,所有按钮的位置必须实用且有一定的几何逻辑,按钮逻辑必须统一,视觉元素必须没有累赘的地方。我保留了音量控制,并把它的背景与皮肤背景统一。我觉得原作者这个创意很棒,实在不忍去掉。
原来的皮肤,按钮的圈是令我费解的东西。但我大体能想到这么做的好处。圈可以概括一个按钮的空间有效域,但我还是去掉了,因为实在太扎眼,而我看的是电视剧,不是播放器的皮肤,我需要的播放器的皮肤的存在感一定要很弱,当我需要集中注意在视频上的时候,我希望我的皮肤不要给我阻碍。
我重排了按钮,大部分按钮我给摆放到侧边栏上。
我需要记录一下我为什么这么摆。
第一个原因是我要缩窄右边栏。然后是,不常用的四个控制,我给放在上边了,然后。因为我仅在打开播放列表的时候才需要「Play Next」,所以这里也放在右边,摆成跟上边中心对称的样子。我不摆成镜面对称是因为,第一丑,第二你把边框给压倒最小,镜面对称的最小比中心对称的最小要大,而且丑。
按钮逻辑上,我统一成,鼠标只要位于按钮的有效域之上便会变亮。这里我觉得作者的做法很不对我胃口,媒体按钮他给做成变暗的,简直…了,我其实想做个极端的,我不需要按钮的时候按钮全给我消失。
然后是时间线。我思前想后且试了好几次,这样似乎是最佳设计。这不仅可以最小空间化,而且……你的大脑不会给画出一条线来。
亮的是4像素高,暗的高是5。但是如果我不说,这个细节你恐怕根本不会注意到。
因为只要你显示器亮度不是很低,视觉上看,两个条是一样高的。不仅我这么想,我的iPod摄像头也这么认为。这一个像素的差,还有可能造成额外的立体感,这个……其实我不太想要。另一个你不会注意到的是,只要你量一下,你发现侧边栏上的按钮根本不是放在中心的,虽然看起来是。这里是一个视错觉,这个我不太想多说。不过底栏的播放按钮,我给摆在中心了,但是看起来好像偏低了一些,这个以后会改(我的桌面底色是一种黑,在这个底色做背景的时候看起来是正常的) ,底栏会改的更扁,按钮有效域更大。
然后是播放列表。原始的设计,你选择了什么跟当前播放是一样的视觉输出,我给改的能区分了。两个按钮我给放在左下边了,虽然我不用,但是我想如果我用到了,我希望它们在左下角,因为当我用到的时候,我估计是播放大量的小片段视频,然后,默认的宽度可能因为文件名过长而不能适合,那就需要放宽,放宽的话,我习惯在左边选择文件,这甚至不能算一个个人选择,因为使用文件浏览器的时候都这样,你知道你进入一个文件夹,然后你要选一些文件,文件太多,你需要调成详细信息或者列表的模式,然后你选文件,你肯定直接在左一栏下点,因为别的地方你点不到,那么自然这个习惯就养成了。详细信息你能点到,但是它并不是一栏,而是一个矩形,所以我一般用这个,因为对每个文件能点到的区域是一致的,但它还不是一栏!我还能合理挑出Windows的一堆毛病,不过这个不是此文的目的。
按钮A我改了外观,改成了S。我觉得这个更直接,S=Subtitles。早先A的逻辑是文字,这个十年前就有了,但这个A在播放器上我还是没见过。
Potplayer 有个毛病。这个我还不知道皮肤作者能不能搞定,这有可能是程序本身就没提供这样的接口。那就是当你打开播放列表,你选了某个文件,然后视频播放到你想暂停的地方,那么你第一反应是什么,按空格。好么,直接给你播放你选择的文件了。一个解决方案是,活动窗口给显示出来。但是人家默认的皮肤都没做这点……
就到这里。想起啥来再说。
//---- 一年半之后 ----//
这是 第二期 以及 第三期
不要用IE看此文。
>
起因是我在休息的时候看电视剧,然后发现正在用的这个皮肤,在播放时隐藏皮肤,以及全屏观看的时候,它的面板,不仅累赘,边框大,而且不够好用。
以下四张图,前两张是改之后的,后两张是改之前的
>
![]() |
![]() |
![]() |
![]() |
>
时钟以及那个Open命令对我来说都是不必要的,所以我直接去掉了它们。实际上音量对我来说都不是必要的,因为我要么用方向键,要么用鼠标中键。而我的方式是,极简主义,在这个实践上,所有按钮的位置必须实用且有一定的几何逻辑,按钮逻辑必须统一,视觉元素必须没有累赘的地方。我保留了音量控制,并把它的背景与皮肤背景统一。我觉得原作者这个创意很棒,实在不忍去掉。
原来的皮肤,按钮的圈是令我费解的东西。但我大体能想到这么做的好处。圈可以概括一个按钮的空间有效域,但我还是去掉了,因为实在太扎眼,而我看的是电视剧,不是播放器的皮肤,我需要的播放器的皮肤的存在感一定要很弱,当我需要集中注意在视频上的时候,我希望我的皮肤不要给我阻碍。
我重排了按钮,大部分按钮我给摆放到侧边栏上。
我需要记录一下我为什么这么摆。
第一个原因是我要缩窄右边栏。然后是,不常用的四个控制,我给放在上边了,然后。因为我仅在打开播放列表的时候才需要「Play Next」,所以这里也放在右边,摆成跟上边中心对称的样子。我不摆成镜面对称是因为,第一丑,第二你把边框给压倒最小,镜面对称的最小比中心对称的最小要大,而且丑。
按钮逻辑上,我统一成,鼠标只要位于按钮的有效域之上便会变亮。这里我觉得作者的做法很不对我胃口,媒体按钮他给做成变暗的,简直…了,我其实想做个极端的,我不需要按钮的时候按钮全给我消失。
然后是时间线。我思前想后且试了好几次,这样似乎是最佳设计。这不仅可以最小空间化,而且……你的大脑不会给画出一条线来。
亮的是4像素高,暗的高是5。但是如果我不说,这个细节你恐怕根本不会注意到。
因为只要你显示器亮度不是很低,视觉上看,两个条是一样高的。不仅我这么想,我的iPod摄像头也这么认为。这一个像素的差,还有可能造成额外的立体感,这个……其实我不太想要。另一个你不会注意到的是,只要你量一下,你发现侧边栏上的按钮根本不是放在中心的,虽然看起来是。这里是一个视错觉,这个我不太想多说。不过底栏的播放按钮,我给摆在中心了,但是看起来好像偏低了一些,这个以后会改(我的桌面底色是一种黑,在这个底色做背景的时候看起来是正常的) ,底栏会改的更扁,按钮有效域更大。
然后是播放列表。原始的设计,你选择了什么跟当前播放是一样的视觉输出,我给改的能区分了。两个按钮我给放在左下边了,虽然我不用,但是我想如果我用到了,我希望它们在左下角,因为当我用到的时候,我估计是播放大量的小片段视频,然后,默认的宽度可能因为文件名过长而不能适合,那就需要放宽,放宽的话,我习惯在左边选择文件,这甚至不能算一个个人选择,因为使用文件浏览器的时候都这样,你知道你进入一个文件夹,然后你要选一些文件,文件太多,你需要调成详细信息或者列表的模式,然后你选文件,你肯定直接在左一栏下点,因为别的地方你点不到,那么自然这个习惯就养成了。详细信息你能点到,但是它并不是一栏,而是一个矩形,所以我一般用这个,因为对每个文件能点到的区域是一致的,但它还不是一栏!我还能合理挑出Windows的一堆毛病,不过这个不是此文的目的。
按钮A我改了外观,改成了S。我觉得这个更直接,S=Subtitles。早先A的逻辑是文字,这个十年前就有了,但这个A在播放器上我还是没见过。
Potplayer 有个毛病。这个我还不知道皮肤作者能不能搞定,这有可能是程序本身就没提供这样的接口。那就是当你打开播放列表,你选了某个文件,然后视频播放到你想暂停的地方,那么你第一反应是什么,按空格。好么,直接给你播放你选择的文件了。一个解决方案是,活动窗口给显示出来。但是人家默认的皮肤都没做这点……
就到这里。想起啥来再说。
//---- 一年半之后 ----//
这是 第二期 以及 第三期
-
哈斯卡 赞了这篇日记 2017-12-04 16:05:41