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-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) ## 对此类项目有兴趣？ 从构想到实现，我们与您同行。欢迎免费咨询。 ## 相关作品 [ ![网页设计: HOS VeiligheidsCombi](https://ysd.hk/storage/webp/resized/3819/500x/5a72bc2f3928e.webp) ![品牌推广: HOS VeiligheidsCombi](https://ysd.hk/storage/webp/resized/3810/500x/5a7d1cad83b51.webp) ### HOS VeiligheidsCombi ](https://ysd.hk/zh-Hans/showcase/hos-veiligheidscombi)- [ \#专业服务 ](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=logo-design) [ ![网页设计: 凸版利丰雅高有限公司](https://ysd.hk/storage/webp/resized/2957/500x/toppanleefung-detailpage-1.webp) ![网页设计: 凸版利丰雅高有限公司](https://ysd.hk/storage/webp/resized/2956/500x/toppanleefung-detailpage-2.webp) ### 凸版利丰雅高有限公司 ](https://ysd.hk/zh-Hans/showcase/toppan-leefung-pte-ltd)- [ \#Wordpress ](https://ysd.hk/zh-Hans/showcase?category=wordpress) [ ![网页设计: Chinese Poster](https://ysd.hk/storage/resized/1406/500x/chineseposter-detailpage-1.jpg) ![网页设计: Chinese Poster](https://ysd.hk/storage/resized/1405/500x/chineseposter-detailpage-2.jpg) ### Chinese Poster ](https://ysd.hk/zh-Hans/showcase/chinese-poster)- [ \#消费产品 ](https://ysd.hk/zh-Hans/showcase?category=consumer-products) - [ \#专业服务 ](https://ysd.hk/zh-Hans/showcase?category=professional-services) [ 焦點 ![网页设计: Arts Plus](https://ysd.hk/storage/resized/1187/500x/artsplus-detailpage-1.jpg) ![网页设计: Arts Plus](https://ysd.hk/storage/resized/1188/500x/artsplus-detailpage-2.jpg) ### Arts Plus ](https://ysd.hk/zh-Hans/showcase/arts-plus)- [ \#学校及教育机构 ](https://ysd.hk/zh-Hans/showcase?category=education-institutions) [ ![网页设计: BABE HERO](https://ysd.hk/storage/webp/resized/3233/500x/5d4001f120c5b.webp) ### BABE HERO ](https://ysd.hk/zh-Hans/showcase/babe-hero)- [ \#专业服务 ](https://ysd.hk/zh-Hans/showcase?category=professional-services) [ 焦點 ![网页设计: 红苹果旅游雇佣服务有限公司](https://ysd.hk/storage/webp/resized/5683/500x/anapplemaid-listingpage.webp) ### 红苹果旅游雇佣服务有限公司 ](https://ysd.hk/zh-Hans/showcase/an-apple-travel-employment-services-ltd)- [ \#专业服务 ](https://ysd.hk/zh-Hans/showcase?category=professional-services) [ ![网页设计: 香港中文大学 - 教育学院60周年](https://ysd.hk/storage/webp/resized/5734/500x/cuhk-60-listingpage-2.webp) ![网页设计: 香港中文大学 - 教育学院60周年](https://ysd.hk/storage/webp/resized/5730/500x/cuhk-60-detailpage-1-2.webp) ### 香港中文大学 - 教育学院60周年 ](https://ysd.hk/zh-Hans/showcase/cuhk-the-60th-anniversary-of-faculty-of-education)- [ \#学校及教育机构 ](https://ysd.hk/zh-Hans/showcase?category=education-institutions) [ ![品牌推广: 伟金建筑有限公司](https://ysd.hk/storage/webp/resized/4698/500x/56ebb52370739.webp) ![市场营销: 伟金建筑有限公司](https://ysd.hk/storage/webp/resized/5453/500x/5dbfa354e2382.webp) ![网页设计: 伟金建筑有限公司](https://ysd.hk/storage/webp/resized/3050/500x/welcomec-detailpage-2.webp) ### 伟金建筑有限公司 ](https://ysd.hk/zh-Hans/showcase/welcome-construction-company-limited)- [ \#摄影 ](https://ysd.hk/zh-Hans/showcase?category=photography) - [ \#Ecard ](https://ysd.hk/zh-Hans/showcase?category=ecard) - [ \#建筑 ](https://ysd.hk/zh-Hans/showcase?category=architects-interior-design) - [ \#工业 ](https://ysd.hk/zh-Hans/showcase?category=industrial) - [ \#专业服务 ](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://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-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/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-Hans/privacy-policy) [ ](https://wa.me/85296796007)