交互式數字出版物界面設計中的氣質表達

譚 坤 陳金梅

（北京電子科技職業學院，北京 100176）

氣質原本是心理學中的詞匯，表現在心理活動的強度、速度、靈活性與指向性、等方面的一種穩定的心理特征。氣質用于人的修飾時常表現的是一個人內在涵養或修養的外在體現。隨著人們對設計品味的提高，氣質一詞經常用于設計作品中，一個產品的界面設計代表著該產品的氣質和品位，氣質好的界面設計能給用戶非常深刻的第一印象，提升產品的活躍度。

一、創造視覺吸引力

一個良好的界面應該有視覺吸引力，人類接受的信息90%來源于視覺。目前來說，界面設計的核心仍然在于視覺的設計，創新的視覺形象是保證界面信息傳達的前提。一個好的數字出版物界面首先在視覺上應該是創新的、飽滿的，能夠直接作用于我們的感官，刺激我們的好奇心及記憶。當然除了創新，視覺設計的基礎形式原則也不容忽視。

二、營造沉浸式的體驗環境

“沉浸”在字典中的意思是“陷入在一些事件的包圍和覆蓋中”。我們都有這樣的經驗，在電影院看電影的時候，放映之前總是先把所有的燈光熄滅，這就是現在營造沉浸感，目的是讓觀眾最大限度地把注意力集中在電影屏幕上去關注電影的內容。在數字出版物設計領域中，沉浸是一個重要的概念，意味著受眾全神貫注地投入到設計師所創造的虛擬環境中，達到完全忘我的境界。當然，沉浸感并非只是強調界面表現的真實性，太過于真實的環境反而讓人感覺無所適從，多媒體的沉浸感應該是通過特定的交互操作、主題內容、視覺表現以及硬件設備所共同創造的虛擬環境，全方位的調動手中的視覺、聽覺、觸覺等感官系統來獲得信息。

三、界面視覺內容的藝術化處理

（一）明暗的對比

明暗是色感中最基本的要素，明暗對比的好處就是不用過暗與過亮，把背景調暗，突出內容亮些，這樣就可以自然而然的將視線重點放在突出“亮點”上。相反也可以將功能性選項和視頻播放區設計的暗一些，把它們放在了一個比較亮且灰白的背景中去，一下子就能幫助瀏覽者抓住這個界面的主旨，背景就猶如光圈一般包圍著主體，潛意識將我們想要在這張界面中傳達出的最重要的信息間接的告訴了瀏覽者。

（二）大小的對比

大小關系是界面布局中尤為重要。一個界面中有許多區域，包括文字區、圖像區、視頻區等，它們之間所占整體的大小和與各個區大小的關系決定了瀏覽者對整個界面的最基本的印象。大小差別小，給人的感覺較猶如南方女子一樣婉約溫和；大小差別大，給人的感覺大氣蓬勃，富有震撼力。各個區域的大小應該根據每個區域的重要程度，擺放位置進行設計。

（三）粗細的對比

無論是字體還是線條，越粗越有張力，感覺結實硬朗，正經嚴肅道路，相反，細線條感覺很隨意，具有變化趨勢，適合時尚化設計。細與粗搭配得好就會出彩，如果不好就會畫蛇添足。重要的信息常用粗體大字、甚至立體形式表現在畫面上，如果這時再搭配與之相符的背景音樂就會使重要信息更加突出，也更加有氣魄。而比較柔情的詞匯，則選擇纖細的斜體或倒影字體出現。

（四）具象與抽象的表現

圖像或圖形均可分為兩類：具象和抽象。抽象圖像（或圖形）比較適宜于表現抽象的概念，如激動、沖動、氣勢、理智和韻律等。對于抽象事物的表達是很難界定的，抽象性的表達更多的是指向心靈的共鳴，心靈的共鳴要求由抽象概念引發的心理感受和抽象的圖像（或圖形）表現引導所產生的心理感受相一致，在具象圖像（或圖形）中，人的視覺感知是因設計師通過再現真實而使觀者獲得某種真實性的刺激而產生的。具象的圖像（或圖形）是真實現實的再現，是通過圖像（或圖形）還原真實從而引導產生對真實事物的心理感受。

