設(shè)計(jì)雜志的數(shù)字化視覺系統(tǒng)及交互設(shè)計(jì)策略研究
——以《Design 360°》觀念與設(shè)計(jì)雜志為例

宋丹妮

（廣州美術(shù)學(xué)院，廣東 廣州 511436）

1.簡介

數(shù)字化傳播背景下，傳統(tǒng)紙質(zhì)媒體經(jīng)受著強(qiáng)烈的沖擊和嚴(yán)峻的挑戰(zhàn)，傳統(tǒng)紙媒的讀者群體與市場份額被以互聯(lián)網(wǎng)與移動互聯(lián)網(wǎng)為代表的新媒體不斷分流。與此同時(shí)，小眾化的專業(yè)雜志也同樣面臨被沖擊的局面?！禗esign 360°》觀念與設(shè)計(jì)雜志經(jīng)過十多年的積累成為國內(nèi)外知名的主流專業(yè)類設(shè)計(jì)雜志。本文對該雜志的數(shù)字化，從編輯模式、內(nèi)容系統(tǒng)設(shè)置、傳播途徑、數(shù)字化視覺交互設(shè)計(jì)等方面提出初步的設(shè)計(jì)策略建議。

2.《Design 360°》觀念與設(shè)計(jì)雜志數(shù)字化視覺信息傳播的媒介分析

傳統(tǒng)媒體的媒介融合從某種意義上說，就是數(shù)字化轉(zhuǎn)型，通過數(shù)字化轉(zhuǎn)型向新媒體領(lǐng)域拓展自己的生存空間，建立與數(shù)字化生產(chǎn)相適應(yīng)的體制機(jī)制和生產(chǎn)流程。[1]信息數(shù)字化背景之下的《Design 360°》觀念與設(shè)計(jì)雜志和其他紙媒雜志一樣都在數(shù)字化轉(zhuǎn)型中艱難探索。隨著人們閱讀方式的改變，對傳統(tǒng)媒體的依賴已漸漸轉(zhuǎn)變成對新媒體更頻繁地使用。獲取信息的快捷化、人機(jī)互動的優(yōu)質(zhì)化等優(yōu)勢，使得以智能手機(jī)、平板電腦等為代表的移動閱讀設(shè)備成了人們?nèi)粘Ｉ钪胁豢苫蛉钡囊徊糠帧?/p>

根據(jù)中國互聯(lián)網(wǎng)絡(luò)信息中心（CNNIC）2023 年8 月發(fā)布的《第52 次中國互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》的結(jié)果顯示，我國網(wǎng)民規(guī)模達(dá)10.79 億人，其中手機(jī)網(wǎng)民的人數(shù)一直呈現(xiàn)上漲趨勢，并且有慢慢占據(jù)網(wǎng)民人數(shù)大部分的趨勢。建議更新最新數(shù)據(jù)這也給正在進(jìn)行數(shù)字化轉(zhuǎn)型的廣大紙質(zhì)雜志提供了一定的參考，注重移動閱讀設(shè)備的開發(fā)與相關(guān)設(shè)計(jì)，獲取該領(lǐng)域市場份額與讀者。

2.1 視覺信息傳播的媒介

電子雜志是數(shù)字化多媒體雜志最早期的存在形式，也就是將紙質(zhì)版文字掃描后進(jìn)行儲存，通常用光盤作為載體進(jìn)行儲存。容量大、保存時(shí)間長、成本低廉，經(jīng)濟(jì)實(shí)用的傳播媒介成為大部分的報(bào)紙雜志初級的電子版?；ヂ?lián)網(wǎng)以及移動互聯(lián)網(wǎng)的快速發(fā)展與普及，以及移動閱讀設(shè)備的大量優(yōu)點(diǎn)，使得互聯(lián)網(wǎng)承載了多媒體數(shù)字化雜志的大量信息?！禗esign 360°》觀念與設(shè)計(jì)雜志可以利用互聯(lián)網(wǎng)以及新媒體，實(shí)現(xiàn)設(shè)計(jì)師采訪由單純文字圖片配合的二維呈現(xiàn)，發(fā)展成為聲音與影像結(jié)合的多維動態(tài)傳播方式。

