Jean Paul's Blog

There are 2 types of People in the World, One who Likes SharePoint and..

    Advertisements
  • Microsoft MVP

  • MindCracker MVP

  • CodeProject MVP

  • eBook on SharePoint 2010

  • eBook on Design Patterns

  • eBook on Windows Azure

  • NLayers Framework @ CodePlex

  • MSDN Forums

  • .Net vs. Java

    Due to Public Demand
  • Advertisements

SharePoint 2013 Branding

Posted by Paul on August 5, 2014


In this article series I will take you through the Branding essentials of SharePoint 2013.

What is SharePoint Branding?

SharePoint Branding is the process of changing look and feel of SharePoint user interface using custom master pages, style sheets, images, JavaScript, JQuery etc.

image

Few of the branded sites are shown below.

image

What are the advantages of Branding?

A good branding leads to:

1. Better content presentation

2. Better navigation

3. Better look and feel

4. More browser support

5. Enable responsive web design

6. Increased user adoption

7. Hide SharePoint look and feel

What are the Skills needed for Branding?

You need to know HTML, CSS & Basic Scripting skills. Additional to that, SharePoint Branding knowledge is an essential skill to integrate the custom branding artifacts.

SharePoint Branding knowledge includes:

· Master Page location

· Master Page elements like Site Settings, Quick Launch etc.

· Design Manager expertize

· Composed looks

Do I need to be a Graphics Designer?

Not Needed. You can be a SharePoint Branding Expert who will work with another Graphics/Web Designer for collecting the HTML, CSS, Image files & integrating to SharePoint.

What are the new features of SharePoint 2013 supporting Branding?

SharePoint 2013 introduced lot of good features which makes branding a lot easier compared with the old versions, naming a few are:

1. Design Manager which helps in converting an HTML file to SharePoint Master page

2. Device Channels for enabling custom master pages based on user devices

3. Composed Looks for putting together branding elements like master pages, color palettes etc.

4. Look and Feel to apply a composed look, change color, background image etc.

You can access these pages from Site Actions > Site Settings menu.

image

image

Publishing feature needs to be activated for getting the Design Manager feature.

What are the Branding Elements in SharePoint 2013?

Following are the branding elements in SharePoint 2013:

1. Master Pages

2. Preview Files

3. CSS Files

4. Color Palettes

5. Font Palettes

6. Images

image

What is Theme in SharePoint 2013?

The term Theme is defined to group the color & font palettes.

You can access the same from Site Actions > Site Settings > Theme page as shown below.

image

References

http://msdn.microsoft.com/en-us/library/office/jj733518(v=office.15).aspx

Summary

In this article we have explored an overview about SharePoint 2013 branding.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s