Making Sharepoint Look Good

Bookmark Library : Icon Sets

Filed under: Handy Reference Link, Resources

Photoshop Template (06) for SharePoint

Filed under: Resources , , ,

Photoshop Template (05) for SharePoint

Filed under: Resources , , ,

A Peek at SharePoint 2010 & Light Themes

Filed under: Handy Reference Link , ,

Photoshop Template (03 & 04) for SharePoint

Filed under: Resources , , ,

Photoshop Template (02) for SharePoint

Filed under: Resources , , ,

Talking About Brand & Themes

Thought I’d stick my talk slides from the New Zealand SharePoint Conference up here… in case anyone finds them useful. I’ll add some accompanying notes soon.

I was glad to have the opportunity to speak (Thanks Mr Orange) – it was just a shame that due to heavy workload I could only pop along to the Conference for the talk, then leave straight after.

Filed under: Article , , , , ,

Back with Links

Links to good examples of public Sharepoint sites can be very handy sources of inspiration. Seeing what is out there. Despite the fact that the following sites go a significant way further than simply customising Themes, they should hopefully give you something to think about. There are always elements we can learn from.

Filed under: Examples, Handy Reference Link , , ,

Basic Graphic Considerations : Part 5

The Content Area

[ Supportive image to come ]

  • Avoid any use of rounded corners within the content area.
  • The simple black dropdown arrows need to remain as they are.
  • The icon next to the ‘add new’ text also needs to remain as is.
  • A particular style can be set for the various content area heading text colour, size, font and background colour/ subtle graphics for the heading bars.
  • You can also set individual styles for the general body content text, link text, table headers, table content, list text, and the ‘add new…’ text.
  • The colour and thickness of horizontal rules (lines) can be determined – and separate styling can be set for lines between headings and content areas, and lines between content and the ‘add new…’ text.
  • Tabular areas can also be styled, with column and row background colours, subtle background images, border colours / thickness.
  • The entire background to the content area can be styled in terms of colour. A subtle background image or repeat image could also be used but be very mindful of sufficient clarity and contrast around/behind the content, as well as how content components move around
  • The horizontal bar containing the breadcrumb at the top of the content area can be independently styled – text & link colour, font, padding, background colour/image.

Hmph … I’m sure I’m missing a load of little aspects here. Probably some big ones too. I’m distracted but I’ll post this anyhow, a work in progress. Do please feel free to question or correct me on any of these points!

.
Read the rest of this entry »

Filed under: Article , , , ,

Basic Graphic Considerations : Part 4

The Left Hand Navidation Area

moss_designconsiderations_sml05

  • Side nav area should remain the same width.
  • A background colour and graphic can be applied to the vertical column itself. The graphic can be assigned to be aligned from the top or from the base of the page.
  • Keep in mind that while the navigation elements may cover the top portion of this vertical column most of the time, there are numerous SharePoint templates in which the navigation is absent … so your background colouring and imagery in this area should look good with or without the navigation elements.
  • Within the vertical column of this area the nav elements themselves do not need to start at the top. Padding can be added to lower them.

    moss_designconsiderations_sml05b

    Click to show

  • The nav subheadings text and background can be styled in terms of colour, size, font and background colour/graphics.
  • The link text and background can be styled differently, with their own colour, size, font and background colour/graphics.
  • Small alternative ‘bullet’ images/colours can be applied instead of the standard small square.
  • The ‘View All Site Content’ link text and background can be styled independent of the other links in this column.
  • The ‘Recycle Bin’ link text and background can be styled independent of the other links in this column.
  • The Recycle Bin icon should remain as is.
  • Visual alternatives for the hover (rollover) and active (current selection) states of links can be prescribed for the links (aside from the subheadings). This includes link colour, size, background colour/graphics.
  • Background can be flat colour or a graphic, but in the case of the latter, keep the dynamic width in mind. E.g. a repeated background graphic concept is shown here, which visually includes the lower drop shadow.

.
Read the rest of this entry »

Filed under: Article , , , , ,

About This Site

This site is intended as an independent Visual Designer's resource for Microsoft SharePoint 'Themes'. No code tips, no 'Master Page' advice, just visual considerations, suggestions & examples.