SharePoint Visual Design Templates for UI Designers?

%3CLINGO-SUB%20id%3D%22lingo-sub-920436%22%20slang%3D%22en-US%22%3ERe%3A%20SharePoint%20Visual%20Design%20Templates%20for%20UI%20Designers%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-920436%22%20slang%3D%22en-US%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F416404%22%20target%3D%22_blank%22%3E%40simonlovejoy%3C%2FA%3E%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EDoes%20the%20SharePoint%20Look%20Book%20help%3F%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fsharepointlookbook.azurewebsites.net%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fsharepointlookbook.azurewebsites.net%2F%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ENorm%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-922631%22%20slang%3D%22en-US%22%3ERe%3A%20SharePoint%20Visual%20Design%20Templates%20for%20UI%20Designers%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-922631%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F416404%22%20target%3D%22_blank%22%3E%40simonlovejoy%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20don't%20think%20it%20works%20that%20way%2C%20at%20least%20not%20out%20of%20the%20box.%20You%20may%20want%20to%20look%20at%20site%20designs.%20That%20provides%20a%20way%20to%20create%20templates%20for%20an%20entire%20site%2C%20including%20lists%2C%20libraries%20and%20UI%20elements%20like%20themes.%20Keep%20in%20mind%20SharePoint%20is%20not%20a%20%22website%22%20like%20Amazon%20or%20Best%20Buy%20or%20whatever%20so%20if%20that's%20what%20you're%20used%20to%20working%20with%2C%20this%20will%20be%20a%20bit%20of%20a%20change.%20%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-920375%22%20slang%3D%22en-US%22%3ESharePoint%20Visual%20Design%20Templates%20for%20UI%20Designers%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-920375%22%20slang%3D%22en-US%22%3E%3CP%3ECannot%20find%20anything%20on%20any%20of%20microsoft's%20online%20properties%20that%20addresses%20basic%20UI%20frameworking%20%2F%20visualisation%20of%20any%20kind%20for%20this%20product%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAre%20there%20no%20resources%20provisioned%20at%20all%20for%20people%20to%20work%20up%20basic%20layouts%20before%20going%20to%20build%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ESketch%2C%20Figma%2C%20Adobe%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWe%20cannot%20even%20find%20static%201%3A1%20examples%2C%20let%20alone%20layered%20assets.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-920375%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ESharePoint%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1029008%22%20slang%3D%22en-US%22%3ERe%3A%20SharePoint%20Visual%20Design%20Templates%20for%20UI%20Designers%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1029008%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F111382%22%20target%3D%22_blank%22%3E%40Norman%20Young%3C%2FA%3EIt%20is%20interesting%2C%20but%20not%20what%20I%20as%20an%20oldey-timey%20visual%20designer%20could%20say%20that%20I%20would%20consider%20to%20be%20a%20brand%20bible.%20There%20are%20no%20hard%20rules%20outlined%20in%20fire%20here%20as%20the%20focus%20is%20firmly%20on%20how%20it%20behaves%20and%20the%20fact%20that%20it%20reduces%20development%20time%20on%20the%20back%20end%20(possibly%20the%20front%20end%20as%20well%2C%20i%20don't%20know%20as%20I%20am%20not%20involved%20in%20our%20dev).%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20have%20deployed%20some%20basic%20sharepoint%20sites%20internally%20to%20get%20a%20feel%20for%20how%20they%20behave%20and%20to%20try%20and%20identify%20simple%20behaviours%20such%20as%20breakpoints%2C%20default%20colourways%2C%20typeface%20sizes%20and%20so%20on.%20Find%20it%20a%20bit%20confused%20myself%20but%20then%20that%20is%20possibly%20just%20me.%20I%20still%20maintain%20it%20would%20be%20useful%20for%20this%20company%20to%20lay%20down%20some%20hard%2C%20and%20if%20necessary%20fast%2C%20rules%20around%20the%20visual%20identity%20of%20their%20product.%20Everybody%20would%20win.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1029009%22%20slang%3D%22en-US%22%3ERe%3A%20SharePoint%20Visual%20Design%20Templates%20for%20UI%20Designers%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1029009%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F57004%22%20target%3D%22_blank%22%3E%40Rachel%20Davis%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20agree.%20The%20methodology%20around%20this%20product%20seems%20to%20suggest%20more%20of%20a%20framework%20that%20ms%20are%20pushing%20as%20very%2C%20very%20flexible%20and%20versatile%20with%20a%20focus%20on%20the%20back%20end%20and%20a%20simplified%20front%20end.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20would%26nbsp%3Bperhaps%20imagine%20that%20defining%20basic%20rules%20for%20visual%20design%20for%20this%20might%20rely%20on%20developing%20a%20familiarity%20with%20the%20content%20and%20how%20it%20deploys%20in%20a%20most%20basic%20state.%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
Occasional Contributor

Cannot find anything on any of microsoft's online properties that addresses basic UI frameworking / visualisation of any kind for this product?

 

Are there no resources provisioned at all for people to work up basic layouts before going to build?

 

Sketch, Figma, Adobe?

 

We cannot even find static 1:1 examples, let alone layered assets.

4 Replies
Highlighted
Highlighted

@simonlovejoy 

 

I don't think it works that way, at least not out of the box. You may want to look at site designs. That provides a way to create templates for an entire site, including lists, libraries and UI elements like themes. Keep in mind SharePoint is not a "website" like Amazon or Best Buy or whatever so if that's what you're used to working with, this will be a bit of a change.  

Highlighted

@Norman Young

 

It is interesting, but not what I as an oldey-timey visual designer could say that I would consider to be a brand bible. There are no hard rules outlined in fire here as the focus is firmly on how it behaves and the fact that it reduces development time on the back end (possibly the front end as well, i don't know as I am not involved in our dev).

 

I have deployed some basic sharepoint sites internally to get a feel for how they behave and to try and identify simple behaviours such as breakpoints, default colourways, typeface sizes and so on. Find it a bit confused myself but then that is possibly just me. I still maintain it would be useful for this company to lay down some hard, and if necessary fast, rules around the visual identity of their product. Everybody would win.

Highlighted

@Rachel Davis 

 

I agree. The methodology around this product seems to suggest more of a framework that ms are pushing as very, very flexible and versatile with a focus on the back end and a simplified front end.

 

I would perhaps imagine that defining basic rules for visual design for this might rely on developing a familiarity with the content and how it deploys in a most basic state.