From 677ac4fa3604657ec9eb5434f94d479a0f3a8c33 Mon Sep 17 00:00:00 2001 From: elijah Date: Fri, 21 Aug 2015 16:33:57 -0700 Subject: update mac stuff, added mac menu icon. --- README.md | 37 +++- Rakefile | 15 +- mac/bitmask-1024x1024.png | Bin 0 -> 89582 bytes mac/bitmask-128x128.png | Bin 15903 -> 0 bytes mac/bitmask.icns | Bin 47303 -> 239193 bytes mac/bitmask.tiff | Bin 2619 -> 0 bytes mac/leap-128x128.png | Bin 9082 -> 0 bytes mac/leap-client.tiff | Bin 3598 -> 0 bytes mac/leap.icns | Bin 28795 -> 0 bytes mac/menubar-icon-22x21.png | Bin 0 -> 522 bytes mac/menubar-icon-44x42.png | Bin 0 -> 1818 bytes source/masks/mask-launcher-flat.svg | 392 ++++++++++++++++++++++++++++++++++++ source/statusbar/mac-menu-icon.svg | 287 ++++++++++++++++++++++++++ 13 files changed, 722 insertions(+), 9 deletions(-) create mode 100644 mac/bitmask-1024x1024.png delete mode 100644 mac/bitmask-128x128.png delete mode 100644 mac/bitmask.tiff delete mode 100644 mac/leap-128x128.png delete mode 100644 mac/leap-client.tiff delete mode 100644 mac/leap.icns create mode 100644 mac/menubar-icon-22x21.png create mode 100644 mac/menubar-icon-44x42.png create mode 100644 source/masks/mask-launcher-flat.svg create mode 100644 source/statusbar/mac-menu-icon.svg diff --git a/README.md b/README.md index 3ba76da..e1e7d55 100644 --- a/README.md +++ b/README.md @@ -17,9 +17,12 @@ Usage: cd leap_assets rake -Android Launcher Icons +Android Icons ===================================== +Android Launcher Icons +------------------------------------- + See https://developer.android.com/guide/practices/ui_guidelines/icon_design_launcher.html Pixels height and width for launcher icons: @@ -35,7 +38,7 @@ Links: * Android Launcher Icon Guidelines -- https://developer.android.com/guide/practices/ui_guidelines/icon_design_launcher.html Android Action Bar Icons -==================================== +----------------------------------- See https://developer.android.com/guide/practices/ui_guidelines/icon_design_action_bar.html @@ -44,6 +47,36 @@ See https://developer.android.com/guide/practices/ui_guidelines/icon_design_acti 36x36 -- mdpi, 240 dpi, High density screen 48x48 -- xhdpi, 320 dpi, Extra-high density screen +Mac OS Icons +==================================== + +NSStatusItem Icons +------------------------------------ + +See: http://alastairs-place.net/blog/2013/07/23/nsstatusitem-what-size-should-your-icon-be/ + +Normal displays: + 21px height, but should include 3px space at the top and bottom of the icon + in order to look in line with the system icons. + The icon can be up to 22px wide (no space is needed). + +Retina displays: + 41px height, but should include a 6px space at the top and a 5px space at + the bottom in order to look in line with the system icons. + The icon can be up to 44px wide (no space is needed). + +The empty space on the top and the bottom is not required, and is flexible. It +still looks fine if a few pixels poke into this space, and even some system +icons do this. + +Unlike in the past, the Mac menu bar can now be light or dark colored, so the +icon should look good on both backgrounds. + +Application Icons +------------------------------------ + +App icons must be 1024×1024 for the app to be accepted in the Mac App Store. + Resources ===================== diff --git a/Rakefile b/Rakefile index 413e3e6..11a30bf 100644 --- a/Rakefile +++ b/Rakefile @@ -109,10 +109,12 @@ svg_to_raster = [ ['source/android/mask-silhouette.svg', android_icon_target], # mac - ['source/android/leap-launcher.svg', {:size => 128, :dest => 'mac/leap-128x128.png'}], - ['source/masks/mask-launcher.svg', {:size => 128, :dest => 'mac/bitmask-128x128.png'}], - ['source/masks/mask-launcher.svg', {:width => 32, :height => 26, :dest => 'mac/bitmask.tiff'}], - + ['source/masks/mask-launcher-flat.svg', {:size => 1024, :dest => 'mac/bitmask-1024x1024.png'}], + # I don't know what this was used for: + # ['source/masks/mask-launcher-flat.svg', {:width => 32, :height => 26, :dest => 'mac/bitmask.tiff'}], + ['source/statusbar/mac-menu-icon.svg', {:width => 22, :height => 21, :dest => 'mac/menubar-icon-22x21.png'}], + ['source/statusbar/mac-menu-icon.svg', {:width => 44, :height => 42, :dest => 'mac/menubar-icon-44x42.png'}], + # web ['source/leap/kid-jumping-bw.svg', {:size => 16, :dest => 'web/favicon-bw.ico'}], ['source/leap/kid-ico.svg', {:size => 16, :dest => 'web/favicon.ico'}], @@ -126,14 +128,13 @@ svg_to_raster = [ ['source/masks/mask-launcher.svg', linux_target], # print - ['source/leap/kid-jumping.svg', {:width => 1000, :dest => 'print/leap.png'}], + ['source/leap/kid-jumping.svg', {:width => 1000, :dest => 'print/leap.png'}], ['source/letterhead/letterhead.svg', {:width => 2400, :height => 300, :dest => 'print'}] ] png_to_icns = [ # mac - ['mac/leap-128x128.png', {:dest => 'mac/leap.icns'}], - ['mac/bitmask-128x128.png', {:dest => 'mac/bitmask.icns'}] + ['mac/bitmask-1024x1024.png', {:dest => 'mac/bitmask.icns'}] ] png_to_pngs = [ diff --git a/mac/bitmask-1024x1024.png b/mac/bitmask-1024x1024.png new file mode 100644 index 0000000..4d9487d Binary files /dev/null and b/mac/bitmask-1024x1024.png differ diff --git a/mac/bitmask-128x128.png b/mac/bitmask-128x128.png deleted file mode 100644 index 6ff2dba..0000000 Binary files a/mac/bitmask-128x128.png and /dev/null differ diff --git a/mac/bitmask.icns b/mac/bitmask.icns index 7cc3e75..74fa0af 100644 Binary files a/mac/bitmask.icns and b/mac/bitmask.icns differ diff --git a/mac/bitmask.tiff b/mac/bitmask.tiff deleted file mode 100644 index c3852d6..0000000 Binary files a/mac/bitmask.tiff and /dev/null differ diff --git a/mac/leap-128x128.png b/mac/leap-128x128.png deleted file mode 100644 index 0a9ee26..0000000 Binary files a/mac/leap-128x128.png and /dev/null differ diff --git a/mac/leap-client.tiff b/mac/leap-client.tiff deleted file mode 100644 index 71c95b0..0000000 Binary files a/mac/leap-client.tiff and /dev/null differ diff --git a/mac/leap.icns b/mac/leap.icns deleted file mode 100644 index b26b0d7..0000000 Binary files a/mac/leap.icns and /dev/null differ diff --git a/mac/menubar-icon-22x21.png b/mac/menubar-icon-22x21.png new file mode 100644 index 0000000..3c4c4a8 Binary files /dev/null and b/mac/menubar-icon-22x21.png differ diff --git a/mac/menubar-icon-44x42.png b/mac/menubar-icon-44x42.png new file mode 100644 index 0000000..a478cc9 Binary files /dev/null and b/mac/menubar-icon-44x42.png differ diff --git a/source/masks/mask-launcher-flat.svg b/source/masks/mask-launcher-flat.svg new file mode 100644 index 0000000..f7cf7f7 --- /dev/null +++ b/source/masks/mask-launcher-flat.svg @@ -0,0 +1,392 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/source/statusbar/mac-menu-icon.svg b/source/statusbar/mac-menu-icon.svg new file mode 100644 index 0000000..2acdbbb --- /dev/null +++ b/source/statusbar/mac-menu-icon.svg @@ -0,0 +1,287 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + -- cgit v1.2.3