---
title: "Hong Kong Mood Disorders Centre - 精選案例 - 香港網頁設計公司 | 客製化系統開發與全方位數碼營銷 - YSD"
description: "香港情緒障礙中心是由香港中文大學精神科領導的機構，擁有一群專業人士，提供情緒健康問題的教育、治療和研究。"
canonical: "https://ysd.hk/zh-Hant/showcase/hong-kong-mood-disorders-centre"
language: "zh-Hant"
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-Hant/web-design)及開發工作，以簡潔直觀的介面與嶄新技術，呈現品牌的獨特魅力。

 [ 瀏覽實際成品 (官方網站) ](https://www.hmdc.cuhk.edu.hk/) 

 網頁設計 

Scope

## 網頁設計

每4人就有1人患有此病？  
如果你感冒了，你就會知道，因為通常你會出現流鼻水、喉嚨痛、咳嗽和鼻塞的問題。因此，感冒沒什麼大不了的，因為當你知道它存在時，你就會找到解決方案。然而，如果我們社會中有四分之一的人受到疾病的傷害，而您實際上可能是受害者之一，該怎麼辦？

  ![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-Hant/showcase?category=cuhk)
- [ \#專業服務 ](https://ysd.hk/zh-Hant/showcase?category=professional-services)
- [ \#Wordpress ](https://ysd.hk/zh-Hant/showcase?category=wordpress)
- [ \#學校及教育機構 ](https://ysd.hk/zh-Hant/showcase?category=education-institutions)

## 對此類項目有興趣？

從構想到實現，我們與您同行。歡迎免費諮詢。

## 相關作品

 [ ![網頁設計: 語言教師教育平台（PLaTE）](https://ysd.hk/storage/webp/resized/2540/500x/plate-detailpage-detail-1.webp) 

### 語言教師教育平台（PLaTE）

 ](https://ysd.hk/zh-Hant/showcase/platform-for-language-teacher-education-plate)- [ \#電子學習 ](https://ysd.hk/zh-Hant/showcase?category=e-learning)
- [ \#Wordpress ](https://ysd.hk/zh-Hant/showcase?category=wordpress)

 [ ![品牌推廣: 香港中文大學 - 何善衡泌尿中心](https://ysd.hk/storage/webp/resized/1492/500x/cuhk-urologycentre-detailpage-00-banner.webp) 

 ![網頁設計: 香港中文大學 - 何善衡泌尿中心](https://ysd.hk/storage/webp/resized/1491/500x/cuhk-urologycenter-detailpage-banner.webp) 

### 香港中文大學 - 何善衡泌尿中心

 ](https://ysd.hk/zh-Hant/showcase/cuhk-urology-centre-department-of-surgery)- [ \#商標設計 ](https://ysd.hk/zh-Hant/showcase?category=logo-design)
- [ \#香港中文大學 ](https://ysd.hk/zh-Hant/showcase?category=cuhk)
- [ \#學校及教育機構 ](https://ysd.hk/zh-Hant/showcase?category=education-institutions)
- [ \#醫療 ](https://ysd.hk/zh-Hant/showcase?category=medical)

 [  焦點 

 ![網頁設計: Owl Square Co-living](https://ysd.hk/storage/resized/505/500x/owl-square-listingpage.jpg) 

 ![網頁設計: Owl Square Co-living](https://ysd.hk/storage/webp/resized/504/500x/owl-square-detailpage-05.webp) 

### Owl Square Co-living

 ](https://ysd.hk/zh-Hant/showcase/owl-square-co-living)- [ \#專業服務 ](https://ysd.hk/zh-Hant/showcase?category=professional-services)

 [ ![網頁設計: BABE HERO](https://ysd.hk/storage/webp/resized/3233/500x/5d4001f120c5b.webp) 

### BABE HERO

 ](https://ysd.hk/zh-Hant/showcase/babe-hero)- [ \#專業服務 ](https://ysd.hk/zh-Hant/showcase?category=professional-services)

 [  焦點 

 ![網頁設計: 香港中文大學 - 亞洲商務研究計劃(ABS)](https://ysd.hk/storage/resized/1179/500x/cuhk-abs-detailpage-6.jpg) 

### 香港中文大學 - 亞洲商務研究計劃(ABS)

 ](https://ysd.hk/zh-Hant/showcase/cuhk-asian-business-studies-abs)- [ \#香港中文大學 ](https://ysd.hk/zh-Hant/showcase?category=cuhk)
- [ \#學校及教育機構 ](https://ysd.hk/zh-Hant/showcase?category=education-institutions)

 [  焦點 

 ![網頁設計: 香港中文大學 - 生物科技、創業與醫療管理理學士學位（BEHM）](https://ysd.hk/storage/webp/resized/5174/500x/cuhk-behm-listingpage.webp) 

### 香港中文大學 - 生物科技、創業與醫療管理理學士學位（BEHM）

 ](https://ysd.hk/zh-Hant/showcase/cuhk-bachelor-of-science-in-biotechnelogy-entrepreneurship-healthcare-managerment-behm)- [ \#香港中文大學 ](https://ysd.hk/zh-Hant/showcase?category=cuhk)
- [ \#學校及教育機構 ](https://ysd.hk/zh-Hant/showcase?category=education-institutions)

 [ ![網頁設計: ADMIS Singapore Pte. Limited](https://ysd.hk/storage/resized/1027/500x/admis-detailpage-1.jpg) 

 ![網頁設計: ADMIS Singapore Pte. Limited](https://ysd.hk/storage/resized/1026/500x/admis-detailpage-2.jpg) 

### ADMIS Singapore Pte. Limited

 ](https://ysd.hk/zh-Hant/showcase/admis-singapore-pte-limited)- [ \#銀行 / 金融 ](https://ysd.hk/zh-Hant/showcase?category=banking-financial)
- [ \#上市公司 ](https://ysd.hk/zh-Hant/showcase?category=listed-companies)
- [ \#專業服務 ](https://ysd.hk/zh-Hant/showcase?category=professional-services)

 [ ![網頁設計: Culture4Good](https://ysd.hk/storage/webp/resized/5996/500x/culture4good-listingpage.webp) 

### Culture4Good

 ](https://ysd.hk/zh-Hant/showcase/culture4good)- [ \#專業服務 ](https://ysd.hk/zh-Hant/showcase?category=professional-services)

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

精選案例

- [全部案例](https://ysd.hk/zh-Hant/showcase)
- [網頁設計](https://ysd.hk/zh-Hant/showcase/web-design)
- [市場營銷](https://ysd.hk/zh-Hant/showcase/marketing)
- [品牌推廣](https://ysd.hk/zh-Hant/showcase/branding)
- [應用程式開發](https://ysd.hk/zh-Hant/showcase/apps-development)

我們的服務

- [服務概覽](https://ysd.hk/zh-Hant/services)
- [網頁設計](https://ysd.hk/zh-Hant/web-design)
- [市場營銷](https://ysd.hk/zh-Hant/marketing)
- [品牌推廣](https://ysd.hk/zh-Hant/branding)
- [應用程式開發](https://ysd.hk/zh-Hant/apps-development)
- [廣告方案](https://ysd.hk/zh-Hant/ads)

了解 YSD

- [關於YSD](https://ysd.hk/zh-Hant/about-ysd)
- [我們的客戶](https://ysd.hk/zh-Hant/clients)
- [合作夥伴](https://ysd.hk/zh-Hant/partners)
- [聯絡我們](https://ysd.hk/zh-Hant/contact)
- [網誌](https://ysd.hk/zh-Hant/blog)
- [加入我們](https://ysd.hk/zh-Hant/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-Hant/privacy-policy) 

 我想做一個類似香港健康情緒中心的項目 你們可以為我們製作類似的嗎？ 

 × 

 YSD AI  View Me   

     開始新對話 

      開始語音對話   

開始新的對話？

開始新對話將會清除目前的對話記錄。

 開始新對話 取消 

 Listening...