基于電腦端：以網(wǎng)頁為傳播媒介的形式是雜志數(shù)字化發(fā)展的方向之一?；诨ヂ?lián)網(wǎng)平臺建立網(wǎng)絡(luò)雜志，需要將雜志十年來積累的龐大設(shè)計(jì)資源庫進(jìn)行資源整理與整合，成為視覺可視化數(shù)據(jù)，在合適的時(shí)間和地點(diǎn)以合適的方式進(jìn)行呈現(xiàn)。

基于移動終端：手機(jī)、平板電腦的App。雜志可以利用現(xiàn)有的資源開發(fā)基于移動互聯(lián)網(wǎng)，比如手機(jī)、平板電腦的App（基于ios 系統(tǒng)的應(yīng)用程序）。用優(yōu)質(zhì)的內(nèi)容、絢麗的視覺設(shè)計(jì)，提高用戶與平臺的互動性，增強(qiáng)用戶的反饋機(jī)制，增加用戶粘黏度。以微信公眾號、微博賬號等為代表的網(wǎng)絡(luò)社交平臺所發(fā)布的內(nèi)容一般都是碎片化，且沒有太多深度的文章或資訊。第20 次全國國民閱讀調(diào)查報(bào)告表明，我國成年國民數(shù)字化閱讀傾向進(jìn)一步增強(qiáng)，手機(jī)移動閱讀成為主要形式。手機(jī)閱讀等“輕閱讀”占用閱讀時(shí)間越來越長。由此可以看出，“輕閱讀”已經(jīng)成為一種重要的閱讀方式。

2.2 媒介的選擇與融合

全球一體化得益于數(shù)字化技術(shù)的發(fā)展，拉近了人與人之間的距離，縮短了人們獲取世界各地信息的時(shí)間與途徑。要適應(yīng)全球一體化下多媒體融合的必然趨勢，這就要求從事數(shù)字化多媒體雜志的編輯與設(shè)計(jì)人員，需要十分熟悉多媒體的各種屬性。作為一個(gè)數(shù)字雜志的設(shè)計(jì)師需要把過去彼此分割的媒介技術(shù)整合起來，并且樹立媒介融合的思維方式，而不是僅僅知道如何使用各種軟件。

雜志在數(shù)字化的進(jìn)程中，如何選擇媒介，處理好媒介與媒介結(jié)合之間的關(guān)系，決定著雜志數(shù)字化轉(zhuǎn)型的成功與否。根據(jù)數(shù)據(jù)顯示，我國移動數(shù)字媒體使用的人群已經(jīng)大大超過了其他傳統(tǒng)媒體或者新媒體，成為大眾普遍偏愛的數(shù)字化新媒體，特別是18-35 歲的年輕一代。分享型的社會需要分享者在允許的時(shí)間空間范圍之內(nèi)更多地輸出信息，而信息的接收者，其實(shí)是在被強(qiáng)迫閱讀大量并無意義的訊息。

《Design 360°》的讀者很大一部分是在校攻讀設(shè)計(jì)專業(yè)的學(xué)生、設(shè)計(jì)行業(yè)的從業(yè)者、對設(shè)計(jì)有興趣的非專業(yè)人士。平均年齡處在18-35 周歲之間。此讀者年齡段，決定了雜志年輕、活力、清新、文藝的風(fēng)格基調(diào)。在媒介的選擇上，移動數(shù)字化新媒體對于該雜志的合適度是在其他新媒體之上的。因此，微博個(gè)人號、微信公眾號的應(yīng)用，是數(shù)字時(shí)代下必然的選擇。

3.關(guān)于《Design 360°》觀念與設(shè)計(jì)雜志內(nèi)容系統(tǒng)的設(shè)計(jì)

