1 / 33

Designing for SharePoint 2013

Designing for SharePoint 2013. Session Overview.

elisha
Download Presentation

Designing for SharePoint 2013

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Designing forSharePoint 2013

  2. Session Overview • SharePoint MVP, Marc Anderson, will introduce you to the possibilities of design and customization in SharePoint 2013. Tour the newest interface features, learn best practices, and discover exciting new ways to interact with your SharePoint 2013 environment. • While we can still implement designs in SharePoint 2013 the “old way” we’re used to, there are new capabilities that can make the process easier for both designers who are very familiar with SharePoint and those designers who have never worked with SharePoint. • We’ll look at the new Design Manager capabilities and learn how to create and integrate Master pages, Display Templates, and Page Layouts.  Not only does the Design Manager make it easier to create new designs for SharePoint from scratch, it can also help you manage your existing designs after an upgrade. The Design Manager even allows designers to use the tools they know and love like Dreamweaver, Photoshop, or any other HTML editor.

  3. But What Is Design? de·sign/dɪˈzaɪn/ [dih-zahyn] verb (used with object) 1. to prepare the preliminary sketch or the plans for (a work to be executed), especially to plan the form and structure of: to design a new bridge. 2. to plan and fashion artistically or skillfully. 3. to intend for a definite purpose: a scholarship designed for foreign students. 4. to form or conceive in the mind; contrive; plan: The prisoner designed an intricate escape. 5. to assign in thought or intention; purpose: He designed to be a doctor. 6. Obsolete. to mark out, as by a sign; indicate. verb (used without object) 7. to make drawings, preliminary sketches, or plans. 8. to plan and fashion the form and structure of an object, work of art, decorative scheme, etc. Definition from Dictionary.com http://dictionary.reference.com/browse/design

  4. But wait… Noun 9. an outline, sketch, or plan, as of the form and structure of a work of art, an edifice, or a machine to be executed or constructed. 10. organization or structure of formal elements in a work of art; composition. 11. the combination of details or features of a picture, building, etc.; the pattern or motif of artistic work: the design on a bracelet. 12. the art of designing: a school of design. 13. a plan or project: a design for a new process. 14. a plot or intrigue, especially an underhand, deceitful, or treacherous one: His political rivals formulated a design to unseat him. 15. designs, a hostile or aggressive project or scheme having evil or selfish motives: He had designs on his partner's stock. 16. intention; purpose; end. 17. adaptation of means to a preconceived end.

  5. Form vs. Function Form Function Typically the domain of Designers, Marketing folks Typically the domain of Developers, IT folks Reality It has to be both: “function requires form” The Form v Function Ratio by Dan Antion http://www.aiim.org/community/blogs/expert/The-Form-v-Function-Ratio

  6. What’s the Solution? SharePoint Use SharePoint as an out-of-box application whenever possible - We designed the new SharePoint UI to be clean, simple and fast and work great out-of-box. We encourage you not to modify it which could add complexity, performance and upgradeability and to focus your energy on working with users and groups to understand how to use SharePoint to improve productivity and collaboration and identifying and promoting best practices in your organization. “The New SharePoint” by Jeff Teper on the Microsoft SharePoint Team Blog http://sharepoint.microsoft.com/blog/Pages/BlogPost.aspx?pID=1012

  7. Design Lite

  8. Change the Look

  9. Publishing Portal

  10. Information Architecture

  11. Site Columns

  12. Content Types

  13. Design Manager

  14. Design Manager Requirements Design Manager is only available with Publishing Features activated, thus SharePoint Server only Site Collection Site

  15. Design Manager Trick • Create a new Site Collection for design work • Activate the Site Collection Feature: SharePoint Server Publishing Infrastructure • Activate the site feature: SharePoint Server Publishing • Do your design work in that Site Collection with Design Manager • Copy design artifacts into your core Site Collection or deploy per your governance model • Caveat: Some adaptation is required

  16. Design Manager Capabilities

  17. Device Channels

  18. Upload Design Files

  19. Map a Network Drive • How to: Map a network drive to the SharePoint 2013 Master Page Gallery

  20. Edit Master Pages

  21. Snippets

  22. Master Page Snippets

  23. Edit Display Templates

  24. Edit Page Layouts

  25. Create a Page Layout

  26. Page Layout Snippets

  27. Publish and Apply Design

  28. Create Design Package

  29. Image Renditions

  30. Image Renditions Requirement • The Blob Cache must be enabled in IIS • Configure cache settings for a web application in SharePoint Server 2013

  31. Image Renditions

  32. Working with Image Renditions

  33. Contact Information

More Related