2016年3月11日
使用SharePoint 2016在地平线中迫在眉睫，是时候重新审视SharePoint中的一些品牌概念了。我将SharePoint品牌描述为综合创建一个预期从其消费者的情绪反应的身份。但是等待，在SharePoint Circle中，这个词品牌被标记为一个肮脏的词，因此我将推出我将称之为“UI样式”。在我对SharePoint UI样式解决方案的经验中，它们主要由自定义主页，自定义页面布局，大量的JavaScript，CSS和其他UI资产组成。这些UI风格解决方案可以将最先进的网站设计为SharePoint。但是，它们是自定义的，需要使用每个新版本的SharePoint以及在某些情况下完全重新构建的。所以如果自定义UI解决方案不是未来的证据，你能做什么？我们将讨论下面的此和其他UI风格主题。
SharePoint UI样式演进
首先让我们来看看2010年至2016年SharePoint UI风格的演变。
从SharePoint 2010开始，我们可以通过引入带功能丝带的UI样式演进，2014年我们被介绍给西雅图主题，它专注于从UI中删除Chrome，现在在2016年我们看到了“应用程序的介绍发射器“Aka”华夫饼“。此时，该行业对SharePoint UI风格设计和解决方案具有相当愉快的理解。以下是基础知识，SharePoint UI样式内置在主页上，包括由页眉和页脚组成的外层。这是您将公司徽标，横幅图像和导航控制在您的网站上显示的地方。中心或我所谓的“白色空间”是加载页面布局的位置。页面布局是您的主页，新闻文章，博客文章等。注意：由于ASP.NET 2.0，因此，母版页和页面布局的概念已经存在，并且稳定。所有其他元素称为Web部件，它为您提供了查看文档，日历，新闻源，照片库等功能，等等。虽然开箱即用的UI风格提供基本的外观和感觉，如果要更改它，您可以延长它或自定义它，因此让我们看看SharePoint自定义UI样式解决方案是什么。
自定义UI样式解决方案
通常使用Dreamweaver，Visual Studio和SharePoint Designer等设计器工具建立自定义UI样式解决方案。通常，设计者将生成所有图像，CSS和HTML页面，然后是SharePoint Developer将带走它们并将它们包含在SharePoint Visual Studio项目中。然后，开发人员将构建一个Visual Studio自定义UI样式解决方案，该解决方案生成一个文件，扩展WSP或Windows SharePoint。此文件包含带有所有DLL，XML，CSS，XLT，JavaScript，ASPX和HTML文件的CAB文件。以下是一个非常简单的SharePoint Visual Studio项目，包含主页页面，页面布局，CSS和JavaScript文件。重要的是要注意，您可以在没有Visual Studio的情况下构建自定义UI解决方案，您可以从SharePoint Designer和Dreamweaver执行相同的操作。说过，对于大型和复杂的UI风格解决方案，您将受益于Visual Studio版本控制和IntelliSense。
硕士网页
在决定建立自定义UI样式解决方案时，重要的是在设计自定义主页时特别了解影响。因此，让我们从2010年到2016年看一下主页，请注意，主页页面是引用SharePoint库的特定版本。当新版本的SharePoint到达时，需要更新这些引用。这意味着它要求您重新部署解决方案并重新测试您的网站。对于较小的SharePoint实现，这应该没有问题，但对于较大而复杂的UI样式解决方案，这可能是昂贵的努力。所以在开发自定义UI风格解决方案时仔细考虑并仔细计划。
光明的一面
如果您确定您必须拥有自定义UI样式解决方案，那么我建议您联系我们或搜索MS Partner网络，并选择离您最近的合作伙伴以获得帮助。此外，您还可以在Bindtuning.com，PixelMill.com，TopsharePoint.com等网站上在线购买预建式UI风格解决方案。如果您喜欢自己这样做，那么我建议您从响应oply.Codeplex.com开始它包含一个简单的ui样式解决方法，用于使用最新的bootstrap3框架。我会警告你，这些和大多数商业预装的UI风格解决方案专注于出版网站而不是团队网站。
未来证明UI风格解决方案
这是一个替代方案，一个更为未来的SharePoint的UI风格解决方案。它没有任何新的东西，它已经被微软推荐自SharePoint 2010并且通过介绍了SharePoint 2016，它对支撑它更重要。让我们从SharePoint开始作为服务而不是平台。选择两者之间可以确定未来证明如何证明，如果您决定使用SharePoint服务，那么您可以完全控制UI风格的设计和实现。您的网站可以使用包括ASP.NET MVC在内的任何Web技术构建，而SharePoint将提供由网站运行的所有服务。当SharePoint是平台时，您对UI样式解决方案的选项较少。已经说过，最近的Microsoft模式和实践已经发布了新工具，以改进修改/扩展框中的SharePoint UI样式的方式。您可以在https://dev.office.com/patterns- vactices上找到有关该工具的更多信息。下面我们将多于两个示例，如何使用无自定义主页或Visual Studio自定义SharePoint UI样式。
主题
首先让我们从主题开始。自2010年以来，主题已经过SharePoint，它们允许您在不修改主页或页面布局的情况下进行样式元素。他们忽略了许多开发人员，但具有耐心和良好的CCS技能，您可以创建一个将在SharePoint中运行的主题，而没有自定义开发。Microsoft提供了一个SharePoint调色板工具，允许您设置背景图像，字体颜色，导航背景颜色，标题页脚和其他元素。该工具易于使用，并且在创建新主题后，您只需将其上传到SharePoint并将您的网站设置为新主题，如下所示。有关如何应用新主题的更多信息，请随时与我们联系。
现代敏感UI.
现代网站现在预计支持各种屏幕分辨率。您的SharePoint网站没有什么不同，它必须具有一定程度的支持和一种方式是通过Office PNP SharePoint UI响应解决方案。最近，Microsoft模式和练习通过模式和练习组使用纯JavaScript解决方案释放SP响应UI。此SharePoint UI响应性解决方案不包括任何自定义主页或修改后页面布局。它是简单的JavaScript和CSS解决方案响应UI解决方案可防止您在迁移到新版本的SharePoint时，您无法编辑主页。这种方法的另一个积极的是它在团队网站上工作，而最敏感的解决方案专注于发布网站。您将使用PowerShell和Not Visual Studio将SharePoint UI响应于您的团队站点启用，如下所示。
结果是一个团队网站，就像客户所期望的那样对屏幕分辨率的响应。
 |
 |
