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

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

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

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

肌理；軟件；界面；視覺

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

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

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

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

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

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

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

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

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

四、結(jié)語(yǔ)

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

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