傳統(tǒng)印刷媒介的信息層次是一種平行狀態(tài)，伴隨醒目字體的指示和紙張頁面的開合可同時(shí)直觀地展現(xiàn)，信息的載量在頁面承載上是有限的。而新媒介突破了傳統(tǒng)媒介在信息量上的限制，免除了印刷量和展示區(qū)域的制約。[2]

3.1 關(guān)鍵詞的設(shè)定

每期雜志有相關(guān)的關(guān)鍵詞對選題作內(nèi)容提要。例如本期選題為設(shè)計(jì)周，與設(shè)計(jì)周相關(guān)的內(nèi)容如北京設(shè)計(jì)周、米蘭設(shè)計(jì)周等信息會作為關(guān)鍵詞出現(xiàn)在數(shù)字雜志首界面上，供用戶根據(jù)自己的喜好選擇。選擇后可訂閱為自己的內(nèi)容，每當(dāng)與這個(gè)關(guān)鍵詞相關(guān)的內(nèi)容出現(xiàn)在后臺數(shù)據(jù)庫時(shí)，系統(tǒng)會自動推送與此關(guān)鍵詞相關(guān)的內(nèi)容給用戶，當(dāng)你在搜索欄輸入此關(guān)鍵詞后，與此相關(guān)聯(lián)的文章、圖片、視頻等都會立刻展示在你的頁面上。

3.2 關(guān)鍵詞的分類

關(guān)鍵詞的分類有網(wǎng)狀分類方式和星狀分類方式兩種。網(wǎng)狀分類是各媒介普遍運(yùn)用的信息分類方式。例如對設(shè)計(jì)行業(yè)的分類：視覺設(shè)計(jì)、環(huán)境藝術(shù)設(shè)計(jì)、建筑設(shè)計(jì)、家具設(shè)計(jì)等。這幾個(gè)關(guān)鍵詞之間上下左右的聯(lián)系密切，甚至越過中間一個(gè)關(guān)鍵詞與另外詞有所聯(lián)系。而星狀分類法，雖然信息與信息表層的關(guān)系“友好”，但其實(shí)從第二層級開始，兩者或者多者信息之間是相互獨(dú)立的。關(guān)鍵詞的分類至關(guān)重要，它應(yīng)該算是對雜志選題的拆分，也算是對選題的補(bǔ)充完善。

關(guān)鍵詞的分類很重要，看似簡單但含著編輯者的思路和對熱點(diǎn)的觀察程度。在對其他類似設(shè)計(jì)類數(shù)字雜志進(jìn)行分析和密切觀察之后，選擇與眾不同，彰顯本刊重要特色的關(guān)鍵詞。

3.3 關(guān)鍵詞的權(quán)重

權(quán)重是一個(gè)相對的概念，是針對某一指標(biāo)而言。某一指標(biāo)的權(quán)重是指該指標(biāo)在整體評價(jià)中的相對重要程度。關(guān)鍵詞的權(quán)重，顧名思義是對已設(shè)定好的關(guān)鍵詞進(jìn)行重要等級劃分，重點(diǎn)推進(jìn)的關(guān)鍵詞會比一般關(guān)鍵詞出現(xiàn)在版面中的機(jī)會要大。

3.4 數(shù)據(jù)機(jī)器人

傳統(tǒng)紙媒雜志的出版流程，從編輯組討論確定選題，在網(wǎng)絡(luò)或者現(xiàn)實(shí)情況中搜尋與選題相關(guān)的內(nèi)容信息，可能是文字、圖片、視頻、音頻等，直到對搜集回來的信息進(jìn)行匯總之后進(jìn)行篩選，少數(shù)的優(yōu)質(zhì)內(nèi)容會通過設(shè)計(jì)排版，最終印刷制作在紙質(zhì)版的雜志刊物之中。往往需要1—2 個(gè)月的出刊發(fā)行，很多新穎優(yōu)質(zhì)資訊已過時(shí)。