| 团队网站响应 | 网站内容响应 |
这个SharePoint UI响应式解决方案对于你开发一个不依赖于SharePoint基础设施的UI风格解决方案来说是一个很好的开始。有了这些和一些create CSS设计，你可以构建任何你需要的UI风格。下一步，您需要选择正确的UI样式。
UI风格的结论
到目前为止，我们讨论了SharePoint UI风格的演变，它们是如何构建和替代未来的证明解决方案。现在选择正确的UI风格很重要。让我们首先了解SharePoint对您和您的组织的意义，是什么业务用例，以及未来5到10年的组织策略是什么。这是正确的，你的组织视觉和目标应该推动SharePoint UI风格，而不是另外的方式。如果您的组织是保险公司，您希望为您的耐心提供更好的照顾，或者如果您是盈利组织，您的SharePoint专注于，带来意识和驾驶捐赠。每个愿景将导致完全不同的UI风格，对SharePoint的含义不同。也许一个实现显示患者计划，显示警报，新闻公告或视频。或者也许是该网站，只需分享有关最新捐赠活动的信息，以及参观者如何制定承诺。底线是正确的UI风格将有助于通过保持访客在清算时聘用销售反映您的组织文化，愿景和战略。那么你如何到达那里，首先向我们联系，我们会让你开始在正确的道路上。