Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

Formatvorlage des Untertitelmasters durch Klicken bearbeiten Platin-Partner: Gold-Partner: Veranstaltungs-Partner: Medien-Partner: Brand my SharePoint.

Ähnliche Präsentationen


Präsentation zum Thema: "Formatvorlage des Untertitelmasters durch Klicken bearbeiten Platin-Partner: Gold-Partner: Veranstaltungs-Partner: Medien-Partner: Brand my SharePoint."—  Präsentation transkript:

1 Formatvorlage des Untertitelmasters durch Klicken bearbeiten Platin-Partner: Gold-Partner: Veranstaltungs-Partner: Medien-Partner: Brand my SharePoint Grafische Gestaltung von SharePoint-Webseiten Fabian Moritz | SharePoint MVP

2

3 Die Ebenen des Branding Standard UIThemesDesign Manager & Master Pages UI-Customizings Einheitliche Plattform + Standards > Aufwand: 0 > Skills: wenig > Aufwand: klein > Skills: SP-Standard > Aufwand: hoch > Skills: HTML, CSS, SP > Aufwand: rel. klein > Skills: SP, JavaScript

4 Die Evolution von SharePoint

5 Minimale Download Strategie (MDS)

6 Demo MDS in SharePoint 2013

7 Die Ebenen des Branding Standard UIThemesDesign Manager & Master Pages UI-Customizings Einheitliche Plattform + Standards > Aufwand: 0 > Skills: wenig > Aufwand: klein > Skills: SP-Standard > Aufwand: hoch > Skills: HTML, CSS, SP > Aufwand: rel. klein > Skills: SP, JavaScript

8 Designs (Composed Looks)

9 v

10 Farben und Schriften

11 Demo Designs in SharePoint 2013

12 Die Ebenen des Branding Standard UIThemesDesign Manager & Master Pages UI-Customizings Einheitliche Plattform + Standards > Aufwand: 0 > Skills: wenig > Aufwand: klein > Skills: SP-Standard > Aufwand: hoch > Skills: HTML, CSS, SP > Aufwand: rel. klein > Skills: SP, JavaScript

13 Neues UI Management Tool Erstellung, Bereitstellung und Verwaltung von Design- Elementen Einfache Master Page- Generierung mit beliebigen Tools Export und Import Design Manager

14 Einfache HTM

15

16

17 Snippet Gallery

18 3 Optionen: HTML Master Page Minimal Master Page Starter Master Pages (Codeplex) startermasterpages.codeplex.com Tools SharePoint Designer rd Party Tools Browser Tools Nicht vergessen: Daten im TFS abspeichern! Master Pages umsetzen

19 Verschiedene Channels für mobile Geräte Definition auf Basis des User Agent Strings Zuordnung einer Master Page Spezielle Controls für Channels Device Manager

20 Demo SharePoint Master Pages umsetzen

21 Branding Projekte Ziele und Anforderungen Wireframes und Scribbles Designentwürfe und Styleguide HTML-Gerüste Master Pages, Page Layouts (inkl. Platzhalter) Webparts und Controls Optimierung, Nachjustierung Testing & QS Features, Solutions und Deployment

22 Wireframing

23 Wireframing Tools Blend + Sketch Flow for Visual Studio 2012 Balsamiq Mockups Microsoft Visio 2013 …

24 Demo Wireframes umsetzen

25 Die Ebenen des Branding Standard UIThemesDesign Manager & Master Pages UI-Customizings Einheitliche Plattform + Standards > Aufwand: 0 > Skills: wenig > Aufwand: klein > Skills: SP-Standard > Aufwand: hoch > Skills: HTML, CSS, SP > Aufwand: rel. klein > Skills: SP, JavaScript

26 Möglichkeiten des UI Customizings HTML, CSS, XSLT, JavaScript.NET Browser SharePoint Designer Browser Apps HTML5, CSS3, JavaScript.NET

27 Client Side Rendering (CSR) Daten +.JS = HTML XSLT ist Vergangenheit Technologien: JavaScript HTML CSS Deployment via App, Solution oder manuell

28 Demo Client Side Rendering mit SharePoint

29 Die Ebenen des Branding Standard UIThemesDesign Manager & Master Pages UI-Customizings Einheitliche Plattform + Standards > Aufwand: 0 > Skills: wenig > Aufwand: klein > Skills: SP-Standard > Aufwand: hoch > Skills: HTML, CSS, SP > Aufwand: rel. klein > Skills: SP, JavaScript

30 Und jetzt? Laden Sie sich die Präsentation und Beispiele herunter Machen Sie sich mit dem Design Manager vertraut Nutzen Sie Wireframing Tools während der Planung Beschäftigen Sie sich mit Client Side Rendering Besuchen Sie BrandMySharePoint.de

31

32 Fabian Moritz ITaCS GmbH MVP SharePoint Server e


Herunterladen ppt "Formatvorlage des Untertitelmasters durch Klicken bearbeiten Platin-Partner: Gold-Partner: Veranstaltungs-Partner: Medien-Partner: Brand my SharePoint."

Ähnliche Präsentationen


Google-Anzeigen