摘要:常見的信息提供者無非更多的是基礎(chǔ)的文文本和配圖。相對來講,這兩者都是能夠通過自身所具有的時代特征來影響受眾的行為感知。當然它們之間也有一定的區(qū)別。文字的準確性較圖片而言更強,所反映的信息內(nèi)容更加明確、精準。而圖片相對便于受眾閱讀。避免了文字信息閱讀過程中所產(chǎn)生的視覺層面上的倦怠感。圖片更重要的是對于形象對象的描繪和表達,從而以圖形化的特征來表達提供者所愿意被受眾感知到的信息內(nèi)容。也就是說圖片對于信息的傳達速度更快,但是精準度稍遜色于文字信息。但是,經(jīng)過一定的設(shè)計手段潤色,同樣可以肩負起對于信息準確表達的功能作用。
關(guān)鍵詞:界面;設(shè)計方法;視覺化
人們的生產(chǎn)生活離不開所存在的物質(zhì)社會環(huán)境載體。日新月異的生活方式的變化使得我們對于事物的感知和評判標準都隨之改變。但是亙古不變的方式在于民眾對環(huán)境信息的接納。這種常見的生活方式也存在著多種形式的變通,比如,對于有形事物的觀察,并隨之進行自主判斷;再者,也有對于基本信息的閱讀,進而產(chǎn)生所對應(yīng)的認知和行為。不論是哪種方式,民眾都是作為承受體而存在的。既然有了承受體,那么固然在形成信息感知過程中存在提供者。關(guān)于信息的提供也并不都是主動或直接的。有的信息是需要受眾去進行內(nèi)容層面的閱讀,比如文本信息;而有的信息是需要通過外觀形式外加受眾本身的思考理解而形成出對于事物或信息的判斷感知,比如配圖。它們各有特征優(yōu)勢。對于設(shè)計過程而言,字與圖作為基本的構(gòu)成元素,在設(shè)計層面上分別需要適配不同的細節(jié)原理。
一、界面的設(shè)計原理
關(guān)于界面設(shè)計的原理步驟,其實蘊藏在界面構(gòu)成元素中的方方面面。宏觀上講,組成界面的元素分區(qū)大致有以下幾個方面:第一,合理的信息架構(gòu)內(nèi)容層次;第二,合適的界面布局站位劃分;第三,美觀的視覺細節(jié)表現(xiàn)。這三者分別影響到界面呈現(xiàn)的合理性和美觀性,互為影響、互為補充、缺一不可。其中視覺美觀程度的范疇里關(guān)于設(shè)計的空間是最為明顯的。界面設(shè)計的視覺一般由界面圖標、控件按鈕、文案信息、配色原理、占位布局等方面構(gòu)成。關(guān)于界面交互實現(xiàn)系統(tǒng)中圖標按鈕的重要性不言而喻。在意義上它能夠指代具體的功能性選擇;在形式上能夠便于受眾進行識別選擇,最終輔助交互過程的順利實現(xiàn)。所以說界面圖標本身是具有明確的指代性,審美層面上的美觀性以及設(shè)計技巧方面的識別性特征。
二、界面圖標的設(shè)計
圖標的視覺識別建立在它本身自帶的信息內(nèi)容層面的基礎(chǔ)之上,伴隨其中的還有設(shè)計風格的確定。雖說設(shè)計風格是一個比較宏大的概念體系,每一件設(shè)計作品中都有風格建立的關(guān)鍵性步驟,但是在界面中由于圖標具有自身的獨立性,這種獨立性包括使用交互和美觀化表達。所以關(guān)于圖標與整個界面的風格匹配程度的要求更加具體。隨著近20年電商行業(yè)的發(fā)展,各類應(yīng)用程序界面層出不窮,涵蓋在我們?nèi)粘I钪械母鞣N使用場景。同時對于消費者定位層面來講,界面設(shè)計納入在程序視覺呈現(xiàn)范圍,那么就要求每一款界面產(chǎn)品都應(yīng)該有自己的針對性使用人群。也就是說,種類迥異的應(yīng)用程序視覺界面風格化設(shè)計也不盡相同。尤其是界面設(shè)計發(fā)展以來,它的呈現(xiàn)形式風格出現(xiàn)了階段性的改變,從擬物化到扁平化到輕質(zhì)感這三項不同的階段性風格,能夠反映出每個周期時下流行的趨勢特征。但是相對而言,設(shè)計風格的變化并不代。某種風格的正確或錯誤。在設(shè)計風格的概念中沒有對與錯,只是流行趨勢的不同造成差異化的表現(xiàn)。
三、界面視覺的設(shè)計
界面視覺的設(shè)計要遵從程序本身的訴求調(diào)性,要符合產(chǎn)品本身的品牌文化建立。由此才能產(chǎn)生出有效的、合適的視覺方案,同時誕生出情緒版和色彩匹配指導(dǎo)意見,以及用戶準確定位的方面。前面的視覺管理是設(shè)計后期階段的主力任務(wù)。它決定了應(yīng)用程序本身釋放出來的質(zhì)感和品牌定位,從中可以讓受眾感受到程序本身設(shè)計過程中表現(xiàn)出來的用心程度,以及設(shè)計團隊的專業(yè)性。這些特征都可以影響受眾的選擇認知。在此之前更重要的是對于界,視覺交互稿互生關(guān)系的確立,也就是界面主次層次的劃分,相當于應(yīng)用程序產(chǎn)品本身架構(gòu)的合理程度。視覺效果是建立在一定的合理性基礎(chǔ)之上的,如果沒有信息架構(gòu)的合理存在,那么一切視覺層面上的美觀處理都是徒勞。視覺稿的互生關(guān)系合理化,需要從用戶感受、用戶體驗層面上進行分析,結(jié)合自身應(yīng)用程序產(chǎn)品的功能特征進行換位思考,從而實現(xiàn)良好的用戶體驗過程。
參考文獻:
[1]張寶,劉俊霞,王小萌.基于視覺感知特性的人機交互界面評價[J].合肥工業(yè)大學學報(自然科學版),2019,42(12):1592-1596.
作者簡介:吳倩(1990-),女,講師,碩士,四川工商學院專職教師,主要研究方向為視覺傳達設(shè)計。