---
title: "Hong Kong Mood Disorders Centre - 精选案例 - 香港网页设计公司 | 客制化系统开发与全方位数码营销 - YSD"
description: "香港情绪障碍中心是由香港中文大学精神医学系主管的机构，拥有一批专业人员，为情绪健康问题提供教育、治疗和研究。"
canonical: "https://ysd.hk/zh-Hans/showcase/hong-kong-mood-disorders-centre"
language: "zh-Hans"
published: "2024-10-19T07:05:00+08:00"
updated: "2025-03-05T12:36:40+08:00"
alternates:
  en: "https://ysd.hk/en/showcase/hong-kong-mood-disorders-centre"
  zh-Hant: "https://ysd.hk/zh-Hant/showcase/hong-kong-mood-disorders-centre"
  zh-Hans: "https://ysd.hk/zh-Hans/showcase/hong-kong-mood-disorders-centre"
  x-default: "https://ysd.hk/en/showcase/hong-kong-mood-disorders-centre"
---

<?xml encoding="UTF-8">  

# 香港健康情绪中心

 ![Hong Kong Mood Disorders Centre-logo](https://ysd.hk/storage/media/Client/H/Hong%20Kong%20Mood%20Disorders%20Centre/Hong%20Kong%20Mood%20Disorders%20Centre-logo.png) 

香港健康情绪中心是一个以香港中文大学医学院精神科学系为首，配合一群专业人员而成的组织，专为情绪健康问题提供教育、治疗及研究。

YSD 负责为香港健康情绪中心全盘策划[网页设计](https://ysd.hk/zh-Hans/web-design)及开发工作，以简洁直观的界面与全新技术，呈现品牌的独特魅力。

 [ 浏览实际成品 (官方网站) ](https://www.hmdc.cuhk.edu.hk/) 

 网页设计 

Scope

## 网页设计

每 4 人中就有 1 人患有这种疾病？  
如果你感冒了，你会知道的，因为你通常会流鼻涕、喉咙痛、咳嗽和鼻塞。所以感冒没什么大不了的，因为当你知道它来了，你就会想办法对付它。然而，如果我们社会上有 1/4 的人正在遭受疾病的伤害，而你实际上可能是受害者之一，那该怎么办？

  ![5c948e384af09](https://ysd.hk/storage/media/Client/H/Hong%20Kong%20Mood%20Disorders%20Centre/5c948e384af09.jpg) 

### 官方网站

 [成品

 ](https://www.hmdc.cuhk.edu.hk/ "浏览实际成品") 

这种病被称为情绪病。不幸的是，这种疾病不是指单一病症，而是一系列的疾病，包括恐慌症，社交焦虑症，抑郁症等等。它们很常见，却极难被准确诊断。  

有见及此，香港情绪障碍中心希望透过它们的网站唤起人们对情绪病的警觉，为患者提供治疗和培训。

![](https://ysd.hk/storage/media/Client/H/Hong%20Kong%20Mood%20Disorders%20Centre/5c948e384c246.jpg "5c948e384c246")

该中心希望透过一个使用起来很轻松的网站去实现以上目标。中心希望网站浏览者能在一个自在、轻松、写意的环境下了解情绪病的因由，继而寻求进一步的帮助。

![](https://ysd.hk/storage/media/Client/H/Hong%20Kong%20Mood%20Disorders%20Centre/5c948e384d4ae.jpg "5c948e384d4ae")  

一个使用起来很轻松的网站？我们要如何建立这网站？  

在主页上，中心建议在顶部横幅中放一组带动感的曲线。这些缓慢移动的线条象徵我们每个人面对的情感问题，十分符合中心的工作内容。

![](https://ysd.hk/storage/media/Client/H/Hong%20Kong%20Mood%20Disorders%20Centre/5c948e384e61a.jpg "5c948e384e61a")

我们还调慢了网站动画的速度，令使用者有更轻松的感觉。当你浏览网站时，横幅，文字，图像，甚至联系表格都缓慢有序地显示。当用户观看这些内容时，他们不会感到匆忙和负担。

![](https://ysd.hk/storage/media/Client/H/Hong%20Kong%20Mood%20Disorders%20Centre/5c948e384f8e6.jpg "5c948e384f8e6")

除动画外，我们还将注意力放在选择符合中心工作的图片上。在抑郁症的页面中，我们精心挑选了符合抑郁症徵状的图片，并将图片串连成故事及加上描述，令使用者更容易了解抑郁症徵状。

![](https://ysd.hk/storage/media/Client/H/Hong%20Kong%20Mood%20Disorders%20Centre/5c948e3855d9c.jpg "5c948e3855d9c")

在整个开发过程中，我们的同事与中心保持良好的沟通。即使我们在文本的排版，颜色选择，横幅图标，动画速度等都有不同的意见，最后我们都求同存异，设计出一个令客人满意的网站。我们希望此网站能协助客人实现他们的目标。

## 类别

- [ \#香港中文大学 ](https://ysd.hk/zh-Hans/showcase?category=cuhk)
- [ \#专业服务 ](https://ysd.hk/zh-Hans/showcase?category=professional-services)
- [ \#Wordpress ](https://ysd.hk/zh-Hans/showcase?category=wordpress)
- [ \#学校及教育机构 ](https://ysd.hk/zh-Hans/showcase?category=education-institutions)

## 对此类项目有兴趣？

从构想到实现，我们与您同行。欢迎免费咨询。

## 相关作品

 [  焦點 

 ![网页设计: 香港大学学生发展及资源市心](https://ysd.hk/storage/webp/resized/6363/500x/hku-cedars-listingpage.webp) 

### 香港大学学生发展及资源市心

 ](https://ysd.hk/zh-Hans/showcase/hku-centre-of-development-and-resources-for-students)- [ \#学校及教育机构 ](https://ysd.hk/zh-Hans/showcase?category=education-institutions)
- [ \#香港大学 ](https://ysd.hk/zh-Hans/showcase?category=hku)

 [  焦點 

 ![网页设计: Credential Corporate Services Limited](https://ysd.hk/storage/webp/resized/1449/500x/credential-detailpage-01.webp) 

 ![网页设计: Credential Corporate Services Limited](https://ysd.hk/storage/resized/1451/500x/credential-detailpage-03.jpg) 

### Credential Corporate Services Limited

 ](https://ysd.hk/zh-Hans/showcase/credential-corporate-services-limited)- [ \#专业服务 ](https://ysd.hk/zh-Hans/showcase?category=professional-services)

 [ ![网页设计: Lucky Zone Development Ltd.](https://ysd.hk/storage/webp/resized/2045/500x/luckyzone-detailpage-1.webp) 

 ![网页设计: Lucky Zone Development Ltd.](https://ysd.hk/storage/webp/resized/2044/500x/luckyzone-detailpage-2.webp) 

### Lucky Zone Development Ltd.

 ](https://ysd.hk/zh-Hans/showcase/lucky-zone-development-ltd)- [ \#消费产品 ](https://ysd.hk/zh-Hans/showcase?category=consumer-products)
- [ \#Wordpress ](https://ysd.hk/zh-Hans/showcase?category=wordpress)

 [ ![网页设计: Ki Fung Promotion Company Limited](https://ysd.hk/storage/webp/resized/3963/500x/61a8983b7bd83.webp) 

 ![网页设计: Ki Fung Promotion Company Limited](https://ysd.hk/storage/webp/resized/3965/500x/61a8983b7f5a0.webp) 

### Ki Fung Promotion Company Limited

 ](https://ysd.hk/zh-Hans/showcase/ki-fung-promotion-company-limited)- [ \#专业服务 ](https://ysd.hk/zh-Hans/showcase?category=professional-services)

 [ ![网页设计: 香港公开大学 - 高飞创未来](https://ysd.hk/storage/webp/resized/2427/500x/ouhk-gofurther-listingpage.webp) 

### 香港公开大学 - 高飞创未来

 ](https://ysd.hk/zh-Hans/showcase/ouhk-go-further)- [ \#学校及教育机构 ](https://ysd.hk/zh-Hans/showcase?category=education-institutions)
- [ \#Wordpress ](https://ysd.hk/zh-Hans/showcase?category=wordpress)

 [ ![网页设计: Lyra Media](https://ysd.hk/storage/resized/2210/500x/lyra-media-detailpage-1.png) 

 ![网页设计: Lyra Media](https://ysd.hk/storage/resized/2209/500x/lyra-media-detailpage-2.png) 

### Lyra Media

 ](https://ysd.hk/zh-Hans/showcase/lyra-media)- [ \#行销与管理 ](https://ysd.hk/zh-Hans/showcase?category=marketing-and-management)
- [ \#Wordpress ](https://ysd.hk/zh-Hans/showcase?category=wordpress)

 [ ![网页设计: GCI](https://ysd.hk/storage/resized/1707/500x/gci-detailpage-1.jpg) 

 ![网页设计: GCI](https://ysd.hk/storage/resized/1706/500x/gci-detailpage-2.jpg) 

### GCI

 ](https://ysd.hk/zh-Hans/showcase/gci)- [ \#银行 / 金融 ](https://ysd.hk/zh-Hans/showcase?category=banking-financial)
- [ \#专业服务 ](https://ysd.hk/zh-Hans/showcase?category=professional-services)

 [ ![网页设计: 威宝警钟系统有限公司](https://ysd.hk/storage/webp/resized/3035/500x/webalarm-detailpage-1.webp) 

 ![网页设计: 威宝警钟系统有限公司](https://ysd.hk/storage/webp/resized/3036/500x/webalarm-detailpage-2.webp) 

### 威宝警钟系统有限公司

 ](https://ysd.hk/zh-Hans/showcase/web-alarm-system-limited)- [ \#专业服务 ](https://ysd.hk/zh-Hans/showcase?category=professional-services)

 [EN](https://ysd.hk/en/showcase/hong-kong-mood-disorders-centre) | [繁](https://ysd.hk/zh-Hant/showcase/hong-kong-mood-disorders-centre) | 简 

精选案例

- [全部案例](https://ysd.hk/zh-Hans/showcase)
- [网页设计](https://ysd.hk/zh-Hans/showcase/web-design)
- [市场营销](https://ysd.hk/zh-Hans/showcase/marketing)
- [品牌推广](https://ysd.hk/zh-Hans/showcase/branding)
- [移動应用程式制作](https://ysd.hk/zh-Hans/showcase/apps-development)

我们的服务

- [服务概览](https://ysd.hk/zh-Hans/services)
- [网页设计](https://ysd.hk/zh-Hans/web-design)
- [市场营销](https://ysd.hk/zh-Hans/marketing)
- [品牌推广](https://ysd.hk/zh-Hans/branding)
- [移動应用程式制作](https://ysd.hk/zh-Hans/apps-development)
- [广告方案](https://ysd.hk/zh-Hans/ads)

了解 YSD

- [关于YSD](https://ysd.hk/zh-Hans/about-ysd)
- [我们的客户](https://ysd.hk/zh-Hans/clients)
- [合作伙伴](https://ysd.hk/zh-Hans/partners)
- [联络我们](https://ysd.hk/zh-Hans/contact)
- [网志](https://ysd.hk/zh-Hans/blog)
- [加入我们](https://ysd.hk/zh-Hans/career)

 [![linkedin icon logo black and white](https://ysd.hk/storage/webp/media/contact/linkedin-icon-logo-black-and-white-2.webp)](https://hk.linkedin.com/company/ysd) 

版权所有© 2026 YSD HK Limited  

 [隐私政策](https://ysd.hk/zh-Hans/privacy-policy) 

 我想做一个类似香港健康情绪中心的项目 你们可以为我们制作类似的吗？ 

 × 

 YSD AI  View Me   

     开始新对话 

      开始语音对话   

开始新的对话？

开始新对话将会清除当前的对话记录。

 开始新对话 取消 

 Listening...