Tips for Designers

Here are some tips that you might find useful as you develop icons or other drawable assets:

Common naming conventions for icon assets

Try to name files so that related assets will group together inside a directory when they are sorted alphabetically. In particular, it helps to use a common prefix for each icon type. For example:

Asset TypesPrefixExample
Iconsic_ic_mixxx.png
Icon templatesic_template_ic_template_library_and_preferences.svg
Library iconsic_library_ic_library_playlists.png
Preferences iconsic_preferences_ic_preferences_broadcast.png
Skin templatesskin_templateskin_template_outline.svg

Working space organisation

mixxx/res/images/

ic_mixxx.ico

ic_mixxx.png mixxx-icon.png

ic_mixxx_window.png

mixxx_install_logo.bmp

library

Sub-folder that holds all 48×48 *.png icons for display in Mixxx library widget

preferences

Sub-folder that holds all 48×48 *.png icons for display displayed in Mixxx preferences dialog

templates

Sub-folder that holds various templates for image files

  • ic_template_mixxx.svg = multilayered Inkscape template for Mixxx application icon, holds special layer for 16×16 icon too
  • ic_template_library_and_preferences.svg = multilayered Inkscape vector template for all icons in library widget, preferences dialog & skins library style.
  • ic_template_keyboard_mapping_sheet.svg = multilayered Inkscape vector template for keyboard mapping chart (for printout, documentation…)
  • logo_mixxx.svg = multilayered Inkscape vector template for Mixxx logo (holds bw variant too)
  • logo_mixxx.png = Mixxx logo bitmap
  • skin_template_outline.svg = multilayered Inkscape vector template for Outline skin. See Creating Skins.

mixxx/res/osx

application.icns

  • Apple icon container for display in in Mixxx` *.app bundles for OS X.
  • A full set should contain 16×16, 32×32, 128×128,256×256 and 512×512

VolumeIcon.icns

  • Apple icon container for display in Mixxx` *.dmg images for OS X.
  • A full set should contain 16×16, 32×32, 128×128 ( 128 is maximum size OS X desktop grid, enough for dmg`s)

mixxx/res/unused/images

holds all the unused files lurking for some reasons in mixxx/res/images/ until

on_icons_and_images.txt · Last modified: 2011/04/05 05:27 by jus
 
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Noncommercial-Share Alike 3.0 Unported
Recent changes RSS feed Donate Powered by PHP Valid XHTML 1.0 Valid CSS Driven by DokuWiki