在界面設計的應用領(lǐng)域, 網(wǎng)易、騰訊等大型互聯(lián)網(wǎng)公司多次提出以情緒板設計方法進(jìn)行設計創(chuàng )意。根據情緒板設計方法, 設計實(shí)現的過(guò)程為根據意向語(yǔ)義尋找參考圖像, 并從參考圖像中提取設計元素進(jìn)行設計。在實(shí)際應用中發(fā)現, 對于從參考圖像進(jìn)行設計元素提取的過(guò)程主要依賴(lài)于設計師的經(jīng)驗積累或直覺(jué)獲取, 過(guò)程較為抽象, 具有不確定性。所以需要為設計者提供從視覺(jué)圖像中提取設計元素的參考方法。
一、設計元素的符號學(xué)解讀
從圖像中提取設計元素的過(guò)程是通過(guò)材料刺激來(lái)驅動(dòng)思考的過(guò)程, 是將抽象的視覺(jué)感受轉化為具象的設計元素的創(chuàng )意思考過(guò)程。符號學(xué)是設計過(guò)程中重要的方法論, 包含了許多思考途徑, 為設計師提供了重要的參考方式。軟件界面設計中包括了小圖標的設計、文字排版、頁(yè)面布局、色彩等設計元素, 這些設計元素本身就是一種符號。所以對于界面設計中設計元素的提取, 可參考符號學(xué)的角度分類(lèi)。
根據符號學(xué)特征, 將設計符號分為語(yǔ)意, 語(yǔ)境, 語(yǔ)用, 語(yǔ)構成四個(gè)維度:語(yǔ)意在界面設計中表現為通過(guò)圖標、構圖形式等設計所表達出產(chǎn)品所具有的功能性, 如頁(yè)面跳轉功能、上下左右滑動(dòng)功能, 以及各個(gè)小圖標表達出的購物籃、個(gè)人中心等具體使用功能;語(yǔ)境研究的是設計中符號的區域性與時(shí)代性, 是社會(huì )化的考慮范疇, 由于區域和時(shí)代的劃分, 用戶(hù)對相同事物的認知會(huì )隨時(shí)空和區域的不同而有所區別;語(yǔ)用研究的是用戶(hù)的使用經(jīng)驗、習慣等因素對于設計元素使用的影響, 符合用戶(hù)使用習慣的設計能夠提升用戶(hù)對產(chǎn)品的認知度;語(yǔ)構研究的是視覺(jué)圖像的構成形式, 通過(guò)對視覺(jué)參考圖像的提煉概括、變異修飾、分解再構等設計手法, 通過(guò)對原有的參考圖像在表現形態(tài)方面的變換, 得出適合的設計元素。
二、設計元素提取原則
在進(jìn)行元素轉化時(shí), 首先設計師要收集資料, 對產(chǎn)品目標和用戶(hù)需求有深刻的理解, 在大腦中形成相應目標體系, 包括目標人群喜好、產(chǎn)品風(fēng)格特征以及產(chǎn)品核心價(jià)值觀(guān)等一系列的約束與期望, 這些約束與期望就是產(chǎn)品的符號學(xué)語(yǔ)境。然后, 設計師應從產(chǎn)品的語(yǔ)用功能和語(yǔ)意出發(fā), 結合元素的語(yǔ)構特征, 設計出符合需求的作品。最后從符號學(xué)語(yǔ)構角度進(jìn)行設計元素的提取, 并將其向圖案、色彩、構圖等設計要素進(jìn)行映射。接下來(lái)提出具體設計元素提取方法。
(一) 圖形線(xiàn)條提取
在界面設計中的圖形設計元素提取過(guò)程中, 首先要分析圖片素材的特征, 根據符號學(xué)特性進(jìn)行映射。根據符號學(xué)理論, 設計符號學(xué)映射分為顯性映射和隱性映射。其中, 顯性映射主要適用于紋理可直接用在界面設計中的圖片, 通常是作為APP的背景底紋素材;隱性映射為通過(guò)常用的設計方法對視覺(jué)圖案進(jìn)行再創(chuàng )造, 適用于較為復雜的圖案, 一般參考原型為生活中的實(shí)體物品, 設計師通過(guò)提取輪廓線(xiàn), 對其簡(jiǎn)化、夸張變形、重復等手段對其再設計, 作為界面設計中的圖標或裝飾元素。
 (二) 色彩的提取
依據界面設計的風(fēng)格, 選取能夠表達相應設計風(fēng)格的圖片。從圖像中選取顏色可通過(guò)Photoshop軟件來(lái)完成, 使用Photoshop中“存儲為Web和設備所用格式”的方法, 顏色選擇為4種或8種顏色得到色彩方案。
 (三) 構圖形式的提取
構圖形式的產(chǎn)生需要根據圖片素材的構圖形式來(lái)推測相應的排版來(lái)完成。具體參考方法為:根據設計的主題風(fēng)格和功能需求, 構建整體范圍的外形線(xiàn)為界面邊界, 將專(zhuān)題內容依據信息層級填充進(jìn)較大的圖形輪廓中。