暗い背景でアイコンが見づらい問題

[bellflower2015]

例： Ubuntu (unity) Windows10

現状は、元素材は https://github.com/bitzenyPlus/symbol_mark/blob/master/png/bitzenyplus-symbol-1024.png であり、ソースコード上のリソースは src/qt/res/icons/bitcoin.icnsである。

素材の性格上、あらゆる背景でも見やすいアイコンにすることが難しいので、可能であればアイコン用に対策された素材を用意したい。できれば専門家（理想はロゴ作者様）に任せたい。

[zinntikumugai]

Discordのリアクションように私が加工したものを https://github.com/bitzenyPlus/BitZenyPlus/pull/19#issuecomment-410703693 に置いてあります(サンプルとして一応)

[cryptozeny]

ユーザーが失望することができる。 必ず直さなければならない。!!

[cryptozeny]

まだ問題があります。 デザイナーに助けを要請するのはどうですか?

[glen040417]

ロゴ作者のぐれんといいます。いつもお世話になってます。

ー

bitzeny.tech → https://bitzeny.tech/ にあるように、 色を白に変換しようと思います。

背景が暗い場合の対策として、 githubに色を白に変換したデータもあらかじめ用意しておくのが、 親切かなと思ったので、そこに関してはひとばしらさんと話し合ってきめますね。

github bitzenyplus - https://github.com/bitzenyPlus/symbol_mark github bitzeny - https://github.com/BitzenyCoreDevelopers/logo

bellflower2015さん、ご意見ありがとうございました。

[hitobb]

@glen040417

いつもありがとうございます。 こちらの皆さんの意見を優先して取り上げていただけると助かります。

[cryptozeny]

http://gall.dcinside.com/bitzeny/1736

どんな韓国ユーザのアイコンが暗くて見えないという意見。

[glen040417]

ひとばしらさん、

「こちらの皆さんの意見」というのはどの意見でしょうか？ おそらくURLが反映されてないと思うのですが。

[zinntikumugai]

@glen040417 DisocrdやPR/issuesでのことを指しているかと

主に、各種環境によるタスクバーではたいへん見づらいので製作、専門家の意見がほしい形です 上の方であげましたように私がDiscordのリアクションで使う際の加工したものなども上げております

(できればDiscordリアクションも見づらい(同化してる)のでそこらへんも考慮or追加してもらえれば幸いです)

[hitobb]

@glen040417

私の文章が足りておらず、申し訳ありません。

「このissueに投稿している、hitobb以外のみなさんの意見を取り込んだ上で「アイコン用のシンボルマーク」デザインをご検討ください」の意味です。

[glen040417]

bellflower2015 さんの画像をおかりしますが、 背景がダークだった場合として、↓のようなデザインを提案します。 （白にするか、全体的に明度をあげたものにするのか）

zinntikumugai さん、返信ありがとうございます。 DiscordとPR/issues 先ほど確認させていただきました。

[glen040417]

↑ - Ubuntu (unity) の場合 -

[cryptozeny]

2回目ともにホワイトがいいですね!

[glen040417]

もし、なにか問題があるようでしたら、ぜひコメントください。

これで問題ないようであれば、 ↓のデザインをgithubにあげようと思います。

　

[glen040417]

cryptozeny さんコメントありがとうございます^^

[cryptozeny]

階調がいない方がもっと綺麗なようだ。😅

[kazu0617]

こちらのほうが良いな、と思いました（白ベタであってるのか気になったのでコメント編集しましたが、内容は同じです）

[glen040417]

コメントありがとうございます。

今のところ白ベタのほうがいいという意見が多いですね。 ある程度コメントいただいた上で、最終的にどちらを用意するか決めようとおもいますb

[bellflower2015]

@glen040417 おお、降臨されている。 呼び掛けた甲斐がありました。ありがとうございます。

私が懸念しているのは、「暗い背景用に寄せると、こんどは明るい背景で視認性が落ちる」です。 両立するためのアイデアがほしいです。

要するに、アプリは「背景が暗いか明るいか」はわからないし、それを判別してロゴを出し分ける事もできません。

[bellflower2015]

要するに、アプリは「背景が暗いか明るいか」はわからないし、それを判別してロゴを出し分ける事もできません。

透過画像である以上は。という意味です。

[zinntikumugai]

