不同情境下常態(tài)產(chǎn)品包裝交互系統(tǒng)設(shè)計(jì)

王昕兵

（內(nèi)蒙古師范大學(xué)，內(nèi)蒙古 呼和浩特 010022）

0 引言

產(chǎn)品包裝是產(chǎn)品的第一印象，影響產(chǎn)品銷售量。常態(tài)產(chǎn)品包裝設(shè)計(jì)由傳統(tǒng)方式轉(zhuǎn)變?yōu)楝F(xiàn)代方式，現(xiàn)代方式主要采用計(jì)算機(jī)搭建產(chǎn)品包裝交互系統(tǒng)，優(yōu)點(diǎn)是節(jié)約大量設(shè)計(jì)時(shí)間，提高產(chǎn)品包裝設(shè)計(jì)效率[1]。采用產(chǎn)品包裝系統(tǒng)可以從裝飾、文案等美學(xué)角度提升產(chǎn)品形象，有助于消費(fèi)者了解產(chǎn)品。產(chǎn)品包裝設(shè)計(jì)系統(tǒng)使用簡(jiǎn)單、便捷，是一種新型產(chǎn)品包裝設(shè)計(jì)方法。

產(chǎn)品包裝交互系統(tǒng)分為多種類型，針對(duì)不同情境下產(chǎn)品包裝設(shè)計(jì)需求，文章設(shè)計(jì)不同情境下常態(tài)產(chǎn)品包裝交互系統(tǒng)[2]。以情境感知模型為基礎(chǔ)設(shè)計(jì)系統(tǒng)總體結(jié)構(gòu)，通過(guò)產(chǎn)品包裝草圖編輯模塊、產(chǎn)品包裝虛擬展示模塊、用戶管理模塊實(shí)現(xiàn)設(shè)計(jì)師與用戶間的交互，用戶接收到設(shè)計(jì)師設(shè)計(jì)草稿，根據(jù)自身需求調(diào)整設(shè)計(jì)草稿，經(jīng)過(guò)溝通與交互，設(shè)計(jì)出高質(zhì)量產(chǎn)品包裝。軟件部分主要應(yīng)用Illustrator軟件與Photoshop軟件，調(diào)整產(chǎn)品包裝裝潢、濾鏡設(shè)置、顏色模式[3]。經(jīng)過(guò)實(shí)驗(yàn)驗(yàn)證，本文系統(tǒng)用戶滿意度較高、易用性強(qiáng)，是一種有效的常態(tài)產(chǎn)品包裝系統(tǒng)。

1 常態(tài)產(chǎn)品包裝交互系統(tǒng)研究

1.1 不同情境下常態(tài)產(chǎn)品包裝交互系統(tǒng)總體結(jié)構(gòu)

為研究不同情境下常態(tài)產(chǎn)品包裝交互系統(tǒng)，以情境感知模型為基礎(chǔ)，設(shè)計(jì)系統(tǒng)總體架構(gòu)如圖1所示。分析該圖可以看出，根據(jù)情境感知模型設(shè)計(jì)不同情境下常態(tài)產(chǎn)品包裝交互系統(tǒng)，其主要由情境感知模型、產(chǎn)品包裝草圖編輯模塊、產(chǎn)品包裝虛擬展示模塊、用戶管理模塊以及數(shù)據(jù)庫(kù)模塊構(gòu)成[4]。產(chǎn)品草圖編輯修改交互弊端，產(chǎn)品包裝交互弊端分別由產(chǎn)品包裝草圖編輯模塊、產(chǎn)品包裝虛擬展示模塊彌補(bǔ)改進(jìn)。通過(guò)豐富數(shù)據(jù)庫(kù)數(shù)據(jù)存儲(chǔ)、增加圖像編輯功能可解決產(chǎn)品草圖編輯修改交互中的弊端。

圖1 不同情境下常態(tài)產(chǎn)品包裝交互系統(tǒng)總體結(jié)構(gòu)Fig.1 General structure of normal product packaging interactive system in different situations

