張曉彤 李海軍 邢明洋 戴佳楠 王凱

摘要：版式設(shè)計是平面設(shè)計工作的重要環(huán)節(jié)，目前市面上多數(shù)APP產(chǎn)品只能進(jìn)行文字識別，忽略了圖像版式本身所傳達(dá)的重要信息。本文針對上述問題，對具備版式分析功能的APP進(jìn)行設(shè)計，首先以獲得高質(zhì)量，穩(wěn)定版式素材為目的，對攝像頭傳感器，補光系統(tǒng)及光學(xué)鏡片等提出要求，在此基礎(chǔ)之上對軟件的主要功能進(jìn)行設(shè)計，最后對軟件內(nèi)在邏輯關(guān)系進(jìn)行優(yōu)化。本文將為實現(xiàn)版式設(shè)計信息數(shù)字化提供一種可行路徑。

引言

版面設(shè)計是一種視覺傳達(dá)的語言，通過對所需傳達(dá)的信息進(jìn)行排列、優(yōu)化組合，實現(xiàn)信息更為快捷、迅速、準(zhǔn)確的傳達(dá)，并在傳達(dá)中獲得視覺美感和心理愉悅感[1]。受到現(xiàn)代設(shè)計新思想、新觀念的影響，版式設(shè)計的應(yīng)用范圍越來越廣，在傳達(dá)信息的同時，也在傳達(dá)新的思想和理念，多元化與視覺化成為版式設(shè)計的兩大特點[2-3]。

設(shè)計師在進(jìn)行平面設(shè)計排版時，需要具備一定的理論基礎(chǔ)，并以此確定大致方向和目標(biāo)，通過不斷地對優(yōu)化設(shè)計，逐步形成成功的作品[4]。然而，平面設(shè)計方案瞬息萬變，各具特色，設(shè)計理論發(fā)展迅速。如何抓住平面設(shè)計的精髓成為設(shè)計師自身發(fā)展的重要條件。

盡管版式設(shè)計是平面設(shè)計工作的重要環(huán)節(jié)，但目前市面上多數(shù)APP產(chǎn)品只能進(jìn)行文字識別，忽略了圖像版式本身所傳達(dá)的重要信息。本文針對上述問題進(jìn)行研究，成果將為實現(xiàn)版式設(shè)計信息數(shù)字化提供一種可行路徑。

1、硬件設(shè)計

1.1傳感器種類

攝像頭傳感器按其實現(xiàn)技術(shù)工藝分為CCD傳感器和CMOS傳感器[5]。其中CCD傳感器成像質(zhì)量好由于CMOS傳感器，但制造工藝復(fù)雜，成本高。在相同傳感器分辨率條件下，CMOS類傳感器價格比CCD類傳感器便宜。隨著半導(dǎo)體工藝進(jìn)步，逐漸拉近了與CCD傳感器之間的差距。

目前，以CMOS傳感器為攝像頭主要部件的手機已成為主流，CMOS傳感器技術(shù)已經(jīng)能夠滿足本圖像辦事信息識別系統(tǒng)的需求。

1.2補光系統(tǒng)

照度是測量光強度的單位，若物體所處環(huán)境的天然光線或環(huán)境光線不能滿足光傳感器對臨界光照強度需求，就需要采用人工光源進(jìn)行補光，這就是閃光燈的作用[6]。

然而，不同類型的閃光燈具備不同的色彩光譜，采用其進(jìn)行照片補光，可能會使裝片的色彩發(fā)生偏移。手機閃光燈一般采用LED光源，光譜中存在大量的藍(lán)色光線，這就需要在后續(xù)的圖像處理中給與白平衡矯正[7]。

1.3光學(xué)鏡片

畸變是指光線通過光學(xué)系統(tǒng)時透射鏡頭的邊緣部分和中心部分的放大倍率不一樣導(dǎo)致[8]。對于圖像版式信息識別系統(tǒng)而言，畸變帶來的危害較大。然而當(dāng)前手機往往只具備單一的廣角鏡頭，其在圖像畸變方面更為不利，因此需要在后續(xù)的圖片處理中給以糾正。

綜上所述，攝像頭作為版式設(shè)計分析軟件獲取外界環(huán)境信息的首要途徑，其應(yīng)具備良好的色彩還原性以及圖片抗畸變性能。

2、圖像辦事信息識別系統(tǒng)功能設(shè)計

2.1軟件功能分析

