SharePoint 2013 Branding and User Interface Design

Plan, design, and launch a brand in SharePoint

If you are planning, designing, and launching your brand using SharePoint, this book and author trio will walk you through everything you need to know in an understandable and approachable way. From specific technologies such as master pages, page layouts, and CSS to offering best-practices and real-world experience for creating successful branding projects through SharePoint 2013, you will learn how to approach your branding project in effective new ways. This visual book provides step-by-step instructions in a simple and striking format that focuses on each of the tasks you will face in your own branding project.

• Explains the various approaches to SharePoint branding and methodologies for creating an engaging UI.
• Guides you through planning for branding and using the Design Manager to start a design.
• Addresses implementing modern web techniques such as HT ML5, jQuery, and mobile responsive design into SharePoint.
• Explores creating SharePoint branding for public facing websites as well as internal intranets, including a deep dive into how custom SharePoint branding is created from scratch. Provides coverage on designing apps for SharePoint.

Q&A with the Authors of SharePoint 2013 Branding and User Interface Design

SharePoint 2013 Branding and User Interface Design is different from your previous SharePoint books? What is different and why?

Some of the biggest changes in SharePoint 2013 were around the new design and branding features. Microsoft’s intent was to make it easier for traditional web designers to customize the SharePoint UI. If you look at other books on web design the books themselves are visually appealing. Our goal was to create the same quality of content that we did in the SharePoint 2010 book and add an extra element of design and style.

Will Randy’s Waffles still be open for business in this new book?

Not only open for business but expanded from the mom and pop store to a global food brand. Besides being a fun way to profess our obsession with breakfast foods, Randy’s Waffles serves as a good example in the book for both a branded public facing site as well as showing off how branding would be different for a branded collaborative intranet site.

What are some new features for branding and user interface design within SharePoint 2013?

There’s been so many changes throughout the product. The user interface itself has been updated to be cleaner and more modern and it has been optimized to load faster. With the addition of Composed Looks and the Design Manager features in SharePoint 2013 there are more options for designers that aren’t used working directly with SharePoint branding concepts. We cover these features in depth as well as how you can create more advanced custom SharePoint 2013 branding using the traditional methods of working directly with master pages and page layouts. SharePoint 2013 is also friendlier to working with modern web design concepts than previous versions; our new book discusses how you can work with HTML5, CSS3, mobile devices and even responsive web design within SharePoint.

What do you hope readers will learn from reading SharePoint 2013 Branding and User Interface Design?

SharePoint Branding can be tricky to even the best web designers. There’s some unique ways to create custom branding in SharePoint that’s different from any other platform. We think we have provided the most comprehensive collection of information and guidance on SharePoint 2013 branding that is available today as well as great examples (mostly about breakfast foods) to get you started!

Table of Contents

Part 1: The Basics
Chapter 1. What is SharePoint Branding and UI Design?
Chapter 2. SharePoint Overview
Chapter 3. Working with the SharePoint 2013 User Interface

Part 2: Planning a Design and Getting Started
Chapter 4. Planning for Branding
Chapter 5. Using the Design Manager to Start a Design in SharePoint
Chapter 6. Cascading Style Sheets and SharePoint

Part 3: Advanced SharePoint Branding
Chapter 7. Creating Custom Master Pages and Page Layouts
Chapter 8. Advanced SharePoint Branding Tasks
Chapter 9. Creating Content Rollups with SharePoint WCM
Chapter 10. Composed Looks and Custom Branding

Part 4: Other Branding Concepts
Chapter 11. Modern Web Design and SharePoint
Chapter 12. Designing Apps