“數(shù)據(jù)機(jī)器人”相當(dāng)于一個(gè)能快速在互聯(lián)網(wǎng)龐大數(shù)據(jù)庫當(dāng)中抓取任何信息的強(qiáng)壯手臂?？梢栽诤笈_編輯版面中輸入關(guān)鍵詞，點(diǎn)擊確定3 秒鐘，與“視覺設(shè)計(jì)”相關(guān)的信息便一條條整齊排列開來。如果想同時(shí)輸入兩個(gè)或多個(gè)關(guān)鍵詞，例如輸入“視覺交互設(shè)計(jì)”，與此相關(guān)的視覺、交互、設(shè)計(jì)的內(nèi)容便出現(xiàn)在編輯版面中。

但如果僅是如此，出現(xiàn)在雜志中的內(nèi)容或許會面臨用戶排斥的結(jié)果。所以對數(shù)據(jù)機(jī)器人抓取信息的層次和深度一定要有一個(gè)標(biāo)準(zhǔn)。通過后臺程序編碼，可對數(shù)據(jù)機(jī)器人抓取信息設(shè)定一個(gè)或多個(gè)標(biāo)準(zhǔn)，以保證雜志能夠保持比較高的內(nèi)容水平。

4.《Design 360°》觀念與設(shè)計(jì)雜志版面設(shè)計(jì)

數(shù)字化多媒體雜志是一種多維度立體化的雜志，所涉及的技術(shù)領(lǐng)域很多。在雜志的數(shù)字化轉(zhuǎn)型過程當(dāng)中應(yīng)該明確自身優(yōu)勢，充分利用各種媒介，進(jìn)行最合適的組織排版。

4.1 編輯后臺設(shè)計(jì)

雜志之所以能呈現(xiàn)在閱讀終端上需要一個(gè)強(qiáng)大的編輯后臺。前文中闡述的后臺系統(tǒng)的組成部分，關(guān)鍵詞、關(guān)鍵詞權(quán)重、數(shù)據(jù)機(jī)器人等等。而編輯后臺所服務(wù)的使用者是雜志的編輯和設(shè)計(jì)人員，不可忽視的重要部分，編輯和設(shè)計(jì)人員操作后臺的好與壞決定數(shù)字雜志最終在讀者用戶面前的呈現(xiàn)效果。所以編輯后臺的設(shè)計(jì)同樣也是數(shù)字雜志制作的重要組成部分，需要具有關(guān)鍵詞輸入、權(quán)重選擇、機(jī)器人抓取等功能的良好、清晰布局與智能化操作。

4.2 終端版面設(shè)計(jì)

以iPhone、iPad 為代表的移動終端版面的設(shè)計(jì)關(guān)系著整體的最終呈現(xiàn)效果，是否能夠得到用戶的喜愛和良好的用戶體驗(yàn)。無論是傳統(tǒng)紙質(zhì)雜志還是數(shù)字化多媒體雜志的完成，都是由內(nèi)容編輯人員與視覺設(shè)計(jì)人員共同合作實(shí)現(xiàn)的結(jié)果。編輯人員負(fù)責(zé)利用前述內(nèi)容系統(tǒng)設(shè)計(jì)中的相關(guān)步驟，將內(nèi)容編輯完畢之后對系統(tǒng)進(jìn)行設(shè)置，并上傳至服務(wù)器。此時(shí)需要編輯人員和內(nèi)容系統(tǒng)一同與客戶端系統(tǒng)形成一個(gè)協(xié)議，該協(xié)定會設(shè)定好雜志的內(nèi)容以怎樣一種組織方式最終呈現(xiàn)在讀者眼前。這個(gè)環(huán)節(jié)十分重要，決定了雜志以何種面貌展現(xiàn)在讀者面前。為了避免雜志數(shù)字化轉(zhuǎn)型初步階段系統(tǒng)的不穩(wěn)定性，本系統(tǒng)舍棄了完全自由組合的排版，取而代之的是利用坐標(biāo)來控制所設(shè)定內(nèi)容的隨意變化，即半自由組合方式。（圖1）

