tisfeng / Easydict

一个简洁优雅的词典翻译 macOS App。开箱即用,支持离线 OCR 识别,支持有道词典,🍎 苹果系统词典,🍎 苹果系统翻译,OpenAI,Gemini,DeepL,Google,Bing,腾讯,百度,阿里,小牛,彩云和火山翻译。A concise and elegant Dictionary and Translator macOS App for looking up words and translating text.
GNU General Public License v3.0
6.36k stars 323 forks source link

icon 圆角边缘有些模糊 #9

Closed Jerry23011 closed 1 year ago

Jerry23011 commented 1 year ago

描述问题

应用 icon 的圆角边缘似乎有些模糊(请看下方截图)

截屏2023-02-04 13 34 01

运行环境

github-actions[bot] commented 1 year ago

Hello Jerry23011, Thank you for your first issue contribution 🎉

tisfeng commented 1 year ago

收到,感谢反馈。

tisfeng commented 1 year ago

尝试优化了一下,看起来好了一些,虽然图标还是有点糊,但没办法,我不会设计 UI,只能先用土办法弄个将就一下 😭

希望后续能有 UI 大佬帮忙重新设计一下 🥺

image
Jerry23011 commented 1 year ago

我知道一位,我问问ta愿不愿意

Jerry23011 commented 1 year ago

@Keldos-Li 大佬有时间帮忙设计一个 icon 吗?

Keldos-Li commented 1 year ago

诶真的有人找我做吗🥹 我下午可以给你们做一做。

或者把你们原来图标的原稿jpg/png给我,我帮你们把圆角的问题修一下。

tisfeng commented 1 year ago

好的,非常感谢 🤗

目前这个圆角是我用软件自动生成的,不确定是否符合苹果设计。另外,它生成的圆角图不知道为啥变模糊了 😭

苹果设计文档:https://developer.apple.com/design/resources/#macos-apps

原图:

iShot_2022-11-16_10 08 21

圆角: Easydict-1024

Keldos-Li commented 1 year ago
image

或许应该用iconset把这个好好填完整?最早的图标应该是圆角非平滑圆角所以糊了,新的从图像上看貌似没什么问题……糊了应该是你在xcode里放错分辨率了。不过我还是用苹果提供的蒙版重新导出了一版。

下载iconset:icons.iconset.zip 下载icon.icns:icon.icns.zip

icon_1024x1024

另外我一直在用Sketch和苹果官方组件库在做UI和相关设计哒~这方面放心~

tisfeng commented 1 year ago

好的!我去试试看效果

tisfeng commented 1 year ago

感谢,圆角效果看起来差不多了

image

但是总感觉圆角后的图片有点糊,尤其是把图标与旁边苹果的无边记一对比,不确定是不是我的原图制作方式有问题,所以缩小后糊得比较明显 😑

如果没办法了,暂时就这样吧。

1490*1490

1024*1024

128*128 icon_128x128

Keldos-Li commented 1 year ago

你是不是分辨率哪里放错了?我在Xcode里把我的一个项目的图标改成了你这个,打包测试都没你截的那么糊啊……

image

参考:

image

或者其实你就只填最后一个图(实际1024x1024)然后直接打包也行啊……不应该这么模糊的。

tisfeng commented 1 year ago

不太确定。。第一次开发 macOS App,我就是把你给的图标直接放进去的 😔

image

或者你帮忙直接跑最新 dev 分支,看我是不是哪里弄错了

Keldos-Li commented 1 year ago

奇怪……我fork一份看看

tisfeng commented 1 year ago

你是不是分辨率哪里放错了?我在Xcode里把我的一个项目的图标改成了你这个,打包测试都没你截的那么糊啊…… image

参考: image 或者其实你就只填最后一个图(实际1024x1024)然后直接打包也行啊……不应该这么模糊的。

你这个图标效果看起来才正常。我是直接把所有图片直接拖进去,Xcode 自动填充的,我看了一下也没问题,是对齐的啊。这个会不会和设备型号有关 😯

image
Keldos-Li commented 1 year ago

真的奇怪,我看你放的也没问题啊……不过我自己这儿没装过Cocoa编译不了,就不跑测试了。

我是老的Intel机型,但这个应该没影响吧…………太奇怪了太奇怪了太神奇了。我不理解。 你把跑出来的app显示包内容,Contents/Resources,看看里面的icns文件是啥样的?图标理论上都是由Xcode自动生成的,第一个图标尺寸应该是 256x256像素,144dpi。

或者你清除一下Xcode缓存重新编译试试?

tisfeng commented 1 year ago

看了一下 App 包内容,也没问题啊,清空后再次编译也还是一样。。这里面可能有坑,我不理解 🙃

image
tisfeng commented 1 year ago

你能把你的图标测试项目发给我试一下吗?或者你不用跑起来,就帮忙重新配置一下我项目的图标,在 dev 分支提个 PR 就好。

Keldos-Li commented 1 year ago

我发了一份到您的commit邮箱。

重新配置图标……可能没法commit提交pr,因为git检测不出改动……要么我给图标文件都换个文件名试试?

……好像被git发现我只是重命名了……

tisfeng commented 1 year ago

都行,或者你就把你的图标 appiconset 导出给我试试

image image
Keldos-Li commented 1 year ago

white-black-icon.appiconset.zip 您试试?虽然我感觉用处不大……怀疑是Xcode的奇怪的坑、、、、

tisfeng commented 1 year ago

还是一样,,头疼,没办法了,这个问题暂时先放着吧 😔

Keldos-Li commented 1 year ago

额,我发的邮件竟然被退信了…… 那我把我自己打包的测试app贴到这里吧…… ChuanhuWallpaper-2023-02-12.app.zip

这是我和另一位开发者朋友在做的app,然后把你的图标放上去archive出来的…… (另 这些改动是在我自己的分支上做的,里面有一些我还没push到主分支的新特性和新bug) 也欢迎支持我们的项目:Chuanhu Wallpaper

tisfeng commented 1 year ago

果然,你这个图标在我这显示效果也正常,感觉可能是我的项目配置哪里出了问题 🧐

你可以给个原始项目工程而不是 zip 吗,我想在本地编译打包试试。

image
tisfeng commented 1 year ago

重置,重新配置了一下图标,可以了 😤

image
Jerry23011 commented 1 year ago

辛苦🫡

tisfeng commented 1 year ago

新版本 1.2.2 已修复了应用图标模糊问题。