露露的笔记
嗨，约翰和克莱尔！
这种样式图块的目的是为您的新网站概念化视觉方向，并激发一些关于如何使用功能以用户友好的方式显示内容的想法。
这只是一个用来激发想法的起点，所以请不要害怕发表评论（关于 Asana Board 的这项任务）。
设计说明：
- WCMHS 现有的外观和感觉相当“企业化”，这在以前的银行网站上很常见。它给网站带来了一种沉重、严肃、缺乏吸引力的感觉，或许不符合贵机构的形象。
- 在这种风格的瓷砖中，我试图减轻感觉，以给人一种感觉：
- 友好热情
- 活力四射
- 聪明、开朗、专业
- 现代的
- 难忘
- 使用 PNS 的亮粉色是大胆而醒目的，并为设计增添了独特性，但是，如果对您来说太过分，可以用橙色代替粉色（不太令人难忘，但仍然有效）。
- 您可以使用现有的调色板（见下文）作为整个网站的视觉指南（例如，每当我看到薰衣草色，我就知道我位于与CDS相关的页面或版块）。这个调色板不太协调，但我们可以使用每种色调的色调进行调整和混合。
- 在等待标志时，我创建了一个新的“包含而不是排除”元素以供娱乐 - 根据需要接受或离开。
- 我喜欢让一切保持明亮的方法。
当前调色板
标识
不排除
短标题二
这是 Fjalla One 中的一个标题示例
这是 Nunito Sans 字体的正文，这是一种美观易读的字体。这是段落文本。要更改它，只需点击并开始输入即可。添加内容后，您可以使用不同的颜色、字体、字号和项目符号来自定义其设计。只需突出显示要设计的单词，然后从文本编辑栏中的各种选项中进行选择即可。这是此段落的文本区域。
链接文本。
NUNITO SANS 领衔三人
可选签名字体
谨慎使用，可以为网站增添一丝格调。这只是一个示例字体——我们有数百种字体可供选择！
布局建议
文本容器宽度 - 不超过 730 像素（对于移动设备来说显然更小）。
正文/段落文本的行高 - 1.5 - 2
字体大小 - 桌面端 18 pt 或以上 / 移动设备 16 pt
对齐方式 - 左对齐
文本滑块示例
适合显示长度相似的简短推荐。
短标题二
彩色列示例
这是 Nunito Sans 字体的正文，这是一种美观易读的字体。这是段落文本。要更改它，只需点击并开始输入即可。添加内容后，您可以使用不同的颜色、字体、字号和项目符号来自定义其设计。只需突出显示要设计的单词，然后从文本编辑栏中的各种选项中进行选择即可。这是此段落的文本区域。
链接文本。
短标题二
彩色列示例
这是 Nunito Sans 字体的正文，这是一种美观易读的字体。这是段落文本。要更改它，只需点击并开始输入即可。添加内容后，您可以使用不同的颜色、字体、字号和项目符号来自定义其设计。只需突出显示要设计的单词，然后从文本编辑栏中的各种选项中进行选择即可。这是此段落的文本区域。
链接文本。
我们明白那是什么感觉……
此部分为选填部分。您可以用它来过渡到下一部分。使用同理心语句来表达您的理解和关心，是表达理解和关心的好方法。
此部分为选填部分。您可以用它来过渡到下一部分。使用同理心语句来表达您的理解和关心，是表达理解和关心的好方法。
手风琴
两列布局
可选的简介段落。Lulu 的注释：折叠面板中的图标目前只是占位符，但您可以选择任何 SVG 图标来替换它们，或者完全删除它们。我附上了一些图片，让您了解一下这里可以使用哪些图标（一旦您选择了图片，我们将关闭滑块）。图片可以裁剪并重新定位，以获得更好的效果。
可选的简介段落。Lulu 的注释：折叠面板中的图标目前只是占位符，但您可以选择任何 SVG 图标来替换它们，或者完全删除它们。我附上了一些图片，让您了解一下这里可以使用哪些图标（一旦您选择了图片，我们将关闭滑块）。图片可以裁剪并重新定位，以获得更好的效果。
可选的简介段落。Lulu 的注释：折叠面板中的图标目前只是占位符，但您可以选择任何 SVG 图标来替换它们，或者完全删除它们。我附上了一些图片，让您了解一下这里可以使用哪些图标（一旦您选择了图片，我们将关闭滑块）。图片可以裁剪并重新定位，以获得更好的效果。
动画条示例
当您想要显示相关数字等时很有用。您可以根据需要更改条形标签和％标签。
联属会员徽标部分示例
城市天际线
生日火花
时尚杂志
线条模糊
排版
设计
重症监护服务
大字体、醒目的背景和单色方案非常适合突出显示内容，而无需使用图片。此部分采用 ICS 颜色。
选项卡式面板功能示例
研究与分析
为标签页撰写描述，并添加一些网站访客感兴趣的信息。例如，如果您使用标签页展示不同的服务，请描述每项服务的独特之处。如果您使用标签页展示餐厅菜品，请描述某道菜品特别值得一试或美味的原因。
规划策略
为标签页撰写描述，并添加一些网站访客感兴趣的信息。例如，如果您使用标签页展示不同的服务，请描述每项服务的独特之处。如果您使用标签页展示餐厅菜品，请描述某道菜品特别值得一试或美味的原因。
概念创作
为标签页撰写描述，并添加一些网站访客感兴趣的信息。例如，如果您使用标签页展示不同的服务，请描述每项服务的独特之处。如果您使用标签页展示餐厅菜品，请描述某道菜品特别值得一试或美味的原因。
现场测试
为标签页撰写描述，并添加一些网站访客感兴趣的信息。例如，如果您使用标签页展示不同的服务，请描述每项服务的独特之处。如果您使用标签页展示餐厅菜品，请描述某道菜品特别值得一试或美味的原因。
保证成功
为标签页撰写描述，并添加一些网站访客感兴趣的信息。例如，如果您使用标签页展示不同的服务，请描述每项服务的独特之处。如果您使用标签页展示餐厅菜品，请描述某道菜品特别值得一试或美味的原因。
手风琴功能示例
用于常见问题解答或任何其他您想要压缩空间的内容。
示例视频部分
音乐是一种疗愈。它抚慰你的灵魂，带来快乐，让你动起来，等等。音乐影响你的心跳、呼吸、睡眠和清醒。既然音乐对生活如此重要，你难道不应该拥有音乐自由吗？
排版
设计
CFYS
大字体、醒目的背景和单色方案非常适合突出显示内容，而无需使用图片。此部分采用 CFYS 颜色。
华盛顿县社区居民项目
这是一个如何在主页上提供所提供课程概览的示例。点击“了解更多”按钮，网站访问者将跳转到更多信息页面（子页面或页面的某个部分）。背景颜色目前只是占位符，但我认为最好使用每个服务提供商的品牌颜色（我们需要创建简单的背景颜色，并将其上传到下面的图库）。
日历功能
这是您的 Tockify 日历，已与您的 Google 日历集成。我为每个部门添加了相应的标签，以便您在 Tockify 中添加活动时，记得添加相应的标签以便颜色显示。
例子
Google 日历
您可以将任何 Google 日历集成到网站中。
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
排版
设计
信用衍生产品
大字体、加粗背景和单色方案非常适合突出显示内容，而无需使用图片。此部分采用的是 CDS 颜色，我稍微提亮了一些。
时间线功能
此功能非常适合展示时间线或流程。它提供多种样式选项，可与您的品牌形象保持一致。
社交与视频
保持网站活力和趣味性的一个好方法是将社交动态直接集成到网站中。以下是一些示例。
Facebook动态小部件
视频滑块小部件
文档查看器小部件
文档查看器小部件允许您直接在网站上显示各种文档。您可以通过文件上传、实时 URL 或 Dropbox、Google Drive 或 Google Mail 等网络平台添加文档。它的尺寸可以调整为任意大小。
iFrame 小部件
这个小部件允许您在网站内显示一个网站，因此您可以合并来自其他网站或第三方服务的数据和工具。
当您需要整合来自其他网站的复杂数据驱动服务（例如房地产搜索或预订表单）时，可以考虑使用此小部件。这种方法快速、低成本，并且不需要任何 HTML 嵌入代码。我附上了一个来自 onecarevt.org 活动页面的示例。
图像选择
网站图片的选择可以成就或毁掉一个设计。选择的图片要能够体现你的品牌风格和色彩，以及你想要营造的氛围。避免使用过多深色的图片，因为它们会让网站显得沉重。以下是一些示例，选择这些图片是为了颜色的协调，而不是为了展现实际内容。
行动呼吁示例
页脚以上所有页面底部
在每个网站页面末尾添加一个 CTA 是一个好习惯。以下是一些示例。
保持联系
阅读我们的最新更新
绝不会错过任何消息
儿童、青少年和家庭服务
项目涵盖各种办公室和社区服务，以及为患有精神疾病的儿童及其家庭提供的学校和家庭服务。服务对象包括22岁以下的青少年和准妈妈。
社区支持计划
为患有严重和持续性精神疾病的人士提供全面的社区支持服务。我们的服务个性化，注重健康、保健和康复。我们以外展服务为主，大部分工作都面向社区客户。
咨询与心理服务中心
为面临严峻挑战和日常生活压力的成人和儿童提供门诊服务。我们提供个人、夫妻、家庭和团体治疗、评估、服务协调和社区支持等多种治疗方案，以满足客户的需求。
社区发展服务
本段将概述该部门及其项目的宗旨，而非列出所有项目。点击此框中的任意位置即可跳转至网站页面。
重症监护服务
重症监护服务 (ICS) 是一项综合服务，为个人和家庭提供 24 小时紧急服务。其主要目标是减轻危机带来的直接痛苦影响，并促进病情稳定。
精神病学和护理服务
本段将概述该部门及其项目的宗旨，而非列出所有项目。点击此框中的任意位置即可跳转至网站页面。
在社区
本段将概述该部门及其项目的宗旨，而非列出所有项目。点击此框中的任意位置即可跳转至网站页面。
如何联系我们
您可以在此处添加有关如何访问 WCMHS 项目的信息
