 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
|||
 |
 |
||||||||
 |
|||||||||
 |
|
| Web Logos | ||
|
||
|
Making Music Logo Design Guidelines define minimum spaces between graphics and text. These rules are aimed at printed materials with Making Music providing high resolution logos (typically 300 dots per inch).
The Web doesn't work at that resolution. A conventional Monitor (non-LCD) on a Computer has a resolution of 72 dots per inch and with increased resolution in these monitors Microsoft Windows is capable of assuming resolutions of 96 dots per inch. With this in mind a new set of logos is required to be used at a lower resolution. It is possible to scale images in the web browser (i.e. have a 300 by 300 pixel image defined as 100 by 100 in the HTML code which the web browser scales down on the fly) but generally the browser does a poor job in successfully downsizing the image. Logos provided at the 1:1 scale can be the clearest and cleanest logo to use. Logo Choices on your site To make life easy for our members two sizes of web logos have been produced. They are 100 and 150 pixels wide respectively (nominal). The smaller one meets the minimum guidline size of logo at a display resolution of 96 dots per inch. The majority of group web pages visited during a recent audit had sizes about 100 pixels wide. Colours Red and black logo versions are available - the red is preferred and it should be noted that with a large proportion of users having broadband Internet connections that there is little download time difference in using the RGB version of the logo than the black version. White background and transparent logo versions will be supplied. Transparent versions are suitable for non white page backgrounds unless the page backgrounds are close in colour to the logo or text colour. For example, you would use the black transparent logo on a page with a red background. In providing transparent versions significant effort has been expended to hand craft the logos to look acceptable at the lower resolution and smaller logo sizes. Bordered vs. Unbordered Logos Bordered and unbordered versions are available. The unbordered versions are for applications where the logo use on your site already meets the spacing requirements between the logo and any adjacent text block. In many cases the new logo will be a "drop in" replacement for the existing logo you use. An example of such use is where the logo forms part of a banner at the top of the page (like ours at the top of this page). The bordered versions are intended to make life easy. If you don't already add extra space around the logo on your web site page then use the appropriate bordered version. An example of bordered logo use would be where the logo is used as part of a table - by using a logo image with the correct amount of white space around the logo itself the table cell will automatically be sized to guarantee the correct spacing between it and the text in adjacent table cells - thus removing the need for complex cell padding and spacing commands in the coding for the table in HTML to space the text appropriately. Logo File type Images will only be supplied (and supported) in the Portable Network Graphics format (file extension .png) as this supports both transparent and non-transparent images. This format has been standardised for approaching 10 years now and has been supported in Internet Explorer since version 4. All the other browsers support this format also. Other formats CAN be provided but these will be the exception rather than the rule and would need to be requested from us. Click here to view copies of the Making Music logos and to download them. |
|
|
||
|
Content last updated: 26th March 2007 |
|
|
|
|
||
|
|
 Making Music, 2-4 Great Eastern Street, London EC2A 3NW |
||
|
|
|
||
|
|
 Making Music Office, 020 7422 8280 |
||
|
|
|
||
|
|
 info@makingmusic.org.uk |
||
|
|
|
 |
|
 |
| © 2008 Making Music All rights reserved and reproduction of any part is not allowed without the written permission of Making Music. |
 |
||||
 |
|
 |
|
|
|
||||
|
 |
|
 |
|
|
||||
|
 |
|
 |
|
|
||||
|
||||
 |
|
|
|
|
|
 |
|
|
|
 |