淺析軟件界面設(shè)計中肌理美感的表現(xiàn)

侯瑞明 王厚香 劉亞男 （河北傳媒學(xué)院 影視藝術(shù)學(xué)院 050000）

淺析軟件界面設(shè)計中肌理美感的表現(xiàn)

侯瑞明 王厚香 劉亞男 （河北傳媒學(xué)院 影視藝術(shù)學(xué)院 050000）

在數(shù)字時代，視覺藝術(shù)充斥著我們能知覺到的一切。隨著計算機(jī)技術(shù)的發(fā)展與成熟，軟件界面也開始作為一種藝術(shù)的表現(xiàn)形式出現(xiàn)在我們的生活中，提升著我們的生活品位與質(zhì)量。肌理作為重要的視覺元素為優(yōu)秀軟件界面的設(shè)計助力。

肌理；軟件；界面；視覺

當(dāng)下我們進(jìn)入了一個以視覺圖像為中心的視覺文化時代。從電影電視到建筑雕塑，從廣告設(shè)計到游戲動漫，視覺藝術(shù)充斥著我們能知覺到的近乎一切。在數(shù)字技術(shù)的支持下，各類數(shù)字產(chǎn)品的推陳出新增添了視覺藝術(shù)的表現(xiàn)形式。其中數(shù)字產(chǎn)品用以與用戶交流的平臺——軟件界面成為視覺藝術(shù)的新舞臺。軟件界面，也可以說是圖像顯示界面（Graphical User Interface，GUI），是人與計算機(jī)或多媒體設(shè)備等之間的信息交流界面，它的職能是信息顯示，用戶通過此界面可以了解機(jī)器執(zhí)行命令時和執(zhí)行后的狀況。軟件界面是人機(jī)的一個直觀的信息交流媒介，通常包括了圖、文、聲、光等可釋讀的要素。硬件與軟件界面之間的協(xié)作則通過計算機(jī)來實(shí)現(xiàn)。人機(jī)界面設(shè)計直接關(guān)系到人機(jī)系統(tǒng)的可使用性及其效率，以及人們在工作與生活中的主導(dǎo)地位。它是介于用戶和計算機(jī)系統(tǒng)之間人與數(shù)字媒體之間傳遞、交換信息的媒介，是用戶使用各類數(shù)字設(shè)備的系統(tǒng)的綜合操作環(huán)境。軟件為我們創(chuàng)造出了一個虛擬認(rèn)知的世界，展現(xiàn)那些不具有物理實(shí)質(zhì)的思想和觀念，是一個直觀的信息交流媒介，包括了圖、文、聲、光等眾多可釋讀的要素。在軟件界面這個虛擬的環(huán)境中，肌理同形狀與色彩等其他視覺要素一樣為搭建起這個平臺做出了很大的貢獻(xiàn)。

通常肌理感或是質(zhì)感是由我們的觸覺所引起的，但其實(shí)視覺也可以通過過往積累的觸覺經(jīng)驗(yàn)來感知不同的肌理，所以肌理也可以分為觸覺肌理和視覺肌理兩類。其中,視覺肌理是以視覺的方式進(jìn)行的觸覺表現(xiàn)，有助于我們對事物形態(tài)進(jìn)行認(rèn)識，可以對信息豐富性進(jìn)行增強(qiáng)，并提高視覺信息接收的質(zhì)量。

一、肌理可以成為軟件界面重要的功能提示手段

肌理或質(zhì)地是指事物外觀是粗糙還是光滑，是有規(guī)則或無規(guī)則的狀態(tài)。它是界面元素設(shè)計之美的重要體現(xiàn)。由于軟件的虛擬性，屏幕上呈現(xiàn)的元素不可能有真正的質(zhì)地，但是設(shè)計師可以通過視覺設(shè)計手段向用戶展現(xiàn)它,利用肌理給人的心理感受來實(shí)現(xiàn)引導(dǎo)用戶使用的作用，物質(zhì)材料能給人們帶來的心理效應(yīng)是多樣的，如鋼材表面材質(zhì)的冷峻穩(wěn)固、圓潤亮麗，玻璃的細(xì)膩潔凈感，竹藤淳樸流暢，鐵銹物品表面的濁腐感等，通過這些能夠產(chǎn)生愉悅質(zhì)感或厭惡質(zhì)感的肌理表現(xiàn)，可以引導(dǎo)用戶在使用過程中的行為，或形成反饋。我們知道，軟件界面中的交互或互動既不是單單指動畫使用和視頻播放等，它是一種“用戶控制和活動體驗(yàn)”的過程。優(yōu)秀的人機(jī)界面是要求做到美觀易懂、操作簡單并且具有引導(dǎo)功能的，這些特質(zhì)會令使用者感受到愉快，引起他們的強(qiáng)烈興趣，并由此提高使用效率。因此，利用眾多設(shè)計元素形成能夠令用戶產(chǎn)生愉悅的體驗(yàn)過程十分重要。在這其中，肌理的恰當(dāng)表現(xiàn)就可以成為軟件使用過程中重要的功能提示或引導(dǎo)手段。例如在手機(jī)的軟件用戶界面中，由于數(shù)字觸屏技術(shù)的發(fā)展與成熟，使得當(dāng)下手機(jī)供應(yīng)商為用戶提供了越來越大的屏幕。在這樣的情況下，硬件不得不為軟件讓路，使硬件鍵盤退出了歷史舞臺，轉(zhuǎn)向了軟件平臺，如何實(shí)現(xiàn)鍵盤的視覺表現(xiàn)呢？聰明的UI設(shè)計師將實(shí)體鍵盤描摹下來展現(xiàn)在了軟件平臺上。其中，手機(jī)鍵盤突起的肌理效果就是明顯的例證，設(shè)計師非常精細(xì)地利用肌理表現(xiàn)將鍵盤的未選擇、點(diǎn)擊以及使用過后的狀態(tài)進(jìn)行了分類表現(xiàn)，為用戶提供了良好的信息反饋。如今，多數(shù)觸屏手機(jī)中的按鍵表現(xiàn)都是利用肌理變化來進(jìn)行設(shè)計，引導(dǎo)用戶使用的。

