交互式數(shù)字出版物界面設(shè)計(jì)中的氣質(zhì)表達(dá)
2018-04-08 07:08:36陳金梅
文藝生活·中旬刊 2018年10期
譚 坤 陳金梅
（北京電子科技職業(yè)學(xué)院，北京 100176）
氣質(zhì)原本是心理學(xué)中的詞匯，表現(xiàn)在心理活動的強(qiáng)度、速度、靈活性與指向性、等方面的一種穩(wěn)定的心理特征。氣質(zhì)用于人的修飾時常表現(xiàn)的是一個人內(nèi)在涵養(yǎng)或修養(yǎng)的外在體現(xiàn)。隨著人們對設(shè)計(jì)品味的提高，氣質(zhì)一詞經(jīng)常用于設(shè)計(jì)作品中，一個產(chǎn)品的界面設(shè)計(jì)代表著該產(chǎn)品的氣質(zhì)和品位，氣質(zhì)好的界面設(shè)計(jì)能給用戶非常深刻的第一印象，提升產(chǎn)品的活躍度。
一、創(chuàng)造視覺吸引力
一個良好的界面應(yīng)該有視覺吸引力，人類接受的信息90%來源于視覺。目前來說，界面設(shè)計(jì)的核心仍然在于視覺的設(shè)計(jì)，創(chuàng)新的視覺形象是保證界面信息傳達(dá)的前提。一個好的數(shù)字出版物界面首先在視覺上應(yīng)該是創(chuàng)新的、飽滿的，能夠直接作用于我們的感官，刺激我們的好奇心及記憶。當(dāng)然除了創(chuàng)新，視覺設(shè)計(jì)的基礎(chǔ)形式原則也不容忽視。
二、營造沉浸式的體驗(yàn)環(huán)境
“沉浸”在字典中的意思是“陷入在一些事件的包圍和覆蓋中”。我們都有這樣的經(jīng)驗(yàn)，在電影院看電影的時候，放映之前總是先把所有的燈光熄滅，這就是現(xiàn)在營造沉浸感，目的是讓觀眾最大限度地把注意力集中在電影屏幕上去關(guān)注電影的內(nèi)容。在數(shù)字出版物設(shè)計(jì)領(lǐng)域中，沉浸是一個重要的概念，意味著受眾全神貫注地投入到設(shè)計(jì)師所創(chuàng)造的虛擬環(huán)境中，達(dá)到完全忘我的境界。當(dāng)然，沉浸感并非只是強(qiáng)調(diào)界面表現(xiàn)的真實(shí)性，太過于真實(shí)的環(huán)境反而讓人感覺無所適從，多媒體的沉浸感應(yīng)該是通過特定的交互操作、主題內(nèi)容、視覺表現(xiàn)以及硬件設(shè)備所共同創(chuàng)造的虛擬環(huán)境，全方位的調(diào)動手中的視覺、聽覺、觸覺等感官系統(tǒng)來獲得信息。
三、界面視覺內(nèi)容的藝術(shù)化處理
（一）明暗的對比
明暗是色感中最基本的要素，明暗對比的好處就是不用過暗與過亮，把背景調(diào)暗，突出內(nèi)容亮些，這樣就可以自然而然的將視線重點(diǎn)放在突出“亮點(diǎn)”上。相反也可以將功能性選項(xiàng)和視頻播放區(qū)設(shè)計(jì)的暗一些，把它們放在了一個比較亮且灰白的背景中去，一下子就能幫助瀏覽者抓住這個界面的主旨，背景就猶如光圈一般包圍著主體，潛意識將我們想要在這張界面中傳達(dá)出的最重要的信息間接的告訴了瀏覽者。
（二）大小的對比
大小關(guān)系是界面布局中尤為重要。一個界面中有許多區(qū)域，包括文字區(qū)、圖像區(qū)、視頻區(qū)等，它們之間所占整體的大小和與各個區(qū)大小的關(guān)系決定了瀏覽者對整個界面的最基本的印象。大小差別小，給人的感覺較猶如南方女子一樣婉約溫和；大小差別大，給人的感覺大氣蓬勃，富有震撼力。各個區(qū)域的大小應(yīng)該根據(jù)每個區(qū)域的重要程度，擺放位置進(jìn)行設(shè)計(jì)。
（三）粗細(xì)的對比
無論是字體還是線條，越粗越有張力，感覺結(jié)實(shí)硬朗，正經(jīng)嚴(yán)肅道路，相反，細(xì)線條感覺很隨意，具有變化趨勢，適合時尚化設(shè)計(jì)。細(xì)與粗搭配得好就會出彩，如果不好就會畫蛇添足。重要的信息常用粗體大字、甚至立體形式表現(xiàn)在畫面上，如果這時再搭配與之相符的背景音樂就會使重要信息更加突出，也更加有氣魄。而比較柔情的詞匯，則選擇纖細(xì)的斜體或倒影字體出現(xiàn)。
（四）具象與抽象的表現(xiàn)
圖像或圖形均可分為兩類：具象和抽象。抽象圖像（或圖形）比較適宜于表現(xiàn)抽象的概念，如激動、沖動、氣勢、理智和韻律等。對于抽象事物的表達(dá)是很難界定的，抽象性的表達(dá)更多的是指向心靈的共鳴，心靈的共鳴要求由抽象概念引發(fā)的心理感受和抽象的圖像（或圖形）表現(xiàn)引導(dǎo)所產(chǎn)生的心理感受相一致，在具象圖像（或圖形）中，人的視覺感知是因設(shè)計(jì)師通過再現(xiàn)真實(shí)而使觀者獲得某種真實(shí)性的刺激而產(chǎn)生的。具象的圖像（或圖形）是真實(shí)現(xiàn)實(shí)的再現(xiàn)，是通過圖像（或圖形）還原真實(shí)從而引導(dǎo)產(chǎn)生對真實(shí)事物的心理感受。
（五）突出圖像細(xì)節(jié)同
在作品《盛世古韻》的“品”之“觀古鐘精品”界面中，由于要在一同界面中同時體現(xiàn)九個不同的鐘，也就要有九個不同的熱區(qū)用于進(jìn)入不同的下級界面，而每個最具有典型特色的就是鐘上的鐘鈕部分，因此可以通過剪裁，剪裁出每個鐘具有典型性鐘鈕部分的圖像作為進(jìn)入下一級界面的熱區(qū)，這是一個很有效的表現(xiàn)手段。
（六）光影與界面質(zhì)感塑造
利用投影創(chuàng)造平面上的虛幻空間，投影的存在能夠表明距離空間的存在，加有投影的物體就具有了落腳點(diǎn)，不會產(chǎn)生漂浮的感覺。投影與物體的距離越遠(yuǎn)，產(chǎn)生的空間就越大。投影也是襯托物體質(zhì)感的一個手段，加有投影的物體看上去更為立體。如在數(shù)字出版物作品《京劇》頁面中有三處投影，第一處是左上角的導(dǎo)航切換，第二處是右側(cè)“金秀山”的滑動字體，第三處是右側(cè)一個大大的“金”字，這三處投影增加了界面的立體感，更加富有層次。
四、選取符合界面氣質(zhì)的字符
（一）字號
字號的選擇是根據(jù)功能需要而定的，字越大給瀏覽者的視覺沖擊力越強(qiáng)，一般用于標(biāo)題或其他需要強(qiáng)調(diào)的地方。小字整體性強(qiáng)，頁面易產(chǎn)生多個中心，缺乏美感，時間略長，瀏覽者易產(chǎn)生視覺疲勞。最適合電子讀物正文的字體大小為12-14磅，如果在一個頁面內(nèi)容較多，通?？梢杂?0-12磅的字號，數(shù)字出版物本身側(cè)重于視覺傳達(dá)，通常每個界面的文字都不會像門戶類頁面那么多，所以常規(guī)情況下最小保持12磅以上字號。
（二）字體
不同的字體有不同的性格表現(xiàn)，嚴(yán)肅、幽默、力量、柔軟等等。數(shù)字出版物中比較常用的中文字體有宋體、黑體、楷體、隸書等。根據(jù)不同的頁面主題可以選擇不同性格的字體搭配。標(biāo)題字體的選用對整個界面的編排起著重要的作用。字體選擇、字體特效到位，不僅會突出頁面主題，而且還會烘托整個頁面的氣氛。數(shù)字出版物界面中字體的運(yùn)用需要把握標(biāo)題字體突出、醒目、烘托氣氛的作用，內(nèi)容字體與非遺主題對應(yīng)且突出可讀性的原則。
（三）間距
文字的間距分為橫向間距和縱向間距即“字距”“行距”。正文與標(biāo)題的字距應(yīng)該通篇保持一致，字距太大或太小都會導(dǎo)致可讀性受到影響。行距的常規(guī)比例為10：12即用字10點(diǎn)，則行距12點(diǎn)。除了對于可讀性的影響，行距本身也是具有很強(qiáng)表現(xiàn)力的設(shè)計(jì)語言，有意識地加寬或縮窄行距，能夠體現(xiàn)獨(dú)特的審美意趣。
五、適當(dāng)?shù)牧舭?/h2>
留白可以給人帶來心理上的輕松與快樂，也可以給人帶來緊張與節(jié)奏。元素之間的留白不能太大這是基本的原則，留白過多，頁面會變得零碎。電子讀物界面設(shè)計(jì)是以傳達(dá)頁面信息為主要目的的，留白更多的是服務(wù)和服從于讀物信息的可用性。無數(shù)的可用性研究證實(shí)了一個事實(shí)：用戶對讀物信息是進(jìn)行瀏覽，而不是閱讀。簡潔明快、富于美感的界面更具有可瀏覽性，可使用戶獲得更加良好的瀏覽體驗(yàn)。注意：留白空間不一定要是白色的。指的是任何與背景相同的空間。所以它可以是白色、黑色，其他紋理等。
從平面設(shè)計(jì)引申過來的技巧在數(shù)字出版物界面設(shè)計(jì)中起到了畫龍點(diǎn)睛的作用，一些細(xì)節(jié)上的處理，為數(shù)字出版物的界面設(shè)計(jì)大大地提升了品牌氣質(zhì)。數(shù)字出版物界面設(shè)計(jì)應(yīng)用版面的構(gòu)成是信息傳播的橋梁，發(fā)揮版面元素中各自的特點(diǎn)和功能，會使整個版面完成從視覺到內(nèi)容的完善性和美觀性，從而更快、更準(zhǔn)確的傳遞信息。用心從細(xì)節(jié)上營造產(chǎn)品氣質(zhì)，給用戶帶來愉悅感，為品牌獲得認(rèn)同感。
猜你喜歡
大眾文藝(2023年22期)2023-12-10 04:27:18
大眾文藝(2022年19期)2022-10-19 08:18:18
包裝工程(2022年14期)2022-07-28 07:07:00
魅力中國(2020年19期)2020-12-08 03:46:15
湖北農(nóng)機(jī)化(2020年4期)2020-07-24 09:07:46
娃娃樂園·綜合智能(2020年2期)2020-03-12 10:30:28
河北農(nóng)機(jī)(2020年7期)2020-01-08 05:22:14
小雪花·成長指南(2014年10期)2014-10-31 18:10:08
大眾文藝(2014年5期)2014-03-12 02:09:59
合作經(jīng)濟(jì)與科技(2011年15期)2011-08-15 00:50:50
