Backgrounds

Differences between revisions 9 and 10

Wallpaper Guidelines

Avoid prominent use of the Ubuntu logo. It appears in enough places already.
Avoid text, it calls for attention too much and will likely look bad when scaled.
Be careful with small patterns, they might become uneven when scaled.
Consider how the wallpaper will interact with the panels, icons and windows.
Show restraint in your use of color tone and contrast. The wallpaper sets the scene for other elements, it is not the main act.

File Formats

Use PNG format for bitmap files. Only use JPG for final results and only in case the filesize is an issue, as this format can cause visible compression artefacts.
Make the XCF source files available, if you happen to work with GIMP
Use SVG for vector art.
Work generated with proprietary applications like Photoshop and Illustrator is acceptable, but files in their formats are useless for many of us.

Screen Resolution and Aspect Ratio

Table of screen resolutions of hardware offered in an online store on 2009-02-23:

Monitor

Width	Height	Factor	Aspect Ratio
2560	1600	1.6	8:5
1920	1200	1.6	8:5
2048	1152	1.77 16:9
1920	1200	1.6	8:5
1920	1080	1.77 16:9
1680	1050	1.6	8:5
1600	1200	1.33	4:3
1440	900	1.6	8:5
1280	1024	1.25	5:4
1024	768	1.33	4:3

Laptops

Width	Height	Factor	Aspect Ratio
1920	1200	1.6	8:5
1920	1080	1.77	16:9
1680	1050	1.6	8:5
1680	945	1.77	16:9
1440	900	1.6	8:5
1366	768	1.77	16:9
1280	800	1.6	8:5
1024	576	1.77	16:9

Ubuntustudio/Artwork/Documentation/Backgrounds (last edited 2016-01-05 09:03:10 by 15)

-  ⇤ ← Revision 9 as of 2008-08-06 16:24:02 → 
  Size: 3384
  Editor: localhost
  Comment: converted to 1.6 markup
+   ← Revision 10 as of 2009-02-23 15:59:23 → ⇥
  Size: 1716
  Editor: p50894492
  Comment: Drop the long text, take a few points from Kenneth's briefing for the Jaunty Background but keep it release-neutral. Add resolution table
-Deletions are marked like this.
+Additions are marked like this.
 Line 1:
-## page was renamed from Artwork/WallpaperRules
This is an __'''unofficial page'''__ designed to help artists make backgrounds for Ubuntu that look good
and have lasting appeal.
+= Wallpaper Guidelines =
 
 * Avoid prominent use of the Ubuntu logo. It appears in enough places already.
 * Avoid text, it calls for attention too much and will likely look bad when scaled.
 * Be careful with small patterns, they might become uneven when scaled.
 * Consider how the wallpaper will interact with the panels, icons and windows.
 * Show restraint in your use of color tone and contrast. The wallpaper sets the scene for other elements, it is not the main act.
-Line 5:
+Line 9:
-== RULES ==
-Line 7:
+Line 10:
-'''Number one''' : Colors. Try to use colors that are gentle, not vibrant or fluorescent. 
Being Ubuntu, Orange is our primary color, and the template colors to be used in creations are in the below image.
{{attachment:oldpalette.png}}
Using at least three of these as primary colors in your creation, and having no more than four colours among those not in the palette (not including white and black), ensures that your creation matches the overall theme to be used. This action on your part will help make Ubuntu's theming consistent.
+== File Formats ==
 Line 12:
-'''Number two''' : Shape. Scalability is a must with Ubuntu. Creating your image to conform to a 4:3 ratio screen ensures that it will be correctly displayed on the majority of the monitors used by Ubuntu users. Some resolutions in this frame include 1600x1200, 1280x1024, 1024x768,800x600, and 640x480. For widescreen wallpapers a 16:10 ratio is advisable: 2560x1600, 1920x1200, 1680x1050, 1440x900 and 1280x800. You can read [[http://en.wikipedia.org/wiki/Computer_display_standard|this article]] on Wikipedia or [[http://users.tkk.fi/~tgustafs/screensize.html|this one]] as a reference.
+ * Use PNG format for bitmap files. Only use JPG for final results and only in case the filesize is an issue, as this format can cause visible compression artefacts.
 * Make the XCF source files available, if you happen to work with GIMP
 * Use SVG for vector art.
 * Work generated with proprietary applications like Photoshop and Illustrator is acceptable, but files in their formats are useless for many of us.
-Line 14:
+Line 17:
-'''Number three''' : Size. Size is not much of a concern, but a faster display time means faster booting. Basically, this means that if you should use image formats that compress more easily. Most art, especially landscapes or larger creations in terms of file size should be saved in .jpg format for release. However, if you are into vector art like LasseGullvågSætre2, you should create your art in .svg format. What this does is, it saves the exact instructions used to paint the image, and apon you loading it as your wallpaper, it instantly carries them out to create the image. The Ubuntu logo can be found in .svg format. Doing this ensures a re-paint of your image for any resolution and any display, as you have supplied not a premade artwork but a art work that remakes itself on every screen. Doing this also guarentees massive bandwidth savings as the svg equivalents are much smaller than the same image rendered into a static .png.
-Line 16:
+Line 18:
-.jpg - Smaller file size for rich and detailed large images. No transparency.
+== Screen Resolution and Aspect Ratio ==
-Line 18:
+Line 20:
-.svg[[/?action=AttachFile|Attach File]] - Very small file size, transparency. Only applies to vector art.
+Table of screen resolutions of hardware offered in an online store on 2009-02-23:
-Line 20:
+Line 22:
-.png - Largest file size, transparency, but as is static image can be used for any application.
+=== Monitor ===
||'''Width'''||'''Height'''||'''Factor'''||'''Aspect Ratio'''||
||2560||1600||1.6|| 8:5||
||1920||1200||1.6|| 8:5||
||2048||1152||1.77 16:9||
||1920||1200||1.6|| 8:5||
||1920||1080||1.77 16:9||
||1680||1050||1.6|| 8:5||
||1600||1200||1.33||4:3||
||1440|| 900||1.6|| 8:5||
||1280||1024||1.25||5:4||
||1024|| 768||1.33||4:3||
-Line 22:
+Line 35:
-'''Number four''' : Elements. Somewhere I read that you should fade out towards the edges and corners. Many people will put their Icons in corners and along edges, and for part of your creation to be obscured by a panel is distracting.
Also words in a image is distracting , using the Ubuntu logo by itself as many have done is much more pleasing.

'''Number five''' : Content. As a worldwide community attempting to appeal to humanity of every race and nation, we have done a very good job of not creating images that could offend anyone. Let us keep this in mind as we move foward.

'''Number six''' : Theming. Somehow Ubuntu should have values  moral values like strength and love for others. It is in the name, you know. So the images we make should have something representing these in it as well.
+=== Laptops ===
||'''Width'''||'''Height'''||'''Factor'''||'''Aspect Ratio'''||
||1920||1200||1.6|| 8:5||
||1920||1080||1.77||16:9||
||1680||1050||1.6|| 8:5||
||1680|| 945||1.77||16:9||
||1440|| 900||1.6|| 8:5||
||1366|| 768||1.77||16:9||
||1280|| 800||1.6|| 8:5||
||1024|| 576||1.77||16:9||