perf(UI): redraw icon #635
Conversation
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?s=60&v=4){kind=small}
tisfeng
requested review from
NeverAgain11,
choykarl,
AkaShark,
CanglongCl,
Jerry23011 and
phlpsong
|
感谢 PR 😃
不用，只需要黑白图标就行。当初我测了几种颜色图标搭配，后面感觉还是黑白更好看。这些没用到的图片，稍后可以考虑删除。 新图标看来很棒，尤其调整了图形结构，现在看起来更中心协调，这点很好。 可能是看习惯了之前的图标，我更希望【文】字上面那一点能够和一横连接起来，这里能否尝试修改一下，我们看看效果。 
|
|
（这真是一个跨越了一年半的 PR QAQ，去年那会儿忙着做别的，只想着顺手解决一下圆角和模糊的问题，没想花时间再画个icon。最近新学了一些字体设计相关的内容，再加上Bob社区版用不了OpenAI翻译转到Easydict，才想到回来改这个图标qwq。） 比起去年，现在 Easydict 知名度已经很高了，所以完全遵照原稿的思路，只在原来的基础上做调整。 「文」字上面点改为与横划相连的版本：
|
|
Any other reviews or comments? 👀 再稍微做了一点点修改，这是新的icns供替换预览： 如果OK我再导出新的来commit (´・ω・`) |
|
【文】字上面那一点可以再短一些，目前看起来有一点长。 另外，请帮忙修改图标左边的字母 A 背景颜色为纯黑，因为右边的文字和边框都是纯黑，这样可能更匹配一点。 你每次修改新图标，可以直接在 Xcode 添加一个新图标文件，例如 white-black-icon-1，这样方便我们运行调试看效果，等后面确定了，再删除多余的图标。 
|
|
我觉得左侧A的气泡不该是纯黑，macOS 的图标一直保持着一种（半）拟物的风格，如HIG中写：
所以我这次对图标的修改的一部分重点也是通过阴影和高光的细节调整来增加这种真实感的暗示。可能是做得比较克制不太看得出来。其实右侧“文”和它的气泡框并不是完全纯黑的，也有一个微妙的渐变。如果不够统一，我可以再去微调一下颜色和过渡的细节，但 macOS 图标确实不适合用纯黑填充。 “文”的点我再去调整一下。 每次调整都新commit一次我不确定是不是一个好主意👀，虽然图标文件很小，但它毕竟是个二进制文件，新增和删除都会在git中留下大量不可读数据，最终可能可能导致git仓库越来越大）））（哦，或者是采用squash merge来合并，这样可以消除冗余的提交，那我也顺手多提交几次） 我可以之后在 Sketch 分享页 （https://www.sketch.com/s/0a7185b2-a110-43cc-afdb-b246c909aea6 ）中新增一页预览，用于对比图标在dock栏和launch pad中和其他图标放在一起的效果。 |
|
|
|
ok，明白了，你说的有道理。 使用渐变没问题，我希望左右两边文字的颜色保持协调，然后尽可能偏黑一点。 嗯，也不需要每次都提交图标改动，类似这样 #635 (comment) 提供一个新图标预览图应该就可以。 |
这点我没有很明白？A和文其实已经相当靠近纯白和纯黑了。 |
|
|
|
ok，目前图标看起来很好了。 另外，麻烦再制作一个 blue-white-icon 图片，用于替换鼠标划词后显示图标，这个不用切圆角，代码会自动处理。 
|
|
OK。另外，我也已经把设置里的logo也同时一并替换了。 
|
|
其他相关资产一并放在这里： |
|
仔细比较了一下，我还是更喜欢中间纯黑的那一款，简洁清晰。 我不太懂设计，渐变光影可能更符合苹果的设计风格，但用在这里看起来隐约有种模糊感，对比之前的图标，这种感觉尤其强烈。 新的黑白图标看起来已经很好了，你们对这个图标有什么看法吗？ 
|
|
我非常理解大家对简洁设计的「追求」。如果这是在 iOS 或 iPad 上的图标设计需求，我肯定也会使用中间的单色设计（我导出这一张资产的用处就是这些）。但在 macOS 上，由于设计风格和要求的不同，立体化的设计更为适合。对于设计来说，重要的不是坚持某一种风格，而是根据不同场景选择合适的风格。 无需只和老图标对比，而是要看图标在未来实际使用中的环境。特别是在与一堆原生图标放置时，我想新设计能更好地融入其中。用户在使用时没有机会直接对比新旧图标，所以他们的体验与我们是不同的。
最后，您可以对比一下 Apple 原生 macOS 图标和相应的 iOS 图标，在小尺寸下，macOS 的图标边界基本都会 看上去 比iOS的稍微模糊些，这是光影效果带来的真实感，并不是一个大问题。太过清晰反而可能会在启动台中显得晃眼突兀。 另一个可能的原因是 MacBook Pro 的 mini-LED 屏幕在处理少量纯而不纯的黑色和少量白色的时候会有光晕，导致人眼看起来更模糊……而我使用老的LED屏幕的 macbook 避免了这种现象……不管怎样，我个人认为少量的可能的看上去的模糊不是一个必须要彻底规避的问题。 |
我个人喜欢第三个一些。。 |
|
ok，那我们就用那个光影渐变图标吧。 其实我也觉得这图标挺好看的，可能是我还没看习惯，多看看应该就好了 😌 |
|
@Keldos-Li 非常感谢你的 PR，新图标看起来很棒！ 如果你还有其他关于 Easydict 改进的想法，欢迎提出 🤗 |
|
如果你们还有其他关于UI设计的探讨，或者里面各种小图标的绘制/修改的需求，也都可以找我，我有空的话都可以帮忙搞 (´・ω・`) （我发现我这台老电脑已经带不动这个项目的SwiftUI的预览视图了hhhh） |
|
ok ok 😃 |
Originally posted by @Keldos-Li in #9 (comment)
原来的图标文件没有删除，我改成了_old。我不确定里面的蓝色和黑白反色图标还用不用得到？是否还需要继续画？
设计稿（可添加评论作为修改意见）：https://www.sketch.com/s/0a7185b2-a110-43cc-afdb-b246c909aea6