如何在 Ning 上设计您的社区
已发表: 2018-05-16尽管内容无疑是您的 Ning 网络最宝贵的资产，但设计也是需要非常重视的。 无论您的内容多么相关和引人入胜，没有人会特别兴奋地浏览一个丑陋的网站，对吧？ 事实是，如果网站没有吸引力， 38% 的人会放弃与该网站的互动。 显然，作为网络创建者，您不想失去这么多观众。 相反，您希望用户对您创作的每个方面都感到满意。
视觉上吸引人且用户友好的网络设计可帮助您抓住人们的注意力并确保最佳的用户体验。 这不仅仅是审美的问题。 只要您的网站设计专业且直观，就会有更多的用户想要与之互动，因此更多的人加入您的网络，您访问您网站的流量就会更多。
此外，独特而个性化的设计可以让您的网络脱颖而出，让您暴露其真实身份。 毕竟，我们谈论的是Ning闻名的个性化社交网络。
但是，如何设计一个既看起来很酷又令人愉悦的网站呢？ 对于那些刚开始探索 Ning 平台及其功能的人，这里有一些有用的提示。
NING 设计工作室入门
Ning 的首要任务之一一直是让用户最大程度地控制其网络的视觉外观。 这就是创建设计工作室的原因。
NING Design Studio 是一套工具，允许自定义在 Ning 平台上创建的社交网站的设计。 它为用户提供了丰富的自定义选项，旨在使每个 Ning 网络都独一无二且美观。
Design Studio 可以通过单击管理仪表板上的相应图标轻松启动，该图标作为每个网络页面左上角的绿色工具栏提供。
Design Studio 菜单中有几个可用的自定义类别：
- 主题：为您的网站选择一个通用的设计模板；
- 背景：选择和配置出现在您网站背景中的图像；
- Header ：设计一个与你的网络主题相匹配的标题；
- Page : 设置网页的整体外观；
- 自定义 CSS ：插入自定义 CSS 代码以对您的网站设计进行高级更改。
每个类别都包含几个独特的自定义选项。 要设计一个看起来真正专业的网站，请慢慢来，从一个类别逐渐过渡到另一个类别，根据您的创意愿景设置网络中每个元素的参数。 您几乎可以配置网站设计的每个方面以匹配您的审美偏好。
此外，Design Studio 允许您在实际应用到您的网络之前预览您所做的任何更改。 这使得定制过程非常方便和直观。
事实上，使用 Design Studio 不需要任何技术知识和技能，因为每个设计元素都可以在用户友好界面的帮助下轻松修改。 但是，要了解您可以使用的自定义选项的基本概念，让我们更详细地查看它们。
主题
主题是确定网站基本设计的模板。 通过将主题应用于您的网络，您可以应用设计元素的预设组合，包括标题、背景图像、页面布局、导航栏、字体等。
Ning 为不同类型的网站精心设计了广泛的即用型主题。 需要投资组合网站吗？ 在库中选择相应的主题。 准备创建一个音乐社区？ 没问题，Ning 也有模板！
您可以在 Design Studio 菜单的“主题”选项卡中找到 Ning 开发的所有主题。
只需选择最适合您的目的，然后点击“发布”按钮。 在应用主题之前，您可以预览它。
Ning 主题在桌面和移动设备上看起来都很棒，因为它们经过精心优化，可在所有现有平台上获得最佳性能。
此外，“主题”选项卡包含两个子选项卡：
- 历史记录：允许您查看以前应用于网络网站的所有主题；
- 管理：在这里您可以导入和导出主题； Design Studio 支持 .txt 格式的主题。
虽然您可以按原样使用预设主题，但也可以进一步自定义它们以实现完全独特的设计。
背景
通过设置背景图像开始自定义您的主题。 有两种简单的方法可以做到：
- 选择Ning提供的标准图像之一；
- 上传您自己的图片并将其应用为背景。
要上传您自己的图像，请选择“背景”选项卡并单击相机图标。 
在图像选择列表的右侧，您会找到几个用于调整背景图像的附加选项：
- 颜色：设置背景颜色；
- 对齐和方向：为您的背景图像选择九个位置之一；
- Rendering : 定义你的背景图像将如何在页面上呈现； 下拉菜单中有五个可用选项：平铺、水平平铺、垂直平铺、拉伸和正常。
- 滚动选项：您可以通过选中相应的单选按钮启用滚动或固定背景图像的位置。
完成背景图片后，就该进入页眉了，它是网站设计中最重要的元素之一。
标题
标题是包含网站介绍信息（名称、徽标等）和导航栏的块。 标题在网站的每个页面上都保持可见，通常位于顶部，但有时也可以根据设计理念将其放置在页面的右侧或左侧。
要开始设计您的网站标题，请单击“标题”选项卡。 
在选项卡中，您会找到几个子选项卡，允许您设置标题的不同参数：
风格:
您可以在此处设置标题的位置和方向。 经典选项是位于顶部的标题，包含背景图像、网络名称、徽标和下方的导航栏。 但是，您可以考虑其他可用的变体，以使您的网络脱颖而出。
此外，您可以通过在相应的框中输入所需的值（以像素为单位）来自由更改标题的大小（高度和宽度）及其填充。
提示大多数主题的默认高度限制为 135 像素。
名称/标志：
标题的基本功能之一是传达网站名称（或公司/品牌名称）。 要完成图片，您还需要显示您的徽标。 使用 NING Design Studio，您可以轻松自定义名称和徽标。
要设置网络名称，请转到可从管理仪表板访问的“社交站点管理器”菜单的“常规设置”，然后在“站点名称”文本框中输入名称。
然后您可以返回到 Design Studio 并选择应用于您网站名称的字体的样式、颜色和大小。
完成自定义网络名称后，就可以上传徽标了。 为此，只需单击相机图标并在您的计算机上找到所需的图像文件。 
徽标上传后，您可以借助右侧的滑块调整其大小。 您还可以更改徽标的填充大小和对齐方式。
导航
此菜单允许您自定义导航栏。 您可以更改背景颜色和边框类型、调整选项卡和子选项卡的字体、设置颜色、控制悬停效果、修改选项卡填充大小以及调整选项卡之间的间距。 
背景
为了使您的页眉美丽而独特，请为其设置一个好看的背景图片。
“背景”菜单使您可以自定义画布背景和全角背景。 这开辟了更多尝试标题设计的方法，让您可以选择正确的颜色和图像组合。 尝试找到与您选择的设计主题以及网络主题相匹配的那些。 您可以随心所欲地发挥创意！
找到合适的图片了吗？ 好的。 只需通过单击相机图标上传它们并调整它们的位置和对齐 - 简单！
您可能还想编辑图像以使其适合标题的大小、应用滤镜和效果等。为此，请使用在线图像编辑工具，例如BeFunky或Pixlr 。 
账户栏
您可以在此处设置每个网络页面顶部显示的帐户栏的颜色。 您可以控制背景颜色、文本颜色和悬停效果。 此外，还有一个选项可以将帐户栏固定到浏览器窗口的顶部。 
页
Design Studio 菜单的“页面”选项卡可帮助您自定义网络页面的整体外观。 它包含几个子选项卡：
- 通用：设置页面背景颜色，选择页面上出现的字体，调节段落间距，修改页面内边距大小和页面宽度。 如果您希望您的网站以全屏模式运行，请在“页面宽度”下拉菜单中选择“100%”。
- 模块：控制模块的参数。 模块是出现在网络页面上的内容块。 您可以更改它们的背景颜色、字体、平铺和内容填充、平铺对齐等。
- 链接：自定义网站上链接的外观，包括页面导航按钮和帖子标题。
- 按钮：调整在网站上执行各种操作的按钮的设计。
- 效果：使页面和内容模块的角变尖或变圆，并设置个人资料照片的形状。
自定义 CSS
如果内置的自定义选项对您来说还不够，而且您不熟悉编码，请浏览“自定义 CSS”选项卡。 它允许您插入自定义 CSS 代码，从而对您的网站设计应用高级修改。
有两个区域可以输入 CSS 代码：
- Global CSS : 指通用定制；
- 主题 CSS ：指的是特定于主题的自定义。
精通技术的用户会发现自定义 CSS 功能对于在视觉呈现方面获得更令人印象深刻的结果特别有用。
设计您的完美网站
设计一个视觉上令人惊叹的网站是一个灵感、创造力和多功能定制工具的问题。 NING Design Studio 为您提供这些工具，并鼓励您开发一个独特且有吸引力的网站，该网站既美观又方便浏览。
希望这份对 Design Studio 核心功能的简要概述将帮助您创建一个真正打动您的观众的社交网站。 同时，继续尝试！ 尝试不同的事物和它们的组合，以达到让您感到高兴和自豪的设计。