系統(tǒng)中各模塊工作流程可進(jìn)一步歸納為:確定模塊系統(tǒng)需求；在系統(tǒng)需求基礎(chǔ)上分析數(shù)據(jù)需求；系統(tǒng)數(shù)據(jù)庫(kù)表依據(jù)數(shù)據(jù)庫(kù)模型概念獲取，為設(shè)計(jì)產(chǎn)品包裝草圖編輯模塊、產(chǎn)品包裝虛擬展示模塊、用戶管理模塊創(chuàng)造有利條件。

1.2 硬件設(shè)計(jì)

1.2.1 基于活動(dòng)的情境感知模型

情境感知模型以活動(dòng)理論、用戶情境感知過(guò)程為前提，體現(xiàn)活動(dòng)、情境、活動(dòng)情境間關(guān)系，依據(jù)該關(guān)系分析用戶在不同情境下的產(chǎn)品設(shè)計(jì)需求[5]。人的活動(dòng)包含各種行為階段，各種操作形成一個(gè)行為階段；同一個(gè)活動(dòng)包含主體、工具、物理環(huán)境、社交環(huán)境等要素，不同行為階段的活躍情境因素有所差異。按照特定規(guī)則獲取相應(yīng)活躍情境因素，情境感知行為發(fā)生由某種操作引起[6]。根據(jù)上述內(nèi)容歸納基于活動(dòng)的情境感知模型，如圖2所示。

圖2 基于活動(dòng)的情境感知模型Fig.2 Activity-based situational perception model

詳細(xì)分析圖2中活動(dòng)、行為以及操作部分:

1）活動(dòng)。動(dòng)機(jī)干擾活動(dòng)，人的需求在完成某個(gè)活動(dòng)即可得到滿足。人的情感需求通過(guò)娛樂、學(xué)習(xí)、工作等活動(dòng)得到滿足。產(chǎn)品包裝交互系統(tǒng)設(shè)計(jì)符合用戶要求的作品則是滿足用戶需求。

2）行為。行為是活動(dòng)細(xì)分結(jié)果，多個(gè)行為組成活動(dòng)，實(shí)現(xiàn)用戶需求時(shí)應(yīng)將行為當(dāng)作目標(biāo)導(dǎo)向[7]。

3）操作。操作的屬性是不自覺、無(wú)意識(shí)的，是行為細(xì)分結(jié)果，完成一個(gè)行為需要多個(gè)操作序列支持。

1.2.2 產(chǎn)品包裝草圖編輯模塊

產(chǎn)品包裝草圖編輯模塊可供用戶調(diào)整設(shè)計(jì)作品，用戶依據(jù)自身需求調(diào)整產(chǎn)品包裝草圖中的LOGO、包裝結(jié)構(gòu)等元素，用戶自定義產(chǎn)品包裝顏色、材質(zhì)等信息[8]。因此，客戶端軟件不僅應(yīng)具備基本配圖上傳刪除、產(chǎn)品LOGO上傳刪除、材質(zhì)貼圖上傳刪除等功能，還應(yīng)具備調(diào)整顏色、用戶留言、產(chǎn)品包裝編輯等功能。

1.3 軟件設(shè)計(jì)

1.3.1 采用Illustrator軟件完成結(jié)構(gòu)調(diào)整與裝潢

系統(tǒng)采用Illustrator軟件調(diào)整、裝潢產(chǎn)品包裝結(jié)構(gòu)，需在ArtiosCAD軟件設(shè)計(jì)的基本產(chǎn)品包裝結(jié)構(gòu)上完成。搭建立體模型的產(chǎn)品包裝盒形與平鋪產(chǎn)品包裝盒形不同，獲取高標(biāo)準(zhǔn)產(chǎn)品包裝設(shè)計(jì)模型，應(yīng)再次設(shè)計(jì)產(chǎn)品包裝的尺寸與結(jié)構(gòu)。利用ArtiosCAD軟件平面設(shè)計(jì)功能，調(diào)整產(chǎn)品包裝平面結(jié)構(gòu)，得到符合Illustrator軟件要求的產(chǎn)品包裝結(jié)構(gòu)。通過(guò)ArtiosCAD軟件平面立體轉(zhuǎn)換功能獲取優(yōu)化的立體產(chǎn)品包裝模型，得到立體裝潢結(jié)構(gòu)的產(chǎn)品包裝模型。

