基于情感需求的醫療界面圖標設計

摘要：界面圖標作為設計系統的重要組成部分，在視覺規范性、美觀性、創新性上不斷受到設計師和用戶的關注。為了更好地設計醫療界面圖標，文章從情感設計的角度出發，基于情感需求理論，通過實例論證和分析醫療界面圖標設計存在的問題，提出了醫療界面圖標的可識別性、統一性、差異性、平衡性、共情性的情感設計原則，并從圖標風格、圖標色彩、圖標功能等方面研究了情感化醫療界面圖標設計，從而使醫療界面圖標設計更加符合情感需求以及具備情感吸引力和美學特征。

關鍵詞：情感化設計;圖標設計;醫療服務

中圖法分類號：TP391文獻標識碼：A

Medical interface icon design based on emotional needs

LI Siyuan

（School of Computer and Information Technology，Liaoning Normal University，Dalian，Liaoning 116000，China）

Abstract：As an important part of the design system， interface icons are constantly being paid attention to by designers and users in terms of visual specification，aesthetics and innovation. In order to better design medical interface icons，from the perspective of emotional design， based on the theory of emotional needs， this paper demonstrates and analyzes the problems existing in medical interface icon design through examples， and proposes the recognizability， unity and difference of medical interface icons. Emotional design principles of balance and empathy， and researched the design of emotional medical interface icons from the aspects of icon style， icon color， icon function， etc.， so as to make medical interface icon design more in line with emotional needs， emotional appeal and aesthetics feature.

Key words： emotional design， icon design， medical service

1背景

1.1圖標設計現狀

為提升醫療界面圖標的實用性，設計人員不僅要重視功能完善、應用方便、布局合理、雅觀大方等，還要從用戶的情感需求和使用價值角度出發，整合、優化情感元素，使醫療界面圖標有利于用戶在就醫或接受醫療服務時緩和焦慮情緒、減少不適感[1]。

1.2目的及意義

醫療界面圖標有優化和改進的空間，須簡化界面元素及應用流程。在醫療界面圖標設計中需要融入情感元素，減輕用戶的認知負擔，同時幫助老年人便捷獲取醫療信息，降低排斥感。

2情感需求

情感需求是指人們對事物在感情上的滿足和心理上的認同。隨著經濟蓬勃發展，人們的消費觀念和消費水平也在逐步變化和提高。在心理上得到滿足感及愉快感，也逐步成為人們選購產品的主要緣由[2]。

心理學家唐納德·諾曼（ Donald Norman）提道美和情感對設計的作用時，闡述了作為情感需求的本能、行為和反思的三個層次。我們可以將其應用到醫療界面圖標設計中：本能需求是生來即有的，如對安全、食品等最基礎的需求與渴望等。設計人員在醫療界面圖標設計中應該優化用戶的視覺體驗，注重美觀性，提高用戶注意力，使其產生點擊欲;行為需求需要后天的經驗積累，設計人員在設計醫療界面圖標時應注重布局，了解用戶的真實或隱藏需求，通過圖標的共情性使用戶與產品之間產生情感聯系;反思需求是指用戶在使用產品時理性多于感性，適當增添交互功能，讓用戶得以實踐、判辨、反思。

3圖標設計

圖標可以把冗繁的信息變成直白明晰的圖像，使用戶一目了然[3]。在界面中，用戶可以通過辨別圖像完成交互操作。從各種軟硬件的操作界面到實景場地的指示牌，可以說生活中處處有圖標。在各種操作系統中，界面圖標具有導航功能，用戶的使用感受關乎其對界面圖標的最初印象。人們識別圖像較識別文字更加敏銳、視覺印象更加強烈，因此為提高產品使用效率，好的界面圖標設計不可或缺（圖1）。

4情感需求設計原則

4.1可識別性