圖1 元素可根據(jù)后臺數(shù)據(jù)自由變換形成新的版面

本系統(tǒng)目前已有多種展示模板，分別為：純圖片排版，圖片按照一定規(guī)律排列，每張圖片代表相關(guān)領(lǐng)域內(nèi)容體現(xiàn)（圖2）；圖文結(jié)合排版，這是比較常規(guī)的模版方式，圖片上拉帶動文字；圖片視頻結(jié)合模板和不規(guī)則模板等（圖3）。

圖2 多幅圖片模板

圖3 圖標(biāo)式模板、文字帶動圖片滑動式模板

5.《Design 360°》雜志的交互設(shè)計(jì)

早期的交互設(shè)計(jì)主要關(guān)注的還是人與機(jī)器，尤其是與計(jì)算機(jī)的交互，其主要目的是通過提供簡單易懂的操作界面使計(jì)算機(jī)和其他新興的數(shù)字產(chǎn)品能夠?yàn)楦嗟钠胀ㄓ脩羲邮?。[3]數(shù)字多媒體雜志的最大特性就是其交互性特征。優(yōu)秀的數(shù)字化多媒體雜志一定是在互動方式上有所突破與研究。交互性其實(shí)并不只是表現(xiàn)在其外表上的視覺沖擊，而是應(yīng)該對最合適的內(nèi)容搭配以最合適的新媒體來呈現(xiàn)信息內(nèi)容傳達(dá)的最好效果。

5.1 版面視覺設(shè)計(jì)中的互動性

文字圖片化。《Design 360°》觀念與設(shè)計(jì)雜志從創(chuàng)刊開始就致力于關(guān)注全球設(shè)計(jì)新動向。雜志的選題，從關(guān)注全球設(shè)計(jì)公司，到環(huán)球設(shè)計(jì)之旅，再到對社會議題的關(guān)注。雜志內(nèi)頁各章節(jié)的圖片使用也大于文字篇幅。在紙質(zhì)媒體上如此的圖片與文字的排版比重，類似于現(xiàn)如今的很多設(shè)計(jì)類數(shù)字平臺。[4]《Design 360°》觀念與設(shè)計(jì)雜志在很早之前便運(yùn)用了現(xiàn)在廣泛流行于數(shù)字雜志中的文字與圖片的放置比例，只是前者使用的是紙質(zhì)媒體，后者的傳播媒介是電腦、手機(jī)等數(shù)字終端。《Design 360°》觀念與設(shè)計(jì)雜志應(yīng)該將這種優(yōu)勢繼續(xù)發(fā)揮至新型數(shù)字媒介。利用十多年積累的強(qiáng)大、優(yōu)質(zhì)的圖片資源庫結(jié)合新媒體，達(dá)到用戶期待的結(jié)果。

信息視覺化。對于雜志中文字較多的版面，比如對某些地區(qū)進(jìn)行的設(shè)計(jì)考察，可以將旅程進(jìn)行邏輯梳理總結(jié)之后，結(jié)合一定的信息圖表、信息圖標(biāo)等，穿插以圖片，讓死板的文字內(nèi)容一目了然。高精度圖片、文字以及視頻等等是出現(xiàn)在數(shù)字化多媒體雜志當(dāng)中重要元素。[5]但數(shù)字雜志從某種方面來說并不是單純的平面上的視覺設(shè)計(jì)，而是在靜態(tài)的平面視覺元素的基礎(chǔ)之上，結(jié)合與內(nèi)容相適應(yīng)的動畫效果共同來完成。圖形與圖像作為豐富數(shù)字雜志版面的重要元素不能僅僅只是作為元素簡單呈現(xiàn)，而應(yīng)輔助數(shù)字化多媒體雜志內(nèi)容的體現(xiàn)更直白、更明確。還應(yīng)與整體設(shè)計(jì)風(fēng)格保持一致。