（五）突出圖像細節同

在作品《盛世古韻》的“品”之“觀古鐘精品”界面中，由于要在一同界面中同時體現九個不同的鐘，也就要有九個不同的熱區用于進入不同的下級界面，而每個最具有典型特色的就是鐘上的鐘鈕部分，因此可以通過剪裁，剪裁出每個鐘具有典型性鐘鈕部分的圖像作為進入下一級界面的熱區，這是一個很有效的表現手段。

（六）光影與界面質感塑造

利用投影創造平面上的虛幻空間，投影的存在能夠表明距離空間的存在，加有投影的物體就具有了落腳點，不會產生漂浮的感覺。投影與物體的距離越遠，產生的空間就越大。投影也是襯托物體質感的一個手段，加有投影的物體看上去更為立體。如在數字出版物作品《京劇》頁面中有三處投影，第一處是左上角的導航切換，第二處是右側“金秀山”的滑動字體，第三處是右側一個大大的“金”字，這三處投影增加了界面的立體感，更加富有層次。

四、選取符合界面氣質的字符

（一）字號

字號的選擇是根據功能需要而定的，字越大給瀏覽者的視覺沖擊力越強，一般用于標題或其他需要強調的地方。小字整體性強，頁面易產生多個中心，缺乏美感，時間略長，瀏覽者易產生視覺疲勞。最適合電子讀物正文的字體大小為12-14磅，如果在一個頁面內容較多，通?？梢杂?0-12磅的字號，數字出版物本身側重于視覺傳達，通常每個界面的文字都不會像門戶類頁面那么多，所以常規情況下最小保持12磅以上字號。

（二）字體

不同的字體有不同的性格表現，嚴肅、幽默、力量、柔軟等等。數字出版物中比較常用的中文字體有宋體、黑體、楷體、隸書等。根據不同的頁面主題可以選擇不同性格的字體搭配。標題字體的選用對整個界面的編排起著重要的作用。字體選擇、字體特效到位，不僅會突出頁面主題，而且還會烘托整個頁面的氣氛。數字出版物界面中字體的運用需要把握標題字體突出、醒目、烘托氣氛的作用，內容字體與非遺主題對應且突出可讀性的原則。

（三）間距

文字的間距分為橫向間距和縱向間距即“字距”“行距”。正文與標題的字距應該通篇保持一致，字距太大或太小都會導致可讀性受到影響。行距的常規比例為10：12即用字10點，則行距12點。除了對于可讀性的影響，行距本身也是具有很強表現力的設計語言，有意識地加寬或縮窄行距，能夠體現獨特的審美意趣。

五、適當的留白

留白可以給人帶來心理上的輕松與快樂，也可以給人帶來緊張與節奏。元素之間的留白不能太大這是基本的原則，留白過多，頁面會變得零碎。電子讀物界面設計是以傳達頁面信息為主要目的的，留白更多的是服務和服從于讀物信息的可用性。無數的可用性研究證實了一個事實：用戶對讀物信息是進行瀏覽，而不是閱讀。簡潔明快、富于美感的界面更具有可瀏覽性，可使用戶獲得更加良好的瀏覽體驗。注意：留白空間不一定要是白色的。指的是任何與背景相同的空間。所以它可以是白色、黑色，其他紋理等。

從平面設計引申過來的技巧在數字出版物界面設計中起到了畫龍點睛的作用，一些細節上的處理，為數字出版物的界面設計大大地提升了品牌氣質。數字出版物界面設計應用版面的構成是信息傳播的橋梁，發揮版面元素中各自的特點和功能，會使整個版面完成從視覺到內容的完善性和美觀性，從而更快、更準確的傳遞信息。用心從細節上營造產品氣質，給用戶帶來愉悅感，為品牌獲得認同感。