在上述準(zhǔn)備工作下，利用Illustrator軟件裝潢產(chǎn)品包裝的流程為:

1）在輸入/輸出插件安裝完成的Illustrator軟件中打開ArtiosCAD軟件設(shè)計(jì)的2D產(chǎn)品包裝。

2）采用選擇工具移動(dòng)產(chǎn)品包裝結(jié)構(gòu)，選中CAD圖后按照用戶要求裝潢產(chǎn)品包裝結(jié)構(gòu)。

3）按照“對(duì)象-裁切標(biāo)記-創(chuàng)建”流程裁切產(chǎn)品包裝裝潢界面，得到的產(chǎn)品包裝裝潢效果如圖3所示。

圖3 基于Illustrator軟件的產(chǎn)品包裝裝潢效果Fig.3 Effect of product packaging decoration based on Illustrator software

1.3.2 采用Photoshop軟件設(shè)計(jì)產(chǎn)品包裝

1）濾鏡功能

賦予簡(jiǎn)單圖形變換萬(wàn)千效果是Photoshop軟件濾鏡主要功能，Photoshop軟件的濾鏡存在多種模式，可滿足用戶多樣化需求。濾鏡使用方式簡(jiǎn)便、效果好，用戶選擇合適濾鏡功能后，確認(rèn)即可。例如:使用“橢圓選框工具”渲染高光效果，采用“加深”或者“減淡”工具呈現(xiàn)部分圖形立體感[9]。

2）顏色模式轉(zhuǎn)換

RGB與CMYK是Photoshop軟件設(shè)計(jì)產(chǎn)品包裝時(shí)采用的兩種常用顏色模式。Photoshop軟件中各種濾鏡效果在RGB顏色模式下完整呈現(xiàn)，但不適用于CMYK顏色模式，所以設(shè)置產(chǎn)品包裝圖像為RGB模式才能使用濾鏡效果[10]；CMYK顏色模式應(yīng)用于產(chǎn)品包裝設(shè)計(jì)的打印稿中，應(yīng)將設(shè)計(jì)完成的產(chǎn)品包裝轉(zhuǎn)換成CMYK顏色模式，打印出效果和顯示器效果才能保持一致。因此，設(shè)計(jì)產(chǎn)品包裝過(guò)程中，應(yīng)用合理顏色模式才能設(shè)計(jì)出高質(zhì)量作品。

1.3.3 交互設(shè)計(jì)流程模型

根據(jù)圖4描述的交互設(shè)計(jì)流程模型實(shí)現(xiàn)產(chǎn)品包裝系統(tǒng)的交互，確保用戶與設(shè)計(jì)師間形成有效交互溝通，為向用戶提供滿意的服務(wù)創(chuàng)造有利條件。圖4中，將產(chǎn)品包裝設(shè)計(jì)問題作為用戶和設(shè)計(jì)師交互始端，將設(shè)計(jì)結(jié)果評(píng)估作為末端，其中經(jīng)歷設(shè)計(jì)分析、產(chǎn)品包裝概念、設(shè)計(jì)方案等步驟，最終形成產(chǎn)品包裝交互設(shè)計(jì)的流程模型。整個(gè)交互流程模型可劃分成4個(gè)階段:

1）準(zhǔn)備階段:設(shè)計(jì)師定義產(chǎn)品包裝設(shè)計(jì)問題，究其本質(zhì)；

2）思考階段:基于解決思路得到具體設(shè)計(jì)概念的階段；

3）創(chuàng)意階段:設(shè)計(jì)出產(chǎn)品包裝的草圖發(fā)送給用戶進(jìn)行調(diào)整；

4）驗(yàn)證階段:用戶給出產(chǎn)品包裝調(diào)整建議，設(shè)計(jì)師依據(jù)用戶建議進(jìn)行優(yōu)化，獲取最佳產(chǎn)品包裝設(shè)計(jì)結(jié)果。

圖4 產(chǎn)品包裝設(shè)計(jì)交互流程模型Fig.4 Interactive process model of product packaging design

2 實(shí)驗(yàn)分析

2.1 易用性測(cè)試