視頻與音頻相結(jié)合。在整本雜志中占大量篇幅的設(shè)計(jì)師采訪，是該雜志每期最精彩的部分。受訪者有來自全球各地的設(shè)計(jì)師、設(shè)計(jì)公司、設(shè)計(jì)院校等。在紙質(zhì)媒體有限的版面篇幅限制之下，不得已對原本豐富的采訪內(nèi)容進(jìn)行刪減以配合版面。所以，在紙質(zhì)雜志數(shù)字化之后，可將原本無聲的采訪文字有聲化，利用視頻拍攝，生動全面地展示在數(shù)字終端上?？茖W(xué)家研究發(fā)現(xiàn)，人類的眼睛只能觀察到前方 120°范圍內(nèi)的事物，而耳朵卻可以感受到全方位的信息；并且眼睛在感知信息的時(shí)候是具有選擇性的，耳朵卻沒有這樣的功能，因此，視覺與聽覺所獲得的信息常常是可以相互補(bǔ)充的。

5.2 雜志內(nèi)容中的互動性

為了使讀者能夠感受到他們掌握著主動閱讀的權(quán)利，那么在對雜志進(jìn)行整體規(guī)劃的初始，就應(yīng)該對雜志的各期內(nèi)容有一個(gè)大致的預(yù)想與規(guī)劃。并且每一期或者每一類型的主題風(fēng)格應(yīng)該保持相對一致，從而形成固有的風(fēng)格，留住固定的讀者群，形成品牌形象。數(shù)字雜志的形式多種多樣，但最能吸引讀者的，仍是那些在內(nèi)容互動中做到互動方式與相應(yīng)內(nèi)容緊密聯(lián)系的。

5.3 人機(jī)操作中的互動性

人機(jī)操作中的互動性，需要強(qiáng)調(diào)在設(shè)置人機(jī)互動時(shí)，各個(gè)互動節(jié)點(diǎn)的流暢性與實(shí)操性的確認(rèn)。讀者在進(jìn)行操作時(shí)，要能夠達(dá)到自由控制、得心應(yīng)手，在進(jìn)行按鍵選擇時(shí)能夠清晰明了。[6]當(dāng)讀者打開雜志目錄，想要選擇感興趣的內(nèi)容優(yōu)先閱讀，或者看到一系列精彩照片想與朋友共同分享，或者遇到不感興趣的內(nèi)容，如何順利跳過......都是關(guān)乎人機(jī)互動中用戶的體驗(yàn)是否優(yōu)質(zhì)的關(guān)鍵。

5.4 讀者信息反饋的互動性

大部分?jǐn)?shù)字多媒體雜志都會將讀者的反饋流程考慮到建設(shè)的步驟當(dāng)中去。所以我們在很多數(shù)字雜志界面旁邊都會看到“參與評論”等按鈕。[7]讀者在看完雜志內(nèi)容并留言評價(jià)，得到編輯反饋之后，都會感覺自己是一個(gè)雜志內(nèi)容優(yōu)化的參與者。有時(shí)這里也會成為讀者與讀者之前進(jìn)行日常交流的場所，聊生活、聊工作或知識的大挑戰(zhàn)等。極大提高了讀者的主動性以及信息傳播的及時(shí)性。與此同時(shí)，編輯可以通過讀者的反饋優(yōu)化自身內(nèi)容發(fā)展的方向。[8]

結(jié)語

本文對《Design 360°》觀念與設(shè)計(jì)雜志的數(shù)字化總結(jié)了從編輯模式、內(nèi)容系統(tǒng)設(shè)置、傳播途徑、數(shù)字化視覺交互設(shè)計(jì)等方面的策略建議。雜志積累的設(shè)計(jì)資源，應(yīng)該利用強(qiáng)大的多媒體來進(jìn)行資源的整合與重組，并最大化傳播出去。而多媒體的使用可以有效地將優(yōu)質(zhì)內(nèi)容完整地展現(xiàn)給廣大讀者，并獲得良好的閱讀體驗(yàn)。