二、肌理可以幫助軟件界面實(shí)現(xiàn)風(fēng)格化

肌理還可以幫助軟件界面實(shí)現(xiàn)風(fēng)格化和統(tǒng)一化效果。它是打造情感化界面氛圍，建立產(chǎn)品與用戶間情感聯(lián)系的重要手段。“風(fēng)格就是服從所用材料的各種條件的一種表現(xiàn)方式，而且它還要適應(yīng)一定藝術(shù)種類的要求和從主題概念生出的規(guī)律。”[1]產(chǎn)品設(shè)計形成的不同的風(fēng)格是它走向成熟的標(biāo)志。風(fēng)格是對形式的抽象，當(dāng)產(chǎn)品形成某種審美形象后，它相對穩(wěn)定的形式特征就被升華為一種風(fēng)格。設(shè)計師的個性特征可以通過產(chǎn)品的實(shí)踐體現(xiàn)，并形成風(fēng)格，它是創(chuàng)造主體的主體性表征。因此，產(chǎn)品的設(shè)計風(fēng)格是產(chǎn)品的形象體系及其表現(xiàn)手法在結(jié)構(gòu)上的統(tǒng)一。在軟件界面的設(shè)計中，相對于多變的色彩和形狀而言，肌理的使用往往是趨于一致的，它是較為穩(wěn)定的一個設(shè)計元素，因此也是形成界面統(tǒng)一化的重要因素。在軟件界面的設(shè)計中肌理效果在圖標(biāo)系統(tǒng)、對話框、背景等所有設(shè)計元素中的統(tǒng)一使用極容易產(chǎn)生風(fēng)格化的效果。現(xiàn)在，很多UI設(shè)計師都開始注重風(fēng)格化的表現(xiàn)，設(shè)計出了很多風(fēng)格迥異極具特色的UI作品，有的精練簡約,有的帶有明顯的地域風(fēng)格，有的則具有強(qiáng)烈的質(zhì)感沖擊。

三、肌理可以賦予軟件界面視覺沖擊及美感

色彩的明度對肌理效果有著顯著的影響：光滑柔和的表面其色彩的明度較高，使人感到細(xì)膩、柔軟、光潔、涼爽等，是令人愉快的肌理感；粗糙的表面其顏色的明度較低，在光照下陰影效果強(qiáng)于高光，給人粗、澀、臟、亂等不愉悅的心理反應(yīng)。所以在軟件界面設(shè)計中，通常使用視覺愉悅觸感的材質(zhì)或元素進(jìn)行設(shè)計，因?yàn)槭褂脩趔w驗(yàn)到舒適是設(shè)計者考慮的重點(diǎn)問題，通過對光、色的微妙調(diào)整，結(jié)合人們以往經(jīng)驗(yàn)，形成視覺質(zhì)感來傳遞愉悅的感受，這就是為什么我們把肌理看做界面視覺設(shè)計的關(guān)鍵造型語言的原因，通過將它與形態(tài)、色彩元素進(jìn)行整合達(dá)到軟件界面視覺美感的效果。

由于物質(zhì)材料具有各自不同程度的明暗亮度及反光性能。我們常見物質(zhì)的視覺肌理效果有兩種：第一，材料不同的高低起伏的表面使人產(chǎn)生粗糙或平滑觸感體驗(yàn)；第二是根據(jù)材料表面的紋路、色彩的疏密所產(chǎn)生的不同的視覺效果。在界面設(shè)計中，盡量使用例如金屬、玻璃等光滑舒暢的肌理效果能夠使用戶產(chǎn)生愉悅觸感的材質(zhì)，這是設(shè)計師們的心得。運(yùn)用材料的這些光感肌理對手機(jī)軟件界面元素進(jìn)行恰當(dāng)?shù)脑O(shè)計，可以給用戶心理帶來明快、流暢、運(yùn)動變化的視覺美感。如玻璃、金屬材料等表面效果，經(jīng)過形狀的變化給人帶來視覺感受都可以被用在手機(jī)圖標(biāo)和背景的設(shè)計中，iPhone的界面設(shè)計就遵循了這樣的原則。當(dāng)然，有的設(shè)計師也會用一些極有創(chuàng)意感的肌理來進(jìn)行界面的設(shè)計，例如使用金屬、橡皮泥的肌理等。

四、結(jié)語

軟件界面是當(dāng)下數(shù)字視覺藝術(shù)的重要組成部分，它的出現(xiàn)提升了人機(jī)交互的方式和效率。肌理作為重要的重要的視覺設(shè)計元素成為優(yōu)秀界面設(shè)計師實(shí)現(xiàn)功能、表現(xiàn)風(fēng)格、形成視覺沖擊力及美感的必要手段。

（德）黑格爾，朱光潛譯.美學(xué).（第一卷）[M].商務(wù)印書館，1996.