可識別性是圖標設計的基本原則，它所象征的含義可以被確切地表達出來，便于用戶迅速了解其所表達的含義。識別信息、傳遞信息是圖標設計的靈魂[4]。例如，界面圖標從最初的黑色、白色及灰色到 Macintosh 公司設計出應用在 iOS 系統中的第一款多色圖標。后來，從蘋果筆記本電腦到蘋果手機，設備不斷更新和發展，由其引領的擬物化圖標（圖2）成為發展歷程中的一個里程碑。它的風格和顏色愈加豐富，但是人們發現，過于豐富的圖標樣式會對用戶的辨識產生干擾效應（即“視覺噪聲”），妨礙用戶對圖標信息的獲取，從而影響識別。因此，圖標在力求美觀的前提下，更應在功能性、應用性上提高可識別性。提高醫療界面圖標的可識別性可以方便用戶理解其功能，減少誤操作，從而有效減緩用戶的焦慮情緒，緩和醫患關系。

4.2統一性

統一性指的是圖標大小、風格、規范特征等統一，以使其外觀整體協調一致。調整造型規范、圓角尺寸、線框厚度、色彩式樣等細節，使圖標外觀協調。首先，圖標尺寸須協調，在 iOS 系統上最合適點擊的對象面積為44×44pt，其中功能圖標的尺寸為48px 擴大或縮減4的倍數。Android 系統的功能圖標的尺寸為48px 擴大或縮減8的倍數。其次，風格包括面性、線性、線面性相結合、單雙形剪影、文字性、符號性、彩色漸變、擬物化等（圖3）。為保持風格統一，可適當搭配兩種及以上風格，若過度使用則使得用戶視覺體驗不佳。此外，圖標規范要統一。例如，圓角規范中“外圓角半徑-直線高度=內圓角半徑”，設計時需要遵循圓角規范，有利于保持圖標的統一性。當醫療界面圖標統一時，可以使用戶獲得舒適的體驗，并留下深刻的印象。

4.3差異性

圖標須突出其所代表的核心功能，同時圖形的外輪廓、形狀、色彩等元素應表現出差異化，使用戶易于分辨且留下深刻的印象。我們應分辨統一性與差異性，統一在于圖標風格、樣式、形式的統一，差異在于圖標與圖標之間含義的差異。在統一的圖標下，我們應聚焦圖標之間的差異性（圖4），以降低圖標之間的相似性。醫療界面圖標的種類多、細分內容較多，設計者應發揮相關優勢，提高其辯識度。

4.4平衡性

圖標設計的平衡性包括圖標大小及圖標疏密。為了保持圖標大小的平衡，不同形狀的圖標有不同的視覺感知區域。設計時應留有一定的面積，以進行光學平衡調節。人眼感知并不十分精確，其看到的物體尺寸、比例和真實像素分布并不是完全相同的。圓形、菱形、三角形、非正方形等都需要增加寬度和高度，以保證其在視覺上的均衡性。實際上，正方形圖標看上去比圓形圖標小，即當相同尺寸的圓形圖標與方形圖標并列時，正方形圖標在眼球所識別的區域比真實面積大（圖5）。如果圖標是不規則的，則為了保持平衡性，必須把它設計得更寬或者更高（圖6）。例如，“搜索文本框”與“發送按鈕”并列時，應增加后者的半徑，調節光學重量，達到視覺平衡。疏密影響平衡性是指當圖標中內部細節反差較大時，其重量感不均衡、視覺不和諧。因此，圖標具有平衡性才能使用戶獲得更佳的舒適感。

4.5共情性

圖標具有共情性，設計師在設計圖標時需要秉持“以人為本”的設計理念，摒棄“見物不見人”的設計思想。圖標設計始終圍繞尊重人、理解人、關心人來展開，一切以人的需求為出發點。例如，在醫療界面圖標中，“發燒”圖標可設計為生活中“熱敷毛巾”的形象，通過熱敷毛巾可了解其代表的功能（圖7）。此外，圖標設計可用比喻形式代表其功能的含義。例如，界面亮度調節功能可比喻為小太陽，進而設計圖標形象。采用此方式對圖標進行設計具有生活氣息，使圖標更具共情性、趣味性。為使圖標具有共情性，設計師需站在用戶的角度觀察、感知和使用圖標，并通過觀察法、訪談法、沉浸體驗以及調查問卷等方式了解用戶的情感需求。

5設計應用

5.1圖標風格設計