（1）圖片編輯功能設(shè)計，能夠?qū)Σ扇z像功能獲得的圖片進(jìn)行互動操作。①可根據(jù)用戶對光源種類及色溫的選擇，校準(zhǔn)圖像白平衡，還原色彩設(shè)計初衷。②可對圖片進(jìn)行邊緣畸變矯正，能夠?qū)Σ煌嵌扰臄z的圖片進(jìn)行校準(zhǔn)，使后期獲得的版式設(shè)計關(guān)系更為準(zhǔn)確。③可對圖片進(jìn)行邊緣裁切，限制分析區(qū)域。

（2）版式分析功能設(shè)計，能夠通過交互式操作，對圖片版式進(jìn)行智能識別，獲得設(shè)計版式信息。其功能包括以下幾個方面：①實現(xiàn)版面識別，通過交互操作實現(xiàn)版面比例標(biāo)定及矩形單元繪制，確定素材主要元素。②實現(xiàn)版面分析，對圖、表、字的位置關(guān)系，比例特征，形狀模式，色彩特色，并將獲得的版式信息數(shù)字化。③根據(jù)版式要素信息，解析視覺引導(dǎo)線，。上述過程可以在交互中促進(jìn)AI學(xué)習(xí)，提升AI分析能力與速度。

2.2功能邏輯結(jié)構(gòu)設(shè)計

邏輯一般體現(xiàn)在對內(nèi)容的分組上，良好的邏輯關(guān)系不僅給設(shè)計師帶來更好的操作體驗，同時也能使設(shè)計師的思維更為清晰，更好的把握設(shè)計靈感。本軟件的主要功能邏輯結(jié)構(gòu)關(guān)系如下：

第一步，外環(huán)境圖像攝取及矯正。與用戶通過主動激活A(yù)PP軟件，開啟攝像功能，獲取需要分析的版式圖像。然后通過畸變矯正，環(huán)境補光特性矯正實現(xiàn)素材獲取。

第二步，圖像標(biāo)定。分析被攝對象的主色、輔助色，標(biāo)記主體。通過與用戶互動實現(xiàn)素材元素分析，為版式分析進(jìn)行準(zhǔn)備。

第三步，版式分析。本板塊為本軟件的核心，其通過圖像標(biāo)定獲得的元素之間的位置關(guān)系，面積比例關(guān)系等，分析計算素材版式信息。內(nèi)容包括版面圖、表、字的位置關(guān)系，比例特征，形狀模式，色彩特色等信息，分析中的交互過程可對AI系統(tǒng)進(jìn)行訓(xùn)練。

第四步，云存儲及版式發(fā)表。對于建立云端賬戶的APP用戶，課將自己的圖像版式分析結(jié)果云端保存，也可以在社區(qū)中發(fā)表自己的版式分析結(jié)果。

3、結(jié)語

版式設(shè)計是平面設(shè)計工作的重要環(huán)節(jié)，本文著重設(shè)計了基于手機APP的圖像版式信息獲取系統(tǒng)。詳細(xì)闡述了如何通過APP功能實現(xiàn)版式素材的獲取、分析及存儲等功能，以及軟件內(nèi)在邏輯結(jié)構(gòu)。本文可作為類似功能APP開發(fā)設(shè)計參考之用。

參考文獻(xiàn)：

[1]謝石城.版式設(shè)計中的閱讀與審美[J].文藝爭鳴，2020（1）：196-200.

[2]馬可欣，劉洋.文字與版式設(shè)計[M].北京：清華大學(xué)出版社，2018.

[3]林鸰，李一墨.現(xiàn)代版式設(shè)計特征分析及創(chuàng)新趨勢研究[J].藝術(shù)科技，2016（9）：284.

[4]陳曉.基于視覺設(shè)計師崗位實際需求的課程探析[J].新課程研究（中旬），2018（2）：44-46.

[5]馬華東，陶丹.多媒體傳感器網(wǎng)絡(luò)及其研究進(jìn)展[J].軟件學(xué)報，2006（09）：2013-2028

[6]郭珮瑤，蒲志遠(yuǎn)，馬展.多相機系統(tǒng)：成像增強及應(yīng)用[J].激光與光電子學(xué)進(jìn)展，2021，58（18）：1811013.

[7]劉選福.藍(lán)光光譜寬度及熒光粉配比對白光性能的影響研究[D].大連：大連工業(yè)大學(xué)，2017.

[8]董永圣，叢京洲，李艷紅，等.超薄高清手機鏡頭光學(xué)系統(tǒng)設(shè)計[J].長春理工大學(xué)學(xué)報（自然科學(xué)版），2017，40（4）：33-37.

項目：遼寧省大學(xué)生創(chuàng)新訓(xùn)練項目”版式嗖叭”（編號：2021101480090）。