イマジニア株式会社 テンミニッツTV ロゴ・アイコン作成 ご担当者様 お世話になります bitrobotsこと山口と申します つきまして提案させていただきます。 ご査収いただきますようお願い申し上げます。 ・「親しみやすさ」よりも「ハイクオリティさ」を感じる ・色は「#1f46ac」をベース ・学び、教養、、アカデミック、知的さを連想する →ハイクオリティなイメージの堅いフォントを選んでいます そのまま読めるように配置しています →色に関しましては#1f46ac(RGB Decimal 31, 70, 172 ) 90度グラデーション()上から下に70%を境に、 下30%液晶表示で映える#0000FF(RGB Decimal 0, 0, 255) にしています。 1→知恵の女神メーティスから、惑星記号のもじりで Mの下に漢字の十を入れました 2→知恵の本をあらわしています 採用後は、下記サイズにて各機種のサイズ変更致します。 Hex triplet 1f46ac #1f46ac RGB Decimal 31, 70, 172 rgb(12.2%,27.5%,67.5%) CMYK 82, 59, 0, 33 ■RapidTables https://www.rapidtables.com/web/color/RGB_Color.html ■https://nvtrlab.jp/blog/jb/icon-size.html iPhone(Ratina、@2x):iOS8・iOS7 種類 サイズ 角丸半径 必要度 ホーム画面アイコン 120×120 26px 必須 ストアアイコン 1024×1024 180px 必須 Spotlight用 80×80 18px あれば 設定用 58×58 10px あれば iPhone6 Plus(Ratina HD、@3x):iOS8 種類 サイズ 角丸半径 必要度 ホーム画面アイコン 180×180 39px 必須 ストアアイコン 1024×1024 180px 必須 Spotlight用 120×120 26px あれば 設定用 87×87 19px あれば iPhone(Ratina、@2x):iOS6 種類 サイズ 角丸半径 必要度 ホーム画面アイコン 114×114 20px 必須 ストアアイコン 1024×1024 180px 必須 Spotlight用 58×58 10px あれば 設定用 58×58 10px あれば iPad(Ratina、@2x):iOS8・iOS7 種類 サイズ 角丸半径 必要度 ホーム画面アイコン 152×152 34px 必須 ストアアイコン 1024×1024 180px 必須 Spotlight用 80×80 18px あれば 設定用 58×58 10px あれば iPad(Ratina、@2x):iOS6 種類 サイズ 角丸半径 必要度 ホーム画面アイコン 144×144 24px 必須 ストアアイコン 1024×1024 180px 必須 Spotlight用 100×100 20px あれば 設定用 100×100 20px あれば App Store 種類 サイズ 角丸半径 必要度 ストアアイコン 1024×1024 180px 必須 Ratinaではないヤツの対応は、これの半分のサイズを作ればOKです。 うちでは大体、必要最低限の57×57、114×114、120×120、512×512、1024×1024、だけ作って投げています(iPhoneアプリの場合)。 角丸処理 角丸は、Appleの方で自動的にマスクをかけてくれます。が、角丸を利用したデザインとかにする際は、知っておいた方がいいと思います。 iOS6とiOS7では角丸具合が変わっているので面倒くさいですが…(iOS7の方がまるっこい)。 自ら角丸にして、うっかり丸くしすぎてしまう場合もあったりします。ホーム画面とかはまあアレですけど、AppStoreだと削れた部分が黒くなって若干恥ずかしい思いをするかもしれませんので、気をつけてみてください。残念ながら私はやりました…。 Android Androidはもともと画面サイズや解像度がカオスなので、柔軟な方法がとられております。 最小サイズを基準に、2:3:4:6:8で5サイズ分用意すればよろしいとのこと。 参考: iconography | Android Developers Androidアイコンサイズ 種類 サイズ 解像度 MDPI 48×48 〜160dpi HDPI 72×72 〜240dpi XHDPI 96×96 〜320dpi XXHDPI 144×144 〜480dpi XXXHDPI 192×192 〜640dpi 更にGoogle Play用に512×512のアイコンを用意します。
メンバーからのコメント
イマジニア株式会社
テンミニッツTV ロゴ・アイコン作成 ご担当者様
お世話になります
bitrobotsこと山口と申します
つきまして提案させていただきます。
ご査収いただきますようお願い申し上げます。
・「親しみやすさ」よりも「ハイクオリティさ」を感じる
・色は「#1f46ac」をベース
・学び、教養、、アカデミック、知的さを連想する
→ハイクオリティなイメージの堅いフォントを選んでいます
そのまま読めるように配置しています
→色に関しましては#1f46ac(RGB Decimal 31, 70, 172 )
90度グラデーション()上から下に70%を境に、
下30%液晶表示で映える#0000FF(RGB Decimal 0, 0, 255)
にしています。
1→知恵の女神メーティスから、惑星記号のもじりで
Mの下に漢字の十を入れました
2→知恵の本をあらわしています
採用後は、下記サイズにて各機種のサイズ変更致します。
Hex triplet 1f46ac
#1f46ac
RGB Decimal 31, 70, 172
rgb(12.2%,27.5%,67.5%)
CMYK 82, 59, 0, 33
■RapidTables
https://www.rapidtables.com/web/color/RGB_Color.html
■https://nvtrlab.jp/blog/jb/icon-size.html
iPhone(Ratina、@2x):iOS8・iOS7
種類 サイズ 角丸半径 必要度
ホーム画面アイコン 120×120 26px 必須
ストアアイコン 1024×1024 180px 必須
Spotlight用 80×80 18px あれば
設定用 58×58 10px あれば
iPhone6 Plus(Ratina HD、@3x):iOS8
種類 サイズ 角丸半径 必要度
ホーム画面アイコン 180×180 39px 必須
ストアアイコン 1024×1024 180px 必須
Spotlight用 120×120 26px あれば
設定用 87×87 19px あれば
iPhone(Ratina、@2x):iOS6
種類 サイズ 角丸半径 必要度
ホーム画面アイコン 114×114 20px 必須
ストアアイコン 1024×1024 180px 必須
Spotlight用 58×58 10px あれば
設定用 58×58 10px あれば
iPad(Ratina、@2x):iOS8・iOS7
種類 サイズ 角丸半径 必要度
ホーム画面アイコン 152×152 34px 必須
ストアアイコン 1024×1024 180px 必須
Spotlight用 80×80 18px あれば
設定用 58×58 10px あれば
iPad(Ratina、@2x):iOS6
種類 サイズ 角丸半径 必要度
ホーム画面アイコン 144×144 24px 必須
ストアアイコン 1024×1024 180px 必須
Spotlight用 100×100 20px あれば
設定用 100×100 20px あれば
App Store
種類 サイズ 角丸半径 必要度
ストアアイコン 1024×1024 180px 必須
Ratinaではないヤツの対応は、これの半分のサイズを作ればOKです。
うちでは大体、必要最低限の57×57、114×114、120×120、512×512、1024×1024、だけ作って投げています(iPhoneアプリの場合)。
角丸処理
角丸は、Appleの方で自動的にマスクをかけてくれます。が、角丸を利用したデザインとかにする際は、知っておいた方がいいと思います。
iOS6とiOS7では角丸具合が変わっているので面倒くさいですが…(iOS7の方がまるっこい)。
自ら角丸にして、うっかり丸くしすぎてしまう場合もあったりします。ホーム画面とかはまあアレですけど、AppStoreだと削れた部分が黒くなって若干恥ずかしい思いをするかもしれませんので、気をつけてみてください。残念ながら私はやりました…。
Android
Androidはもともと画面サイズや解像度がカオスなので、柔軟な方法がとられております。
最小サイズを基準に、2:3:4:6:8で5サイズ分用意すればよろしいとのこと。
参考:
iconography | Android Developers
Androidアイコンサイズ
種類 サイズ 解像度
MDPI 48×48 〜160dpi
HDPI 72×72 〜240dpi
XHDPI 96×96 〜320dpi
XXHDPI 144×144 〜480dpi
XXXHDPI 192×192 〜640dpi
更にGoogle Play用に512×512のアイコンを用意します。