圖標的風格多種多樣，其在設計結構上分為抽象性圖標、具象性圖標以及抽象與具象相結合的圖標。抽象性圖標突破了實物三維造型范疇，通過點、線、面元素進行創意設計，圖標形式多樣、空間感充足，可通過二維進行圖標設計，使視覺沖擊力增強;具象性圖標以實物為依據，用戶易于理解且留有深刻印象，如擬物性圖標。與具象性圖標相比，抽象性圖標的局限性更小。

根據情感化需求原則，“時藥”APP 的圖標以線性風格為主，以面性風格為輔助。線性圖標纖細的線框圖形突顯出簡潔輕快的氣質、干凈明快的風格。使用輕量線條勾勒的圖標的直線硬朗、曲線柔美，整體趨于精美、細膩和輕量化，帶有圓角的特點，飽滿柔軟且豐潤。例如，發燒、咳嗽、腸胃等圖標采用弧線設計，使圖標有細節而不失活力（圖8）。

5.2圖標色彩設計

色彩在圖標中的作用主要體現在方便用戶辨識操作、豐富用戶藝術審美、滿足用戶的情感需求等方面。色彩不僅豐富了圖標的視覺效果，同時加強美感，有助于吸引用戶下載使用。將色彩心理學應用于圖標設計，基于用戶心理設計圖標，色彩的自然表現力、情感特征得以在圖標中反映出來。

5.3圖標功能設計

基于心理學家唐納德·諾曼的“情感需求三層次”理論，對老年人醫療界面圖標進行設計實踐。

本能需求：選擇“醫療作為設計主題，以淺藍色和深藍色為主色，用淡粉紅點綴圖標。圖標通過線條律動，將直線與曲線相結合，使運動、柔和、飄逸與安靜、剛強、質樸相輔相成。視覺上吸引用戶注意，緩解用戶就醫時的心理焦慮。

行為需求：其圖標是根據生命現象中人體所反映的狀態、行為和運動特征而設計的。例如，“創傷”意味著皮膚損傷。它是根據常見的手指皮膚刮擦現象設計的，并增加了情感設計，血滴形象變大，在刺激視覺時，使用藍色線性圖標來削弱紅色血滴帶來的張力。同時，其線性輕盈可以緩解焦慮;“咳嗽意為嗓子痛、感冒導致的癥狀，圖標設計以嘴巴張合為基礎，線性半圓為非封閉圖形且留有空隙，具有呼吸感，色彩選用黃色應用于半圓上，藍色與黃色作為對比色配合使用，以提高圖標的辨識度，使其醒目，且直觀表達圖標的含義。在健康的圖標設計中，“體重圖標以體重秤為形象，線性填充黑色，體現出圖標的設計理念，裝飾點選用黃色，醒目且有動感，有隨指針的左右擺動趨勢，宛如貼身體重秤隨時記錄，小巧可愛不失精致，符合大眾的認知習慣，易于理解且具有生活氣息，緊密貼合用戶日常習慣，同時提高共情性，有利于降低老年用戶的認知難度。此外，本設計中的“發燒”“感冒”“頭暈”“食道”“泌尿”等圖標也均按此思路進行了情感化設計。

反思需求：兼顧不同用戶群體的使用習慣、認知難度、審美情趣進行設計，在交互操作上通過點擊可填充灰色圖標，具有操作的成就感與樂趣感，吸引用戶積極使用（圖9）。

6結語

圖標承載了用戶的第一印象，優秀的圖標設計有助于增強產品的吸引力。設計師根據情感需求在醫療界面圖標設計中遵循差異性、統一性、平衡性、共情性原則，以提升用戶體驗滿意度與信任度。同時，通過顏色的合理搭配，可以加深用戶對界面圖標的印象，進一步拉近產品與用戶的距離。

參考文獻：

[1]余姝姝.基于老年人認知的應用程序界面圖標設計研究[D].杭州：浙江理工大，2018.

[2]趙陽.基于情感需求的 UI 界面中圖標設計研究[ J].工業設計，2020（7）：77?78.

[3]倪帥.手機應用軟件 icon 圖標設計研究[ J].中國文藝家，2019（11）：103?104.

[4]鄧朝暉.用戶界面（ UI ）圖標設計研究[ J].辦公自動化，2020，25（3）：63?64.

作者簡介：

李思遠（2000—），本科，研究方向：數字媒體藝術。