PDFPatcher
PDFPatcher copied to clipboard
若干UI问题“不能正常显示256尺寸又徒占体积的主程序图标,或重新设计?”等
非常感谢补丁丁给予我很大帮助,我目前只用它从PDF中原样提取流。我不了解编程看不懂源码,所以下文仅从设计角度谈,未考虑实现难度。
首先,视窗支持的图标可以视作一包透明图片集,除了256px尺寸的均为无压缩格式。
补丁丁的主程序图标展开如下:
可见有重复的16尺寸RGBA小图标,其中第二个实际无法显示,可删除,如果是被界面调用,不妨替换为单独的png。
8位(256索引色)图标不是必要的,除非程序必须要用于8位色彩显示的环境,可程序界面似乎并不支持8位,因此也可以删除。
其次,视窗(从Vista到10)的资源浏览器仅支持256、48、32、16这几个有限尺寸。备注:标题栏图标一般是是16尺寸,任务栏图标一般是24或32尺寸,桌面图标一般是32或48尺寸。 这导致了尽管补丁丁存在192和64尺寸,但视窗会直接忽略并跳到48尺寸,因此这2个无法压缩的图片额外占据了文件体积,我不清楚192尺寸是否也被界面调用,如有,不妨替换为单独的png。
下图中设为大图标(96×96,即资源浏览器窗口右下角默认按钮)时可见视窗忽略补丁丁的192、64尺寸,跳到48尺寸。关于制作正确显示的
PDFPatcher改.ico在下文。
我把192尺寸围上32px的一圈空白扩展为256px,而有趣的是:视窗从Vista起支持256尺寸压缩,因此图标中256尺寸所占体积反而比192尺寸更小!
经过上述处理后,从183KB减少至46.4KB。

但这时我观察了下,没想到192的底图竟然是用的有损压缩过的图(再转为无损无压缩,体积膨胀了),存在影响无损压缩的噪点。
红色箭头指向噪点,青色箭头指向……可能是作者你绘制的部分,没有噪点,两相比较比较明显。
因此我觉得图标有必要重新设计。
改进
我复刻了经典的类tango风格图标,许多开源桌面环境有此开源UI主题(如GNOME和KDE),但不清楚作者你是否喜欢,以及需要改变之处。

图标文件2个:PDFPatcher.zip
其中PDFPatcherYue.ico的256尺寸底图有我自制的仿越王勾践剑花纹(如上图)PDFPatcher.ico没有花纹。
如果可以的话,UI的其它图标也可以再设计。
第二个UI问题是配置窗口锁死了宽高,因此超出部分文字无法查看:

改进方法(二选一)
- 解锁宽高
- 单独给这行内容加个回车
第三个UI问题是部分配置窗口也占一格任务栏,可以看到这个任务栏图标是复用配置窗口标题栏的图标,但这个图标缺失32尺寸(视窗会缩小到24尺寸应用于任务栏),因此视窗只能把16尺寸放大,所以图标模糊了。

改进方法(二选一)
- 不让配置窗口也占一格任务栏
- 给配置窗口加一个32尺寸的图标
顺带,这是我自制的图标在任务栏实际显示的被缩小效果。
①新的图标挺好看!旧图标是十几年前的,不适应高分辨率屏幕,可否帮忙设计一批新图标?
②是否用MacType强制替换了系统界面的宋体为黑体?
在我机器上界面能正常显示

①好呀,不过你是否有具体要求?还是我随意发挥?
②噢!确实用了MacType强制替换,毕竟系统界面上有2种字体挺怪的,且宋体小字号显示不佳(所以才需要内嵌小像素字)这个可以解决吗。
①不侵犯第三方的知识产权;具有较高的辨识度,有助于使用者借助图标分辨各类功能;可以适应高分辨率环境(这个要同步修改程序来测试一下才知道是否可行);兼顾占用的磁盘空间,让程序保持较小的大小以便分发 ②这个我看看怎么弄好,好像Visual Studio的设计器默认指定用宋体,不知道新版的Visual Studio在这方面是否有改进
对美术方面有无要求?比如目前“经典类tango”图标是站立的(光从上方打,阴影在下方),但目前流行平躺的(光从屏幕外向内,阴影在背面看不到,例如“GNOME”)我准备改成流行的。 同时,工具栏图标如开源桌面GNOME已经采用单色的Symbolic风格,由于是矢量图标,自然可适应高分辨率环境,还能随系统日夜变色,但不清楚补丁丁是否支持,还是需要位图化。
pdf这个logo与Adobe的不完全一样。不过为了防止看上去太像,我考虑要不要绘制一个3瓣花形以区分,只是小图标可能看不清。
近期比较忙,我会在一段时间内逐个做。
改成流行的设计风格也可以。
在我和一些用户的交流中发现,单色的图标辨识度不足,比不上彩色图标。Visual Studio 有几个版本用过大部分为灰黑色系的图标,最新的 2022 版又改回彩色的,还是彩色的好使。
.NET WinForm 本身不支持矢量图标,要找程序库,将矢量图形转换回位图,再在最终的用户界面上显示出来。
图标改善了。
考虑要不要绘制一个3瓣花形以区分
其实这个画出来了,但效果很糟:
于是放弃。又看其它开源软件有一种给图标套上三角裤的方案,如图:
但我又考虑是否可能做个结合P、d、f,又有adobe那种连环的合字标志,那么这就是第二版:
挺好的,谢谢!
下个版本用上您设计的新图标啦。
高兴🥰
噢,才注意到在你截屏里工具栏的图标(“编辑器、批量修改…”)也需要调整。我得思考一下怎么设计……一段时间后再来。
另外,在你截屏里,工具栏图标、“主页”图标看上去是模糊的,是否有缩放?
谢谢您啊! 软件的其它图标都是由 Fugue Icons 提供的。 我刚刚查了一下,有网友制作了 2x 尺寸的美化版,也许改用他制作的也行了。
您最近还好吗? 好好保重身体哈。
我目前还好。
有网友制作了 2x 尺寸的美化版,也许改用他制作的也行了。
由于2x边缘含糊,一眼AI放大,特别是斜45°线条很糟,往下翻果然是用waifu2x…… 不过,其实整数倍、无反锯齿放大(16→32)保持像素颗粒感,那个视觉效果也是可以的,但问题在截屏里的图标尺寸既非16也非32,位于两者之间(我感觉是视窗针对高清屏非整数放大了UI,但我没高清屏,不好测试触发缩放的机制和效果) 那可能有2点麻烦:1.也许要做几套中间尺寸的图标:20、24……工作量挺大;2.视窗可能在放大UI的同时又忽略中间尺寸的图标,仍然从小图标放大?🤔
改图标的话,程序也要随之更改。 程序可以检测当前屏幕的缩放比例,调用相应尺寸的图标,但是如果要做到视觉完美,而各位网友的显示器显示比例又不相同,例如甲使用125%的缩放比例,而乙则使用150%的,丙还使用200%的,丁则使用100%,做多套图标实在是麻烦。
或者可能借用SVG库,可以根据具体显示比例展现不同尺寸的图标,但是SVG要画得漂亮,又不容易。