為驗(yàn)證本文系統(tǒng)有效性與優(yōu)勢(shì)，采用本文系統(tǒng)展開產(chǎn)品包裝設(shè)計(jì)實(shí)驗(yàn)。從用戶角度評(píng)估本文系統(tǒng)性能，選取50名用戶采用本文系統(tǒng)完成某兒童食品包裝設(shè)計(jì)，并填寫調(diào)查問卷，整理用戶的問卷內(nèi)容，得到本文系統(tǒng)的易用性。因篇幅有限，僅列舉典型測(cè)試結(jié)果，見表1。

表1 易用性測(cè)試結(jié)果Table 1 Results of usability testing

表中實(shí)驗(yàn)結(jié)果僅列出其中集中具有代表性的易用性測(cè)試內(nèi)容，從快捷鍵設(shè)置、復(fù)選框與選項(xiàng)框規(guī)劃等方面體現(xiàn)本文系統(tǒng)易用性。結(jié)果表明，本文系統(tǒng)完全符合易用性測(cè)試內(nèi)容，使用便捷、簡(jiǎn)單，說(shuō)明本文系統(tǒng)是一種有效的常態(tài)產(chǎn)品包裝設(shè)計(jì)系統(tǒng)。

2.2 用戶滿意度分析

本文系統(tǒng)強(qiáng)調(diào)不同情境下設(shè)計(jì)常態(tài)產(chǎn)品包裝。本次測(cè)試調(diào)查用戶對(duì)本文系統(tǒng)的滿意度，評(píng)估本文系統(tǒng)、基于可拓理論的產(chǎn)品包裝交互系統(tǒng)、基于領(lǐng)域本體的產(chǎn)品包裝交互系統(tǒng)，在不同情境下設(shè)計(jì)某兒童食品包裝后，設(shè)置5種不同情境的包裝設(shè)計(jì)課題。選取50名用戶評(píng)估三種系統(tǒng)的滿意度，將滿意度結(jié)果制成折線圖，如圖5所示。

圖5 用戶滿意度結(jié)果Fig.5 Results of user satisfaction

由圖5可明顯得出三種系統(tǒng)滿意度情況:本文系統(tǒng)滿意度位于折線圖最上方，設(shè)計(jì)的5種情境產(chǎn)品包裝滿意度均大于95%；基于可拓理論的產(chǎn)品包裝交互系統(tǒng)用戶滿意度在66%～73%之間，總體呈下降趨勢(shì)；基于領(lǐng)域本體產(chǎn)品包裝交互系統(tǒng)用戶滿意度在64%～71%之間，總體呈上升趨勢(shì)。

對(duì)比三種系統(tǒng)的用戶滿意度數(shù)據(jù)能夠看出，本文系統(tǒng)的用戶滿意度最高，符合用戶在不同情境下設(shè)計(jì)常態(tài)產(chǎn)品包裝的需求。本文系統(tǒng)優(yōu)勢(shì)突出是因?yàn)?本文系統(tǒng)以情境感知模型為前提，情境感知模型以活動(dòng)理論、用戶情境感知過(guò)程為基礎(chǔ)，完整體現(xiàn)活動(dòng)、情境、活動(dòng)情境間關(guān)系，根據(jù)情境感知分析用戶需求，設(shè)計(jì)出的產(chǎn)品包裝用戶滿意度較高。

2.3 CPU占用率

CPU占用率可描述系統(tǒng)運(yùn)行所占CPU資源的多少，CPU占用率越小，說(shuō)明系統(tǒng)性能越好。在相同實(shí)驗(yàn)環(huán)境下，采用三種系統(tǒng)設(shè)計(jì)5種不同方案的某兒童食品包裝，記錄三種系統(tǒng)CPU占用率，如表2～表4所示。

由表2能夠看出本文系統(tǒng)在不同實(shí)驗(yàn)進(jìn)程中CPU的占用率情況。采用本文系統(tǒng)設(shè)計(jì)不同產(chǎn)品包裝時(shí)，CPU占用率并沒有隨著時(shí)間增長(zhǎng)而明顯增大。由實(shí)驗(yàn)開始到結(jié)束，本文系統(tǒng)CPU占用率在7.8%～8.5%之間，不僅CPU占用率較低，而且系統(tǒng)波動(dòng)性較小。上述數(shù)據(jù)表明，本文系統(tǒng)CPU占用率較低，穩(wěn)定性較好。

