魏麗娟(石家莊財(cái)經(jīng)職業(yè)學(xué)院)
隨著5G 各類應(yīng)用技術(shù)的普及,界面設(shè)計(jì)的應(yīng)用領(lǐng)域逐漸在擴(kuò)大。之前,電子書需要在網(wǎng)頁上進(jìn)行瀏覽,隨著手機(jī)的功能逐漸強(qiáng)大,現(xiàn)在用戶可以把電子書下載到智能手機(jī)上,方便了人們的閱讀。本文基于電子書市場以及未來發(fā)展態(tài)勢,試圖探索并歸納總結(jié)電子書在界面設(shè)計(jì)中的表現(xiàn)。
UI 是 User Interface(用戶界面)的簡稱。UI 設(shè)計(jì)則是指對產(chǎn)品的人機(jī)交互、操作邏輯、界面美觀等多個(gè)內(nèi)容進(jìn)行整體設(shè)計(jì)。通常意義上來說,UI 設(shè)計(jì)主要包含三方面的內(nèi)容,一是研究圖形界面的設(shè)計(jì),即移動(dòng)端頁面、軟件界面、Web 頁面的設(shè)計(jì)等;二是交互設(shè)計(jì),即對整個(gè)項(xiàng)目的交互流程進(jìn)行設(shè)計(jì);三是用戶體驗(yàn)研究,主要通過多種渠道來了解用戶的體驗(yàn),為整個(gè)項(xiàng)目提供政策支持。界面設(shè)計(jì)是人與物體交換信息的媒介,它不僅涉及計(jì)算機(jī)科學(xué)、設(shè)計(jì)藝術(shù)學(xué)、人體工程學(xué),還涵蓋語言學(xué)、心理學(xué)、美學(xué)等領(lǐng)域。目前,手機(jī)、網(wǎng)頁、游戲等各類產(chǎn)品都能見到UI 設(shè)計(jì)的身影。
伴隨著科技技術(shù)的快速發(fā)展,計(jì)算機(jī)網(wǎng)絡(luò)是造紙和印刷術(shù)發(fā)明以來,人類又一個(gè)偉大創(chuàng)造,電子書應(yīng)運(yùn)而生。現(xiàn)在,手機(jī)、平板、電腦等價(jià)格逐漸平民化,其功能也變得尤為豐富。相對于紙質(zhì)書而言,電子書價(jià)格更為低廉,閱讀方式也更加方便,可以在公交上、火車上以及地鐵上或者任何地方進(jìn)行閱讀。故而,越來越多的紙質(zhì)書以電子書的形式進(jìn)行呈現(xiàn)。電子書即以文字或簡單的圖文排版的電子出版物為主,例如小說、散文等。電子書主要通過電腦、手機(jī)、平板等電子設(shè)備進(jìn)行閱讀。本文敘述的電子書就是基于電子設(shè)備(手機(jī))進(jìn)行閱讀的第三方應(yīng)用軟件。
1.獲取便捷,易于攜帶
現(xiàn)如今,網(wǎng)絡(luò)技術(shù)越來越發(fā)達(dá),有大量寶貴的資料為我們所用,電子書可以通過網(wǎng)頁直接下載到手機(jī)上。它不像紙質(zhì)書想閱讀還必須隨身攜帶,電子書對于用戶來說獲取便捷,攜帶方便,可以隨時(shí)隨地拿出來進(jìn)行翻閱。
2.領(lǐng)域廣闊,作用繁多
文字與圖像有時(shí)能夠達(dá)到相輔相成的效果,在手機(jī)上獲取電子書后,可以為觀者提供更為直觀的內(nèi)容。而且,書籍跟之前的出版方式不太一樣,它很好地把網(wǎng)絡(luò)上的文字變?yōu)閷?shí)體打印出來,為更多喜歡寫作的人提供了個(gè)人出版的機(jī)會。
1.點(diǎn)、線、面
設(shè)計(jì)人員在進(jìn)行電子書籍設(shè)計(jì)時(shí),經(jīng)常會使用一些設(shè)計(jì)元素來進(jìn)行修飾,這樣可以豐富界面的視覺效果,避免純文字界面給電子書籍帶來呆板、枯燥的效果。電子書籍設(shè)計(jì)中最基本的元素是點(diǎn)、線、面,三者結(jié)合使用,能夠豐富畫面。
(1)點(diǎn)。點(diǎn)是相對而言的,在當(dāng)前畫面中相對較小面積的元素稱為點(diǎn)。點(diǎn)可以是文字、圖形、色塊等,點(diǎn)是可見的最小的形式單元,具有凝聚視覺的效果。點(diǎn)也沒有一定的大小和形狀,可以是有規(guī)則的圓點(diǎn)、方點(diǎn)等,也可以是不規(guī)則的雨點(diǎn)、泥點(diǎn)等。如果把點(diǎn)運(yùn)用在電子書籍界面設(shè)計(jì)中,會構(gòu)成一幅生動(dòng)的畫面,所要表達(dá)的主題形象會更加突出,帶給用戶直觀的視覺畫面感。
(2)線。點(diǎn)與點(diǎn)之間的連線稱為線,線是點(diǎn)移動(dòng)的軌跡。線在電子書籍界面設(shè)計(jì)的視覺形態(tài)中既可以表現(xiàn)長度和寬度,也可以表現(xiàn)位置,常用在聚焦視線、引導(dǎo)、串聯(lián)和分割界面。在電子書界面設(shè)計(jì)中,應(yīng)用線元素可以使用戶跟隨線的移動(dòng)軌跡而移動(dòng),從而快速得知電子書界面當(dāng)中的信息。
(3)面。放大的點(diǎn)可以看作面,通過線的分割所產(chǎn)生的各種比例的空間也可稱作面。面有長度、寬度、方向、位置等屬性。面具有分割畫面、組合信息、深化主題的作用。在電子書界面設(shè)計(jì)中,把面的元素添加其中,可以使整個(gè)畫面更加豐富,具有美感和時(shí)尚感。
2.色彩
色彩是人們通過肉眼、腦和自身的生活經(jīng)驗(yàn)所產(chǎn)生的一種對光的視覺效應(yīng),是用戶對界面的第一感覺,更會影響用戶對界面的直觀感受,美觀的色彩能讓界面顯得更加整潔,也更具有吸引力。色彩具有色相、明度和飽和度這三個(gè)重要屬性,下面將其一一展開。
(1)色相。色彩是由光的波長長短決定的,而色相是指這些不同波長的色彩情況。波長最長的色彩是紅色,波長最短的色彩是紫色,跟其他顏色共同組成了十二色相環(huán)。設(shè)計(jì)人員可以通過色相環(huán)進(jìn)行色彩搭配,制作出豐富的界面效果,從而吸引用戶的注意力和關(guān)注。
(2)明度。明度是指色彩的明亮程度,一般來說,在黃色里添加的白色越多則越明亮,反之則越暗。色彩的明度也會影響眼睛對色彩輕重的判斷,例如,看到同樣的物體,暗色系的物體會使人感覺偏重,亮色系的物體會使人感覺偏輕。同樣,明度在電子書界面設(shè)計(jì)也會產(chǎn)生上述感受。
(3)飽和度。飽和度也稱純度,是指色彩的鮮艷程度。色彩的鮮艷程度越高,給人一種視覺沖擊力強(qiáng)的感覺;色彩的鮮艷程度越低,給人一種靜謐、舒適的感覺。通俗地講,設(shè)計(jì)人員可以在高純度的色彩界面中加入低純度的色彩進(jìn)行調(diào)和,可以使整個(gè)畫面顯得更加和諧,突出主題。
3.字體
字體是設(shè)計(jì)人員比較容易忽視但又極為重要的設(shè)計(jì)元素,字體設(shè)計(jì)得好可以讓電子書籍界面顯得更加協(xié)調(diào)和美觀。以下對電子書籍界面設(shè)計(jì)常用字體類型以及字體的特征進(jìn)行簡單介紹。
(1)黑體。黑體又稱等線體,無襯線修飾,筆畫橫平豎直,粗細(xì)大致一樣。黑體商業(yè)氣息濃厚,常給人以陽剛、氣勢、醒目等感覺。黑體的字體有很多,如華文系列黑體、方正系列黑體等。在電子書籍界面中的標(biāo)題經(jīng)常能看到黑體字的運(yùn)用,從而更加突出主題。
(2)宋體。宋體是相對傳統(tǒng)的字體,筆畫橫細(xì)豎粗,字體較為方正、結(jié)構(gòu)嚴(yán)謹(jǐn)。宋體整體給人一種端莊秀氣的感覺。常見的宋體有方正系列宋體、華文系列宋體等。在電子書籍界面設(shè)計(jì)的副標(biāo)題或者說明性文字能看到宋體字的應(yīng)用,它能夠給用戶帶來一種舒適之感。
(3)書法體。書法體是指具有書法風(fēng)格的字體,具有較強(qiáng)的文化底蘊(yùn),字形自由多變,鏗鏘有力。在一些電子書籍界面設(shè)計(jì)的標(biāo)題中采用書法體,用來表現(xiàn)中國優(yōu)秀傳統(tǒng)文化,展現(xiàn)中國特有的文化氣息和內(nèi)涵,給人一種揮灑自如的感覺。
(4)手寫體。手寫體是一種使用硬筆或者軟筆純手工寫出的文字,文字大小不一、形態(tài)多樣,帶著體溫的書寫出來的字體具有美觀性。常見的手寫體有方正靜蕾簡體、葉根友字體等。在電子書籍游戲界面設(shè)計(jì)中,采用手寫體能給人一種輕松愉悅之感。
好的界面設(shè)計(jì)不僅起著傳播信息的作用,而且還能使用戶從中獲得視覺上的享受。為了能夠使電子書的設(shè)計(jì)給用戶呈現(xiàn)更好的視覺效果,達(dá)到提升品牌形象、促進(jìn)產(chǎn)品銷售、傳播價(jià)值理念等目的,設(shè)計(jì)者應(yīng)從用戶的角度去思考,并了解其生活習(xí)性、操作習(xí)慣等特點(diǎn),尋求能夠滿足大多人追求的頁面設(shè)計(jì)。所以,設(shè)計(jì)人員在設(shè)計(jì)電子書籍界面時(shí)應(yīng)遵循以下原則:
第一,適用性。對于一個(gè)產(chǎn)品來說,其本身是為人民服務(wù)的,其展現(xiàn)的目的也要滿足用戶的需求,所以,適用性對產(chǎn)品的功能來說是極其重要的。功能的適用性主要分為實(shí)用功能的適用性和審美功能的適用性,二者相輔相成。實(shí)用功能的適用性是指產(chǎn)品界面的適用性,界面的設(shè)計(jì)應(yīng)追求簡潔大方、用戶熟悉的操作界面,讓用戶迅速快捷、輕松地獲取電子書籍的信息,而不是一味追求華麗、煩瑣的界面,反而忽視了用戶的日常生活習(xí)性;審美功能的適用性是指滿足在實(shí)用功能的適用性的前提之下提升產(chǎn)品界面帶給用戶的精神享受。
第二,規(guī)范性。每個(gè)產(chǎn)品界面都有一套屬于自己的設(shè)計(jì)規(guī)范,電子書籍界面設(shè)計(jì)屬于UI 設(shè)計(jì)的一部分,當(dāng)然也要遵守規(guī)范性原則。規(guī)范性原則可以減少時(shí)間上的消耗和溝通成本,讓整個(gè)界面最終的呈現(xiàn)效果與預(yù)期效果一致,提高用戶的體驗(yàn)度。
第三,統(tǒng)一性。通常來講,UI 都不是一個(gè)單獨(dú)的界面,也不是孤立存在的,它是由多個(gè)不同的界面組成的。在對整個(gè)界面設(shè)計(jì)時(shí),要注意界面的圖形、文字、色彩、構(gòu)圖、版式等元素的統(tǒng)一協(xié)調(diào);在對界面內(nèi)容進(jìn)行描述時(shí),界面的功能要與內(nèi)容的描述保持一致,避免同一功能的描述使用多個(gè)詞匯。統(tǒng)一性原則貫穿整個(gè)界面設(shè)計(jì),這就需要設(shè)計(jì)者反復(fù)斟酌再進(jìn)行設(shè)計(jì)。多變的設(shè)計(jì)風(fēng)格反而會給用戶造成閱讀的困擾,增加用戶的記憶負(fù)擔(dān)。統(tǒng)一性原則可以讓整個(gè)電子書的界面看起來井然有序,從而提升界面在用戶心目中的形象。
第四,易操作性。UI 不同于其他的平面,它會在界面設(shè)計(jì)中進(jìn)行一定的交互操作。因此,界面應(yīng)該具有方便易操作的特性,幫助用戶了解和使用產(chǎn)品,為用戶帶來便利服務(wù),也可以增加用戶對產(chǎn)品的操作信心,一學(xué)就會,減少使用產(chǎn)品的出錯(cuò)率。
一般來說,電子書的易操作性主要體現(xiàn)在進(jìn)行交互操作的按鈕上,按鈕和按鈕之間需要保持適當(dāng)?shù)木嚯x,同時(shí)要能夠引導(dǎo)用戶進(jìn)行操作,讓整個(gè)界面更加通俗易懂?,F(xiàn)代人都有一套自己的操作經(jīng)驗(yàn),逐步養(yǎng)成了自己的使用習(xí)慣。所以,在進(jìn)行界面設(shè)計(jì)時(shí),一定要遵循用戶的使用習(xí)慣,不能過于追求個(gè)性而忽視了用戶的使用范圍。
第五,層級性。一般而言,界面設(shè)計(jì)的內(nèi)容層次感分明、交互邏輯清晰會給用戶帶來良好的印象,而沒有層級關(guān)系的界面會讓用戶短時(shí)間內(nèi)找不到重點(diǎn),對整個(gè)界面產(chǎn)生混亂的感覺,從而產(chǎn)生不好的體驗(yàn)。即電子書籍在設(shè)計(jì)時(shí)要考慮層級關(guān)系,對內(nèi)容做整體的梳理,考慮信息之間的相互聯(lián)系,分清主次關(guān)系,然后按照一定的條理來進(jìn)行展示。
1.插畫風(fēng)格
插畫風(fēng)格廣泛應(yīng)用在界面設(shè)計(jì)當(dāng)中,除了用作界面中的提示類圖標(biāo)和功能按鈕外,還可以作為界面中的裝飾元素。一般說來,插畫風(fēng)格的UI 設(shè)計(jì)主要分為線性、線性加底色、面狀三種類型。插畫風(fēng)格可以增加界面的視覺效果,增強(qiáng)藝術(shù)感染力。
2.扁平化風(fēng)格
在UI 設(shè)計(jì)中,扁平化風(fēng)格一般運(yùn)用純色圖形或者插畫來打造畫面,界面一般簡明、干凈。扁平化的核心意義就是去掉界面冗余、繁雜的裝飾效果。
因此在設(shè)計(jì)上可將主要信息進(jìn)行突出,再通過形狀、色彩、字體等形式進(jìn)行表現(xiàn),讓整個(gè)電子書籍的界面呈現(xiàn)出清晰的層次感,給用戶帶來較為清爽的視覺感受。
3.簡約風(fēng)格
在UI 設(shè)計(jì)中,簡約風(fēng)格會給人一種舒適、簡單的感覺。簡約風(fēng)格常用在電子書提示頁、引導(dǎo)頁等界面。簡約風(fēng)格要求設(shè)計(jì)人員具有敏銳的觀察力,能夠準(zhǔn)確把握品牌的色調(diào)。在設(shè)計(jì)時(shí)多采用色調(diào)反差較小、冷暖色調(diào)的方式來達(dá)到簡約風(fēng)格的效果,也可通過恰當(dāng)?shù)牧舭讈磉_(dá)到簡約效果。
4.擬物化風(fēng)格
擬物化風(fēng)格是指通過設(shè)計(jì)將生活中的具體事物虛擬地表現(xiàn)出來。擬物化風(fēng)格比較貼近用戶的實(shí)際生活,可以讓產(chǎn)品產(chǎn)生真實(shí)感、讓用戶產(chǎn)生依賴感,并能夠指導(dǎo)用戶快速掌握操作界面的方法。設(shè)計(jì)人員運(yùn)用擬物化風(fēng)格時(shí),需要仔細(xì)觀察真實(shí)的事物,站在用戶的角度去思考問題,使設(shè)計(jì)的界面能夠被更多的用戶快速接受,也能滿足用戶的個(gè)性化需求。在一些電子界面設(shè)計(jì),也能看到擬物化風(fēng)格的手機(jī)書架設(shè)計(jì)中,模擬了真實(shí)的書架。
近年來,伴隨著網(wǎng)絡(luò)技術(shù)的迅猛發(fā)展,人們已經(jīng)不滿足于用紙質(zhì)書籍進(jìn)行閱讀,大多數(shù)人開始用手機(jī)閱覽文獻(xiàn)。電子書籍界面設(shè)計(jì)呈現(xiàn)出如下現(xiàn)狀:
1.用戶群體龐大,吸引參與者眾多
隨著5 G各類應(yīng)用技術(shù)的普及,電子產(chǎn)品已經(jīng)成為人們?nèi)粘I畹囊徊糠帧_@種市場大環(huán)境促使用戶界面設(shè)計(jì)行業(yè)越來越火爆。界面設(shè)計(jì)中的電子書籍也不例外,漸漸地成為廣大愛好者的一種追求。
此外,電子商務(wù)平臺近兩年也憑借平臺上的優(yōu)勢,在閱讀市場占有重要的地位。譬如,京東的“Lebook”和中國電信的“天翼閱讀”,在龐大的用戶群體的閱讀需求下,變得非常受歡迎,用戶可以足不出戶,便享受書籍所帶來的視覺盛宴。
2.產(chǎn)品類型日益豐富,滿足不同用戶需求
電子書的類型多種多樣,日益豐富。從內(nèi)容上大致可以分為圖書類、期刊類和資訊類。例如,我們常見的手機(jī)自帶的“閱讀”軟件,只要用戶輕輕一點(diǎn)圖中的界面,就能立馬翻閱自己想看的書籍,非常方便。除此之外,在新媒體時(shí)代背景下,基于數(shù)據(jù)挖掘的資訊聚合類的廣泛興起,成為當(dāng)前資訊類閱讀的主要發(fā)展趨勢。
然而,隨著人們生活水平的不斷提升,人們的獲取方式也變得多元化,“閱讀”的含義也漸漸寬泛起來,為緩解用戶閱讀電子屏幕所帶來的視覺疲勞,近些年來出現(xiàn)了大量聽書類軟件。比如,喜馬拉雅就是一種典型的聽書類軟件,尤其是晚上睡覺時(shí),人們可以聽著它,慢慢地入睡,有助于個(gè)人休息和睡眠。
互聯(lián)網(wǎng)產(chǎn)業(yè)瞬息萬變,新的趨勢用戶和競爭對手紛紛涌現(xiàn)。這就意味著UI設(shè)計(jì)師要時(shí)刻注意設(shè)計(jì)趨勢的發(fā)展動(dòng)態(tài),以便向人們展示自己是開發(fā)產(chǎn)品趨勢的領(lǐng)導(dǎo)者。以下是電子書界面設(shè)計(jì)的發(fā)展前景:
1.電子閱讀更多走向互動(dòng)多元化
在新媒體時(shí)代背景下,閱讀者不再滿足于被動(dòng)地去接受產(chǎn)品推薦,而是更加主動(dòng)參與其中。他們從各自的需求出發(fā),在閱讀過程中,其行為也變得更加積極。因此,加強(qiáng)讀者與電子閱讀之間的互動(dòng)關(guān)系,讓電子閱讀走向互動(dòng)多元化,是極為重要的。這樣,讀者在閱讀過程中不僅可以汲取知識的營養(yǎng),又可以享受精神上的愉悅。
2.極簡設(shè)計(jì),達(dá)到專注畫面的效果
UI 設(shè)計(jì)中最重要的視覺因素是色彩,它不僅能強(qiáng)調(diào)內(nèi)容,還能加強(qiáng)品牌的識別度。目前越來越多的設(shè)計(jì)師偏愛從顏色較淺的背景底色來強(qiáng)調(diào)內(nèi)容,電子閱讀也是運(yùn)用極簡主義,色彩明快的設(shè)計(jì)使得人們很快就能記住閱讀類的電子書籍,能夠達(dá)到過目不忘的效果。
3.依托互聯(lián)網(wǎng)技術(shù)的發(fā)展,實(shí)現(xiàn)立體化閱讀
隨著網(wǎng)絡(luò)技術(shù)的突飛猛進(jìn),立體化閱讀已經(jīng)成為讀者閱讀方式的一種需求。立體化電子閱讀比二維閱讀更加具有趣味性,可以讓人產(chǎn)生好奇心,引起大家對閱讀的興趣,產(chǎn)生立體化的空間效果。通過立體化閱讀,用戶可以觀察、旋轉(zhuǎn),以及調(diào)整元素的大小,從而提高對閱讀的興趣。當(dāng)人們處在多維空間的環(huán)境中,會情不自禁地展開美的聯(lián)想和想象,從而陶醉其中無法自拔。
4.VR 技術(shù)的普及,實(shí)現(xiàn)現(xiàn)場感觀閱讀畫面的效果
VR(Virtual Reality,虛擬現(xiàn)實(shí))產(chǎn)品是指以VR 技術(shù)設(shè)計(jì)的現(xiàn)代化產(chǎn)品。我國VR 行業(yè)經(jīng)過近幾年的發(fā)展,市場規(guī)模突飛猛進(jìn),尤其是5G 時(shí)代的到來,讓VR 迎來了一個(gè)嶄新的階段。隨著信息技術(shù)的進(jìn)步,VR 技術(shù)廣受關(guān)注。把VR 技術(shù)運(yùn)用在電子書籍中,可以讓讀者親身感受閱讀畫面的現(xiàn)場,好像自己也身臨其境,從而達(dá)到一種身心上的愉悅和舒適之感?,F(xiàn)場感觀畫面能夠起到過目不忘、記憶猶新的作用。
此外,運(yùn)用VR 技術(shù)還可以還原電子書內(nèi)容的畫面和場景,比起之前全是文字的電子書籍顯得更加生動(dòng)有趣。這樣的閱讀方式,相信更會吸引越來越多的消費(fèi)人群去閱讀,從而達(dá)到現(xiàn)場感受閱讀畫面的功能。
5.AR 技術(shù)的運(yùn)用,實(shí)現(xiàn)虛擬界面和現(xiàn)實(shí)環(huán)境的完美融合
AR(Augmented Reality,增強(qiáng)現(xiàn)實(shí))產(chǎn)品是指以AR 技術(shù)為基礎(chǔ)設(shè)計(jì)的現(xiàn)代化產(chǎn)品,能帶給用戶一種沉浸式的體驗(yàn)效果。隨著人工智能等科技產(chǎn)業(yè)的新興發(fā)展,AR 技術(shù)將會極大地改變?nèi)藗兊墓ぷ骱蛯W(xué)習(xí)方式,進(jìn)入醫(yī)療、服飾、游戲、視頻、工業(yè)、家居等應(yīng)用領(lǐng)域。AR 產(chǎn)品界面是指向用戶展示現(xiàn)實(shí)環(huán)境和虛擬界面的交互關(guān)系。把AR 技術(shù)廣泛應(yīng)用在電子書籍中,可以結(jié)合虛擬的場景向用戶生動(dòng)而精確地展示產(chǎn)品的試用效果,將虛擬界面和現(xiàn)實(shí)環(huán)境有機(jī)結(jié)合,提升用戶的體驗(yàn)感。
總的來講,電子書界面設(shè)計(jì)的發(fā)展趨勢不是一成不變的,會隨著用戶的需求而發(fā)生改變。只有將客戶放在首要位置,贏得他們的信任,才能在市場上占據(jù)一席之地。
總而言之,書籍是人類進(jìn)步的階梯,承載著人類的智慧結(jié)晶,人與書之間的羈絆由來已久。書籍仍是人類發(fā)明的一種最具創(chuàng)造性和互動(dòng)性的數(shù)據(jù)資料檢索系統(tǒng)。幾個(gè)世紀(jì)以來,它不斷為更多的人帶來新的思想,影響著我們生活的方方面面。
時(shí)至今日,電子書籍的應(yīng)用領(lǐng)域不斷增加,各行各類人才紛紛涌現(xiàn)。設(shè)計(jì)者結(jié)合自己所學(xué)的技術(shù)和專業(yè)知識,設(shè)計(jì)出很多杰出的電子閱讀軟件產(chǎn)品。通過分析電子閱讀的未來發(fā)展態(tài)勢,可以讓不可能的畫面變?yōu)楝F(xiàn)實(shí)。因此,在這樣新媒體的研究背景下,相信電子書籍將會不斷地向前發(fā)展。