Hong Kong Mood Disorders Centre - 精選案例 - 香港網頁設計公司 | 客製化系統開發與全方位數碼營銷 - YSD # 香港健康情緒中心 ![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) ## 對此類項目有興趣？ 從構想到實現，我們與您同行。歡迎免費諮詢。 ## 相關作品 [ ![網頁設計: NextRoles](https://ysd.hk/storage/resized/2373/500x/nextrolse-detailpage-2.jpg) ### NextRoles ](https://ysd.hk/zh-Hant/showcase/nextroles)- [ \#專業服務 ](https://ysd.hk/zh-Hant/showcase?category=professional-services) [ 焦點 ![網頁設計: Hunter Guide Holding Limited](https://ysd.hk/storage/resized/1862/500x/hunterguide-detailpage-01.jpg) ![網頁設計: Hunter Guide Holding Limited](https://ysd.hk/storage/resized/1861/500x/hunterguide-detailpage-02.jpg) ### Hunter Guide Holding Limited ](https://ysd.hk/zh-Hant/showcase/hunter-guide-holding-limited-2)- [ \#專業服務 ](https://ysd.hk/zh-Hant/showcase?category=professional-services) [ ![品牌推廣: 香港浸信會醫院日間醫療中心](https://ysd.hk/storage/resized/5151/500x/6022628178ef7.jpg) ![網頁設計: 香港浸信會醫院日間醫療中心](https://ysd.hk/storage/resized/493/500x/hkbh-detailpage-1.jpg) ### 香港浸信會醫院日間醫療中心 ](https://ysd.hk/zh-Hant/showcase/hong-kong-baptist-hospital-ambulatory-medical-centre)- [ \#商標設計 ](https://ysd.hk/zh-Hant/showcase?category=logo-design) - [ \#醫療 ](https://ysd.hk/zh-Hant/showcase?category=medical) - [ \#專業服務 ](https://ysd.hk/zh-Hant/showcase?category=professional-services) [ ![網頁設計: 壹專業人力資源顧問](https://ysd.hk/storage/resized/2646/500x/pro-1-listingpage.jpg) ### 壹專業人力資源顧問 ](https://ysd.hk/zh-Hant/showcase/pro-1-human-resource-consultants)- [ \#專業服務 ](https://ysd.hk/zh-Hant/showcase?category=professional-services) [ ![網頁設計: 浪淘有限公司](https://ysd.hk/storage/webp/resized/5813/500x/sandywave-homepage.webp) ![品牌推廣: 浪淘有限公司](https://ysd.hk/storage/webp/resized/2738/500x/sandy-wave-detailpage-banner.webp) ### 浪淘有限公司 ](https://ysd.hk/zh-Hant/showcase/sandy-wave-limited)- [ \#廣告 ](https://ysd.hk/zh-Hant/showcase?category=advertising) - [ \#專業服務 ](https://ysd.hk/zh-Hant/showcase?category=professional-services) - [ \#商標設計 ](https://ysd.hk/zh-Hant/showcase?category=logo-design) [ ![網頁設計: 香港中文大學 - 醫學院](https://ysd.hk/storage/webp/resized/4819/500x/5722e6821d7cb.webp) ![網頁設計: 香港中文大學 - 醫學院](https://ysd.hk/storage/webp/resized/3867/500x/56ea43486bfd4.webp) ### 香港中文大學 - 醫學院 ](https://ysd.hk/zh-Hant/showcase/cuhk-faculty-of-medicine)- [ \#香港中文大學 ](https://ysd.hk/zh-Hant/showcase?category=cuhk) - [ \#學校及教育機構 ](https://ysd.hk/zh-Hant/showcase?category=education-institutions) [ ![網頁設計: PegPerego](https://ysd.hk/storage/resized/2524/500x/pegperego-detailpage-01.jpg) ![網頁設計: PegPerego](https://ysd.hk/storage/resized/2525/500x/pegperego-detailpage-02.jpg) ### PegPerego ](https://ysd.hk/zh-Hant/showcase/pegperego)- [ \#消費產品 ](https://ysd.hk/zh-Hant/showcase?category=consumer-products) - [ \#Wordpress ](https://ysd.hk/zh-Hant/showcase?category=wordpress) [ ![網頁設計: Cruise Sensations](https://ysd.hk/storage/resized/586/500x/cruise-sensations-detailpage-1.jpg) ![網頁設計: Cruise Sensations](https://ysd.hk/storage/resized/585/500x/cruise-sensations-detailpage-2.jpg) ### Cruise Sensations ](https://ysd.hk/zh-Hant/showcase/cruise-sensations)- [ \#旅遊 ](https://ysd.hk/zh-Hant/showcase?category=travel) - [ \#Wordpress ](https://ysd.hk/zh-Hant/showcase?category=wordpress) [EN](https://ysd.hk/en/showcase/hong-kong-mood-disorders-centre) | 繁 | [简](https://ysd.hk/zh-Hans/showcase/hong-kong-mood-disorders-centre) [](https://www.facebook.com/YSD.hk) [](https://www.instagram.com/ysd.hk/) [](https://x.com/YSDinteractive) [](https://www.youtube.com/user/ysdhk) 精選案例 - [全部案例](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/career) [](https://www.facebook.com/YSD.hk) [](https://www.instagram.com/ysd.hk/) [](https://x.com/YSDinteractive) [](https://www.youtube.com/user/ysdhk) [![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) [ ](https://api.whatsapp.com/send?phone=85296796007)