私の中では画像のようなものなら両対応できるかなと(Discordで(ry https://github.com/bitzenyPlus/BitZenyPlus/pull/19#issuecomment-410703693 より

強いて言えば中埋め+外周に加工したものが見やすいいかなと (コレもDiscordで言われたものですが

[zinntikumugai]

自分の理想がここにあった (透過部分がGitHubの背景に同化していますのでファイル単体で見るとベストです)

[cryptozeny]

@bellflower2015 ほとんどのosがdark themeを書いている。 違うのか？

[kazu0617]

@bellflower2015 @cryptozeny I checked theme on windows, but no one support light theme, even windows official icon. So, I think it is ok to think under dark theme. Windows上で確認した限りでは、Windowsの公式アイコンでさえもライトテーマに対応していませんでした。そのため、少なくともタスクバーにおいては暗い背景ってことを前提に考えてよさそうです。

[bellflower2015]

ぐれん氏とLINEで話しました。 結論をいうと

• 暗い背景、明るい背景でどちらでも視認性がよく、それでいて見た目も美しい素材は難しい
• 新たに暗い背景用に素材（bitzeny.techのような白抜き）を用意することは可能
• 総合的には「アプリアイコン用は透過をやめて白ベタ背景の上にロゴを乗せる」形がベターであろう

という内容でした。 ので、「アプリアイコン用は透過をやめて白ベタ背景の上にロゴを乗せる」の方向で一度修正してみてまたここにスクショ貼ろうと思います。

@glen040417 認識に齟齬があれば補足してください。

[bellflower2015]

補足。というか追加？

• @glen040417 先にぐれん氏に提案いただいていたものも、githubに上げていただければ試したいです。
• @cryptozeny @kazu0617 完全白抜きの方がいい、という意見もありましたが、例えばexplorer.exeなどのfilerで視認したときに（白背景）完全に見えなくなるおそれがあるため却下したいです。
• @zinntikumugai 氏の案はぐれん氏の感想を聞いてみたい。

[cryptozeny]

[glen040417]

桔梗さん、まとめありがとうございます。

・暗い背景、明るい背景でどちらでも視認性がよく、それでいて見た目も美しい素材は難しい

＞今回のアプリ用に以下のデザインを提案させていただきます。①

これであれば、上記の問題点をクリアできると思います。 （このデータは桔梗さんにお渡しできます。）

・新たに暗い背景用に素材（bitzeny.techのような白抜き）を用意することは可能

＞新たにデータを作成し、素材ごとにひとばしらさんにgithubのほうにあげていただきました。

BitZeny Plus - github https://github.com/bitzenyPlus/symbol_mark

BitZeny - github https://github.com/BitzenyCoreDevelopers/logo

image↓

これで状況にあわせてgithubからdlしていただけるかなと思います。

・総合的には「アプリアイコン用は透過をやめて白ベタ背景の上にロゴを乗せる」形がベターであろう

＞この場合、背景も”形”としてあらわれることから、できるだけ全体としてデザインが成り立つようにしたい。

そこで↑①をぐれんは提案します。

ーーー

あらためて、桔梗さん、一昨日はありがとうございました。^^

[cryptozeny]

@bellflower2015 @glen040417

どうも。 ところが、greyの背景が不完全な感じを与えるようです。 これが最善なんですか?

率直にこのまますることもあるが可能ならば完璧な形にしたい。アイコンは毎日見るのだ。 もっと完璧にしたい。

[bellflower2015]

Windows10用にrebuildしたのでscreenshot貼っておきます。

[bellflower2015]

Windowsのアイコンが変わらないとき：

1. アイコンキャッシュを削除してPCを再起動する
2. ショートカットを作成して、ショートカットから起動する

で直りました。

[yenxrutile]

オリジナルのグラデを維持しなくて良いのなら、ベース暗めで、左上にハイライト入れてぐるっと周囲光入れるとダーク、ライト両方に対応出来る可能性があるかなーと思いました。 既に検証済みでしたら、すみません。

[qi777xj]

Hello, I'm using i3wm + polybar as my GUI environment. And my OS is Funtoo Linux. I've built and installed BitZenyPlus in feature/symbol branch. When I first ran it, the background of applet was black and the BitZeny icon was white with some gradation (I have no screenshot about this. I'm sorry). Then, I restarted the polybar, and the applet's shape became its original shape like below.

[cryptozeny]

@qi777xj thanks for reporting