由表3可知，基于可拓理論的產(chǎn)品包裝交互系統(tǒng)在10 s，20 s，30 s三個(gè)時(shí)間段上的CPU占用率不斷增加，最小CPU占用率為20.3%，出現(xiàn)在實(shí)驗(yàn)初始階段，最高CPU占用率達(dá)到51.2%，出現(xiàn)在實(shí)驗(yàn)結(jié)束時(shí)刻。因此，該系統(tǒng)CPU占用率隨著實(shí)驗(yàn)推進(jìn)直線上升，CPU占用率大影響計(jì)算機(jī)運(yùn)行速度，往往導(dǎo)致系統(tǒng)設(shè)計(jì)產(chǎn)品包裝所需時(shí)間延長(zhǎng)，影響設(shè)計(jì)效率。與本文系統(tǒng)相比，該系統(tǒng)CPU占用率較高，運(yùn)行性能較差。

表2 本文系統(tǒng)的CPU占用率Table 2 CPU occupancy rate of system proposed in this paper %

表3 基于可拓理論的產(chǎn)品包裝交互系統(tǒng)的CPU占用率Table 3 CPU occupancy rate of product packaging interactive system based on extension theory %

表4 基于領(lǐng)域本體的產(chǎn)品包裝交互系統(tǒng)的CPU占用率Table 4 CPU occupancy rate of product packaging interactive system based on domain ontology %

分析表4能夠看出，基于領(lǐng)域本體的產(chǎn)品包裝交互系統(tǒng)設(shè)計(jì)第1個(gè)產(chǎn)品包裝時(shí)，CPU占用率高達(dá)71.2%，此時(shí)嚴(yán)重阻礙系統(tǒng)整體運(yùn)行進(jìn)程；設(shè)計(jì)第2個(gè)產(chǎn)品包裝的CPU占用率情況與上述接近；設(shè)計(jì)第3個(gè)產(chǎn)品包裝時(shí)有所緩和，CPU占用率降低至64.2%。實(shí)驗(yàn)結(jié)束時(shí)，CPU占用率降低至59.5%。綜合上述數(shù)據(jù)可知，該系統(tǒng)CPU占用率在實(shí)驗(yàn)后期呈降低的趨勢(shì)，但是數(shù)值仍然較高。相比本文系統(tǒng)而言，基于領(lǐng)域本體的產(chǎn)品包裝系統(tǒng)占用CPU資源比重較大，不能作為一種有效包裝設(shè)計(jì)系統(tǒng)使用。

實(shí)驗(yàn)結(jié)果表明，本文系統(tǒng)CPU占用率較低、系統(tǒng)運(yùn)行穩(wěn)定性較優(yōu)，是一種可靠的產(chǎn)品包裝設(shè)計(jì)系統(tǒng)。

3 結(jié)論

本文設(shè)計(jì)不同情境下常態(tài)產(chǎn)品包裝交互系統(tǒng)存在兩點(diǎn)優(yōu)勢(shì):

1）注重不同情境下常態(tài)產(chǎn)品包裝設(shè)計(jì)。本文系統(tǒng)以情境感知模型為前提，情境感知模型包含活動(dòng)理論、用戶情境感知過(guò)程等思想，詳細(xì)分析活動(dòng)、情境、活動(dòng)情境間的關(guān)系，根據(jù)情境感知分析用戶的需求，所以設(shè)計(jì)出的產(chǎn)品包裝用戶滿意度較高。

2）強(qiáng)調(diào)用戶與設(shè)計(jì)師間交互性。通過(guò)產(chǎn)品包裝草圖編輯模塊、產(chǎn)品包裝虛擬展示模塊、用戶管理模塊實(shí)現(xiàn)設(shè)計(jì)師與用戶間交互，用戶接收到設(shè)計(jì)師的設(shè)計(jì)草稿，根據(jù)自身需求調(diào)整設(shè)計(jì)草稿，經(jīng)過(guò)溝通與交互，設(shè)計(jì)出高質(zhì)量產(chǎn)品包裝效果。