發(fā)布時(shí)間：2023-05-29 16:03:35
序言：寫作是分享個(gè)人見解和探索未知領(lǐng)域的橋梁，我們?yōu)槟x了8篇的高級感字體設(shè)計(jì)樣本，期待這些樣本能夠?yàn)槟峁┴S富的參考和啟發(fā)，請盡情閱讀。
摘要：隨著互聯(lián)網(wǎng)產(chǎn)業(yè)和各種手持移動終端的高速發(fā)展，響應(yīng)式網(wǎng)頁設(shè)計(jì)已經(jīng)成為必然趨勢。在手持移動設(shè)備中，系統(tǒng)資源分配給瀏覽器的資源是有限的。我們在進(jìn)行響應(yīng)式設(shè)計(jì)時(shí)不僅要考慮頁面美觀性，各種功能性，還需要從用戶體驗(yàn)感的角度，考慮網(wǎng)頁顯示時(shí)設(shè)備性能的問題。本文將從前端設(shè)計(jì)角度，分析如何CSS表現(xiàn)層方面提高前端性能。
關(guān)鍵詞：前端性能 響應(yīng)式設(shè)計(jì) CSS
中圖分類號：TP39 文獻(xiàn)標(biāo)識碼：A 文章編號：1672-3791（2015）03（c）-0000-00
如今，手持移動設(shè)備正以空前的速度發(fā)展，但與pc比較在性能上還有一定的差距。瀏覽器能夠?qū)崿F(xiàn)的特性越來越多，相對于前端消耗，后端消耗只占整個(gè)流程的10%-20%，網(wǎng)頁訪問、用戶交互、網(wǎng)頁解析、渲染、布局繪制都會消耗內(nèi)存。而在手持移動設(shè)備中，系統(tǒng)資源分配給瀏覽器的資源是有限的。這就要求在對網(wǎng)頁進(jìn)行響應(yīng)式設(shè)計(jì)時(shí)，除了考慮各設(shè)備分辨率的兼容問題，還必須考慮到設(shè)備性能問題，從而提高用戶體驗(yàn)感，提升網(wǎng)站整體性能。本文僅就如何利用css對前端性能的優(yōu)化進(jìn)行歸納總結(jié)。
CSS是網(wǎng)頁的表現(xiàn)層，新的標(biāo)準(zhǔn)規(guī)范CSS3的充分利用可以使web應(yīng)用更加優(yōu)美，但是使用不當(dāng)則會加劇內(nèi)存的損耗，從而有損于網(wǎng)頁的呈現(xiàn)。我們可以從以下幾個(gè)方面去進(jìn)行優(yōu)化：
1、將CSS寫在網(wǎng)頁頭部。CSS文件放到文檔頭部（及外部調(diào)用文件）會讓網(wǎng)頁加載更快，因?yàn)樗鼈兪强梢员痪彺娴摹Ｒ猛獠繕邮揭部梢宰岉撁嬷饾u加載。 如果把樣式表放到文件里面或者文件尾部它會阻止頁面元素的逐漸顯示，并且還會導(dǎo)致頁面內(nèi)容以沒有樣式的形式顯示出來，待完全加載樣式后，頁面重繪，影響用戶體驗(yàn)。
2、盡量避免在HTML標(biāo)簽中寫Style屬性。CSS （Cascading Style Sheets） 通常存儲在樣式表中，使用外部樣式表是為了解決內(nèi)容與表現(xiàn)分離的問題，從而極大提高工作效率，減少代碼冗余。
3、避免CSS表達(dá)式。CSS Expression （CSS 表達(dá)式），是一種使用動態(tài)設(shè)置 CSS 屬性的方式。其實(shí) CSS 表達(dá)式非常強(qiáng)大，我們可以使用 它實(shí)現(xiàn) min-width 屬性以及隔行換色，模擬偽類等等；在你改變窗口大小，滾動頁面甚至移動鼠標(biāo)都會觸發(fā)表達(dá)式進(jìn)行求值，如此頻繁的求值以至于瀏覽器的性能產(chǎn)生嚴(yán)重的影響。所以為了網(wǎng)頁速度和瀏覽器負(fù)擔(dān)，盡可能避免css表達(dá)式。
4、移除空的CSS規(guī)則。空的css規(guī)則指的是該規(guī)則不包含任何屬性，如：.clear{}?？盏腃SS規(guī)則增加了CSS文件的大小，而且會影響CSS樹的執(zhí)行，所以需清除空的CSS規(guī)則。
5、正確使用Display的屬性。CSS display屬性基本上有inline，block，和none三個(gè)屬性值。inline將他所定義的元素顯示為行元素。如strong，input，span默認(rèn)元素為行元素。block元素是塊級元素，會使前后元素產(chǎn)生換行效果。hn和p元素默認(rèn)情況為塊級元素。none，意思是不顯示元素。
除了以上的Display基本屬性，騰訊總結(jié)了以下的一些合理使用的規(guī)則。
a） display：inline后不應(yīng)該再使用width、height、margin、padding以及float
b） display：inline-block后不應(yīng)該再使用float
c） display：block后不應(yīng)該再使用vertical-align
d） display：table-*后不應(yīng)該再使用margin或者float
6、不濫用Float。Float浮動在實(shí)際應(yīng)用種是非常廣泛，但由于Float在渲染的時(shí)候計(jì)算量比較大，對終端瀏覽器增加不必要的負(fù)擔(dān)，所以在一些不應(yīng)該使用float的地方盡量減少使用。如：無序鏈接替代無序列表。當(dāng)可以使用a標(biāo)簽進(jìn)行排列時(shí)，就不要使用無序列表。A標(biāo)簽是行元素，他會自動的橫向排列。Li為塊級元素，要想橫向顯示，必須配合float。也可以設(shè)定li標(biāo)簽display：inline，將塊級變?yōu)樾屑夁_(dá)到頁面所要的效果。這樣會使代碼更簡潔。
7、不濫用Web字體。在Web編碼中，CSS默認(rèn)應(yīng)用的Web字體是有限的，雖然在新版本的CSS3，我們可以通過新增的@font-face屬性來引入特殊的瀏覽器加載字體，但瀏覽器遇到本機(jī)沒有的字體時(shí)會進(jìn)行網(wǎng)絡(luò)下載，解析，重繪當(dāng)前頁面。所以多數(shù)情況下，考慮各個(gè)因素的影響我們還是應(yīng)該盡量充分利用這些系統(tǒng)默認(rèn)web安全字體實(shí)現(xiàn)CSS的編寫。
8、不聲明過多的Font-size。元素的font-size屬性會自動繼承它父級元素的font-size屬性值，除非你重新定義覆蓋它。一般來說，大多數(shù)情況下使用em或者%，這樣在響應(yīng)式顯示時(shí)字體就能被更精細(xì)比例的字號支持。本人建議使用百分比或em來定義font-size大小，在兼容瀏覽器時(shí)也會得到很好的支持。所以盡量合理的定義字體大小，以便于在頁面放縮的時(shí)候仍然保持良好的可讀性，提高css效率。
9、值為0時(shí)不需要任何單位。0 是最好的兼容策略，0 以不變應(yīng)萬變。為了瀏覽器的兼容性和性能，值為0時(shí)不要帶單位。
10、標(biāo)準(zhǔn)化各種瀏覽器前綴。瀏覽器前綴為-webkit（Chrome/Safari），-moz（Firefox），-ms（IE），-o（Opera，現(xiàn)在該瀏覽器改用blink內(nèi)核，已經(jīng)淘汰）。在CSS屬性尚未完全成為W3C標(biāo)準(zhǔn)，我們會使用瀏覽器前綴。在使用時(shí)，應(yīng)該先將所有私有的CSS3屬性寫在前面，最后再寫標(biāo)準(zhǔn)的CSS3屬性。使用css動畫時(shí)，只使用-webkit和無前綴兩種即可。我們期待所有css屬性都成為標(biāo)準(zhǔn)，并且被Firefox、Chrome等所有瀏覽器的最新版兼容，那時(shí)就沒有必要使用瀏覽器前綴了。
11、避免讓選擇符看起來像正則表達(dá)式。高級選擇器，是區(qū)別于常見選擇器的概念，是CSS的高級運(yùn)用，也是作為擴(kuò)展。在使用的時(shí)候，注意有些選擇器會優(yōu)先于其他選擇器，有時(shí)后面的選擇器也會覆蓋前面的樣式。雖然使用高級選擇器可以大幅度的提高開發(fā)書寫或修改樣式表時(shí)的工作效率。但在響應(yīng)式布局時(shí)，考慮到更多終端的性能應(yīng)盡可能的避免看起來比較復(fù)雜的高級選擇器，因?yàn)楦呒夁x擇器執(zhí)行耗時(shí)長且不易讀懂，避免使用。
綜上，在我們進(jìn)行響應(yīng)式設(shè)計(jì)時(shí)，由于要適應(yīng)不同終端，需要加載的css文件比較大，流量成本也比較高，終端反應(yīng)速度較慢，客戶端加載時(shí)間過長。所以進(jìn)行前端性能優(yōu)化有相當(dāng)?shù)谋匾１疚膬H從優(yōu)化css的方面提了一些拙見，在前端性能優(yōu)化方面還有很長的路要走，作為前端設(shè)計(jì)工程師我們只有不斷的去挖崛研究，才能趕上科技前進(jìn)的步伐。
參考文獻(xiàn)：
1、《Web前端性能優(yōu)化的研究與應(yīng)用》 張紫薇 電子科技大學(xué)2011年 03期
經(jīng)過不懈努力和反復(fù)研究，我獨(dú)創(chuàng)了一種利用Word批量制作燈謎條幅的方法，現(xiàn)在與大家一起來分享。
準(zhǔn)備工作完成好
平時(shí)我把一些經(jīng)典燈謎收集在Excel中，現(xiàn)在打開它，把謎面和謎底復(fù)制一下（如圖1所示）。注意粘貼到Word時(shí)一定要在“粘貼選項(xiàng)”中選擇“僅保留文本”（若是低版本W(wǎng)ord沒有粘貼選項(xiàng)，可用記事本中轉(zhuǎn)）。
一條一條的燈謎當(dāng)然要漂亮才能更吸引人，好好對頁面進(jìn)行設(shè)置吧。進(jìn)入“文件頁面設(shè)置”，在“文檔網(wǎng)格”選項(xiàng)卡下，將“文字排列”的“方向”設(shè)為“垂直”；選擇“紙張”選項(xiàng)卡，將“寬度”設(shè)為“10.5厘米”，“高度”設(shè)為“29.7厘米”（即標(biāo)準(zhǔn)A4紙張寬度的一半，高度不變）；再到“頁邊距”選項(xiàng)卡中將“方向”設(shè)為“縱向”，并設(shè)置“頁邊距”：上5.29厘米、下1.06厘米、左1.94厘米、右1.94厘米，確定，頁面設(shè)置完成！
謎條設(shè)置變魔術(shù)
有了美觀的臉，還要有好的內(nèi)容，并且要快速生成。
謎面切分與美容
1進(jìn)入“編輯替換高級”，將鼠標(biāo)定位在“查找內(nèi)容”，點(diǎn)擊“特殊字符”，選擇“段落標(biāo)記”。再將鼠標(biāo)定位在“替換為”，點(diǎn)擊“特殊字符”按鈕，選擇“段落標(biāo)記”，再次點(diǎn)擊“特殊字符”，選擇“手動分頁符”。即：將“段落標(biāo)記”替換為“段落標(biāo)記+手動分頁符”（不含“+”）。點(diǎn)擊“全部替換”。
2在“編輯”菜單中選擇“全選”，在“格式字體”中將“中文字體”設(shè)置為“隸書”，“字號”設(shè)為“72”；選擇“字符間距”選項(xiàng)卡，“間距”設(shè)為“緊縮”，“磅值”設(shè)為“10磅”。點(diǎn)擊“確定”。
3在“編輯”菜單中選擇“替換”，將“查找內(nèi)容”設(shè)為“段落標(biāo)記”，將“替換為”設(shè)為“）+段落標(biāo)記”（注意：不含“+”；“）”為全角右括號），將鼠標(biāo)繼續(xù)定位在“替換為”位置，點(diǎn)擊“格式”按鈕，選擇“字體”。然后在“字體”選項(xiàng)卡中將“中文字體”設(shè)置為“華文行楷”。點(diǎn)擊“全部替換”。然后按照第一步的方法，將全文的“制表符”替換為“段落標(biāo)記+（”，替換內(nèi)容的字體仍然為“華文行楷”。
謎底也要清晰美觀
在“編輯”菜單中選擇“替換”，勾選“搜索選項(xiàng)”中的“使用通配符”，將“查找內(nèi)容”設(shè)為“（*）”（其中“*”為半角符號，左右括號為全角符號），將“替換為”設(shè)置為“查找內(nèi)容”（在“特殊字符”中選擇）。按照上一步的方法，將替換內(nèi)容的字體設(shè)置為：中文字體――華文行楷；字號――小初；字符間距――標(biāo)準(zhǔn)。將替換內(nèi)容的段落設(shè)置為：對齊方式――右對齊；段前――“15磅”。點(diǎn)擊“全部替換”。
為謎條添加號碼排好隊(duì)
在“視圖”菜單中選擇“頁眉和頁腳”，在“頁眉和頁腳”工具條中點(diǎn)擊“插入頁碼”圖標(biāo)。用鼠標(biāo)任意選中一個(gè)剛剛插入的頁碼，將其“字體”和“字號”設(shè)置為：“Times New Roman”和“72”。燈謎條幅的設(shè)計(jì)工作就完成了。
最后讓我們用25%的頁面顯示欣賞一下我們的勞動成果（如圖2所示，還不錯(cuò)吧！現(xiàn)在大家是不是也和我一樣興奮而滿懷成就感呢？^_^
關(guān)鍵詞：網(wǎng)絡(luò)媒體專業(yè) 網(wǎng)頁設(shè)計(jì) 課程體系
網(wǎng)絡(luò)行業(yè)隨著近幾年的突飛猛進(jìn)，老套的設(shè)計(jì)課程、基礎(chǔ)理論課程等等，已經(jīng)跟不上這種快節(jié)奏的速度了，好多的軟件、課程還沒等畢業(yè)，就已經(jīng)被社會淘汰了。網(wǎng)絡(luò)發(fā)展的迅猛，老百姓審美的提高，帶來的就是媒體、設(shè)計(jì)公司的加速發(fā)展，各大網(wǎng)媒的職位缺口將會越來越嚴(yán)重。
再隨著諸如淘寶、京東等電商的興起，智能手機(jī)在網(wǎng)絡(luò)上的占比越來越大，從而使好多新的崗位在各大型公司中出現(xiàn)，中小公司也會隨之興起。市場對網(wǎng)頁設(shè)計(jì)人才的需求，不僅在數(shù)量上越來越大，而且在質(zhì)量上也有了越來越高的要求。新的課程體系，必須大膽的刪減老套的、不實(shí)用的課程，大膽的增加新軟件、新實(shí)戰(zhàn)的課程。而為了能讓學(xué)生在有限的大學(xué)期間里，學(xué)到一畢業(yè)就能夠適應(yīng)公司、適應(yīng)社會的東西，才是目前最急缺的。為了學(xué)生的綜合能力的發(fā)展，具體說下網(wǎng)絡(luò)媒體專業(yè)在學(xué)期間的必修課程：
1 基礎(chǔ)課程
設(shè)計(jì)素描：是一個(gè)把失敗的考前教育，通過學(xué)生在原來的造型功底上加以變化，按照各種引導(dǎo)與命題來擴(kuò)展及開放思維的課程。
設(shè)計(jì)色彩：讓學(xué)生對色彩的歸納、顏色的搭配都有一定的深入認(rèn)識。
設(shè)計(jì)速寫：把風(fēng)景寫生中的寫實(shí)、寫意、透視及設(shè)計(jì)的完美結(jié)合，為以后每個(gè)設(shè)計(jì)作品的初稿奠定基礎(chǔ)。
三大構(gòu)成：將會使學(xué)生在日后的網(wǎng)絡(luò)媒體設(shè)計(jì)中，設(shè)計(jì)出極具專業(yè)水準(zhǔn)的作品。網(wǎng)絡(luò)媒體設(shè)計(jì)是呈現(xiàn)在顯示器規(guī)定視覺空間內(nèi)的設(shè)計(jì)工作，點(diǎn)線面與色彩的合理布局至關(guān)重要。
2 專業(yè)基礎(chǔ)課程
Photoshop：本課程將詳細(xì)講解Photoshop強(qiáng)大的圖像處理功能及高級技巧，針對平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)等專業(yè)的各種應(yīng)用實(shí)戰(zhàn)性教學(xué)。
版式構(gòu)圖與設(shè)計(jì)技巧：是一門根據(jù)平面中的版式進(jìn)行延伸，對網(wǎng)頁設(shè)計(jì)中的網(wǎng)頁的版式，構(gòu)圖的掌握及學(xué)習(xí)方法，是網(wǎng)頁設(shè)計(jì)中的必修課程。
Illustrator：同是Adobe公司旗下的設(shè)計(jì)軟件，是一款矢量圖軟件，其圖像處理功能及高級技巧，針對平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)以及flas等專業(yè)的各種實(shí)際應(yīng)用實(shí)戰(zhàn)教學(xué)。
字體設(shè)計(jì)：對平面設(shè)計(jì)和網(wǎng)頁設(shè)計(jì)中的字體的變形、設(shè)計(jì)、應(yīng)用，不同字體的搭配，以及進(jìn)行相關(guān)的排版設(shè)計(jì)。是網(wǎng)頁設(shè)計(jì)中的必修課程。
Logo設(shè)計(jì)：系統(tǒng)講授怎么去針對一個(gè)公司的企業(yè)形象，通過對公司各方面的理解，做出賦有其文化、理念、標(biāo)志性的logo。
廣告策劃：是對于提出廣告決策、實(shí)施廣告決策、檢驗(yàn)廣告決策全過程作預(yù)先的考慮與設(shè)想，是對廣告的整體戰(zhàn)略與策略的運(yùn)籌規(guī)劃。
廣告設(shè)計(jì)：利用之前課程中對圖象、文字、色彩、版面、圖形等表達(dá)廣告的元素，結(jié)合廣告媒體的使用特征，通過相關(guān)設(shè)計(jì)軟件來為實(shí)現(xiàn)表達(dá)廣告目的和意圖的設(shè)計(jì)。
3 專業(yè)課程
Flas：熟練掌握二維動畫的創(chuàng)作，通過對網(wǎng)站中banner的設(shè)計(jì)，成功把平面設(shè)計(jì)中的廣告轉(zhuǎn)化為動態(tài)廣告。
Fireworks應(yīng)用：學(xué)會使用Fireworks優(yōu)化并導(dǎo)出網(wǎng)頁。
網(wǎng)頁界面設(shè)計(jì)：對網(wǎng)頁的版式構(gòu)圖、字體搭配、色彩搭配等必備知識的掌握，對歐美、日韓及中國現(xiàn)在流行的搭配風(fēng)格進(jìn)行解析，讓學(xué)生對網(wǎng)頁界面有一定的認(rèn)識與應(yīng)用，是網(wǎng)頁設(shè)計(jì)中的必修課程。
網(wǎng)頁設(shè)計(jì)：掌握網(wǎng)頁設(shè)計(jì)的基本工作流程，了解 Dreamweaver在流程中的作用；學(xué)習(xí)HTML的基本語法、修改常用的HTML標(biāo)簽；掌握網(wǎng)頁設(shè)計(jì)的基本原則，熟知建立網(wǎng)站并生成網(wǎng)頁的基本流程。
DIV+CSS布局：學(xué)習(xí)附加外部樣式表，鏈接方式和導(dǎo)入方式；新建樣式，類、標(biāo)簽，新建樣式表文件；詳解使用 DIV+CSS布局和Web2.0頁面和網(wǎng)站布局的方法和流程。利用Dreamweaver 實(shí)現(xiàn)網(wǎng)站。
Javascript交互：運(yùn)用語言程序的構(gòu)成和編寫；使用 Javascript 給頁面添加動態(tài)交互事件；對表單本地?cái)?shù)據(jù)驗(yàn)證，降低服務(wù)器的負(fù)荷；制作廣告，頁面漂浮圖片等常用效果；提供數(shù)據(jù)驗(yàn)證的基本功能，js的作用也主要在實(shí)現(xiàn)網(wǎng)頁的一些特效，css難以實(shí)現(xiàn)的特效，通常和Jquery，Ajax，聯(lián)合使用。
網(wǎng)絡(luò)媒體設(shè)計(jì)綜合實(shí)訓(xùn)：開放的網(wǎng)絡(luò)媒體設(shè)計(jì)項(xiàng)目實(shí)習(xí)，使學(xué)員完全掌握網(wǎng)絡(luò)媒體設(shè)計(jì)流程和各個(gè)環(huán)節(jié)將面對的問題及對應(yīng)的解決方案。著重訓(xùn)練綜合設(shè)計(jì)和操作大型項(xiàng)目的能力。針對網(wǎng)絡(luò)媒體行業(yè)的需求進(jìn)行實(shí)訓(xùn)，無縫連接。
UI圖標(biāo)設(shè)計(jì)：iOS圖標(biāo)模仿秀，水晶、玻璃、金屬各種質(zhì)感經(jīng)典案例演示，創(chuàng)造一組屬于自己的個(gè)性圖標(biāo)，各平臺圖標(biāo)設(shè)計(jì)規(guī)范與設(shè)計(jì)趨勢。
UI界面設(shè)計(jì)：手機(jī)應(yīng)用界面的規(guī)范與設(shè)計(jì)，天氣、新聞資訊、社交網(wǎng)絡(luò)、音樂播放器各種主題風(fēng)格的制作與技巧。界面設(shè)計(jì)要和用戶研究緊密結(jié)合，是一個(gè)不斷為最終用戶設(shè)計(jì)滿意視覺效果的過程。
UI交互設(shè)計(jì)：交互設(shè)計(jì)與用戶體驗(yàn)設(shè)計(jì)，AxureRP交互原型繪制工具使用，需求分析、用戶研究、思維導(dǎo)圖，演示完整的手機(jī)APP的制作流程。
就以上必修課程在教學(xué)時(shí)序的安排上，從設(shè)計(jì)的基礎(chǔ)-平面設(shè)計(jì)-網(wǎng)頁設(shè)計(jì)-視覺強(qiáng)化設(shè)計(jì)-UI交互設(shè)計(jì)。本著由淺入深、逐步深化的原則，每一方面的課程都要保證后續(xù)課程的開設(shè)是前面課程的深入。不同方面的課程間，能在同一個(gè)學(xué)期相互配合的課程絕不作跨學(xué)期安排。保證學(xué)生每個(gè)學(xué)期所學(xué)到的知識都是全面的。
總的來說，把網(wǎng)絡(luò)媒體作為一個(gè)行業(yè)和一個(gè)完整的專業(yè)體系來看，加強(qiáng)課程體系的建設(shè)，有助于實(shí)現(xiàn)更高的教學(xué)目標(biāo)、培養(yǎng)學(xué)生的綜合能力，從而更好的適應(yīng)人才市場的變化，為學(xué)生的就業(yè)打下更好的基礎(chǔ)。
參考文獻(xiàn)：
[1]郭曉陽，劉立偉.網(wǎng)絡(luò)媒體設(shè)計(jì)[M].水利水電出版社.
版面是報(bào)紙的門面。一張報(bào)紙是否吸引讀者，是否可讀、易讀、悅讀，在一定程度上取決于版面。在閱讀之前，讀者對其具體內(nèi)容并不清楚，因而無法根據(jù)內(nèi)容去選擇。而版面的編排形式卻可以向讀者發(fā)出直觀信息――或莊重大方，或清新典雅，或生動活潑，給人一種視覺上的愉悅；反之，一個(gè)形式零亂的版面，令人望而生厭，即使內(nèi)容不錯(cuò)也會與讀者失之交臂。
形式美法則，是經(jīng)過歷代藝術(shù)家的發(fā)現(xiàn)與挖掘，逐步總結(jié)出來的規(guī)律，它也適用于報(bào)紙版面。而興起于上個(gè)世紀(jì)50年代的模塊化版面設(shè)計(jì)，隨著國際化融合步伐的加快，國內(nèi)各大報(bào)紙紛紛效仿，一時(shí)間風(fēng)生水起。而模塊化設(shè)計(jì)是以網(wǎng)格體系為基礎(chǔ)，每篇稿件形成一個(gè)規(guī)則的矩形，用圍框或空白將之與其他稿件分開，讀者在閱讀過程中就不會發(fā)生串行、誤讀的現(xiàn)象，極大地方便了讀者的閱讀，從而得到了報(bào)業(yè)市場的認(rèn)可。版面作為報(bào)紙的呈現(xiàn)形式，既受制于新聞內(nèi)容，又能動地反映和表現(xiàn)新聞內(nèi)容。而版面編排是一種具有內(nèi)在秩序的藝術(shù)，秩序就是規(guī)律性。作為版面編輯，研究版面形式美法則，就是為了掌握它的規(guī)律性。對照當(dāng)下各家報(bào)紙恪守的模塊化法則，可以更好地駕馭版面，多出精品。
從版面編排角度看，形式美法則是多方面的，筆者注意到的有以下幾種關(guān)系：統(tǒng)一與多樣、對比與調(diào)和、對稱與平衡、節(jié)奏與韻律、條理與反復(fù)、動感與靜感、整體與局部，等等。這些關(guān)系的要求有些能與模塊化相契合，而有的則相悖，那么如何處理這些沖突呢？
統(tǒng)一與多樣。統(tǒng)一與多樣是形式美法則的高級形式。應(yīng)注意處理好統(tǒng)一與多樣的比重關(guān)系，也就是在同一個(gè)版面中，“統(tǒng)一”與“多樣”各自占的比重。統(tǒng)一是主導(dǎo)，多樣變化是從屬。統(tǒng)一的目的是強(qiáng)化版面的整體感，而多樣變化則會突破版面的單調(diào)呆板。但過分地追求多樣變化，則可能雜亂無章，失去整體感。在這一點(diǎn)上，形式美與模塊化是一致的。因?yàn)閳?bào)紙是新聞紙，不是平面設(shè)計(jì)作品，它的首要功能是傳播信息。太過浮躁夸張的形式處理反而顯出版面編輯的格調(diào)不高，缺乏應(yīng)有的內(nèi)涵和審美趣味。
對比與調(diào)和。在版面設(shè)計(jì)中，缺少對比效果就缺少活力，就不能在視覺上抓住人，這是模塊容易出現(xiàn)的情況，過于規(guī)整的模塊經(jīng)常會走向中庸。版面設(shè)計(jì)可以從諸多方面運(yùn)用對比手法：如虛實(shí)、聚散、繁簡、疏密、主次、輕重、大小、長短等。在一個(gè)版面上運(yùn)用對比手法，形成對比的沖突點(diǎn)，形成畫龍點(diǎn)睛之筆，如果版面也有“奧運(yùn)會”的話，那么，這些手段就好比版面的“沖金點(diǎn)”。
在版面設(shè)計(jì)中，假若只有對比而缺少調(diào)和，版面就會缺少秩序和安定的美感。且沖突過于強(qiáng)烈，會給讀者一種暴力傾向，會嚇跑讀者，對報(bào)紙也是一種傷害；而版面的調(diào)和，首先是指版面中占絕對優(yōu)勢的某種視覺元素駕馭整體，以壓倒性的優(yōu)勢讓對比性元素居于從屬地位。其次是指在互相對應(yīng)的元素中尋找“調(diào)和”點(diǎn)，使二者的沖突得以緩和，獲得新的平衡，取得和諧的效果。應(yīng)該強(qiáng)調(diào)的是，這種平衡與和諧不是指模塊化中易犯的平庸。
對稱與平衡。古人就強(qiáng)調(diào)對稱美，在報(bào)紙版面中也經(jīng)常運(yùn)用對稱的形式，它給人以穩(wěn)定、沉靜、端莊、大方的感覺，產(chǎn)生秩序、理性、高貴、靜穆的美。平衡又稱均衡，體現(xiàn)了力學(xué)原則。而版面的平衡是指版面的上與下、左與右取得面積、色彩、重量等量上的大體平衡，而不能給人以頭重腳輕、左右偏離的感覺。在版面上，對稱與平衡產(chǎn)生的視覺效果是不同的，前者端莊靜穆，有統(tǒng)一感、節(jié)奏感，但過分均等就易顯呆板；后者生動活潑，有運(yùn)動感和奇險(xiǎn)感，但有時(shí)因變化過強(qiáng)而易失衡。因此，在版面設(shè)計(jì)中要注意把對稱、平衡兩種形式有機(jī)地結(jié)合起來靈活運(yùn)用。而模塊化中這個(gè)問題就比較容易解決，模塊的整體調(diào)換、調(diào)整，重新布局就很容易產(chǎn)生對稱和平衡。
節(jié)奏和韻律。節(jié)奏是周期性、規(guī)律性的運(yùn)動形式。節(jié)奏往往呈現(xiàn)一種秩序美。在版面設(shè)計(jì)中，沒有節(jié)奏的版面肯定是沉悶的。讀者在看報(bào)紙時(shí)，通常的閱讀習(xí)慣是由左到右、由上到下、由題目到正文的閱讀過程，如果編輯設(shè)計(jì)版面時(shí)在標(biāo)題、圖片、欄目、點(diǎn)線面上做文章，讓它們有所變化，在視覺上形成串，形成跳躍式的塊狀、電狀，這樣讀者讀來就有一種節(jié)奏感。韻律更多地呈現(xiàn)一種靈活的流動美。像版面中舒緩的花線、曲線，副刊中典雅的插圖，自由自在的變體標(biāo)題字等，都可讓讀者感受到韻律之美。但是，由于現(xiàn)在的版面強(qiáng)調(diào)模塊化，節(jié)奏的體現(xiàn)可以通過標(biāo)題字?jǐn)?shù)的長短、稿件篇幅的長短來調(diào)節(jié)，形成節(jié)奏美；由于不要運(yùn)用過多線框的指導(dǎo)思想，因而在模塊化中的韻律美并不容易表現(xiàn)出來。
條理與反復(fù)。在版面設(shè)計(jì)中，將點(diǎn)、線、面，黑、白、灰等元素梳理歸納為有序的狀態(tài)，稱為條理。將某一母題（相同或相似的形態(tài)）多次重復(fù)出現(xiàn)在版面上的效果，稱為反復(fù)。版面設(shè)計(jì)十分重視條理性，沒有條理性也就談不上設(shè)計(jì)。版面設(shè)計(jì)拒絕混亂、蕪雜的畫面效果，追求條理性的秩序美。在版面設(shè)計(jì)中標(biāo)題的變化最多，但一般情況下仍應(yīng)以橫題為主，在同一個(gè)版面中最多只用一個(gè)豎標(biāo)題，否則橫橫豎豎的標(biāo)題會破壞版面，給人一種雜亂無章的感覺，不耐卒讀。標(biāo)題的字體和美化不宜變化太多，有的版面一個(gè)標(biāo)題竟然運(yùn)用了三種字體，太多的變化讓讀者眼花繚亂，容易失去條理性。而模塊化中就不會出現(xiàn)這種情況，所以，形式美中的條理是契合模塊化的，可以一致相攜。
版面中適當(dāng)?shù)姆磸?fù)，如內(nèi)容相近、體裁相同、字?jǐn)?shù)相等的稿件，標(biāo)題可用統(tǒng)一的字體字號，或加同樣的底紋，或框同樣的線等。適當(dāng)?shù)剡\(yùn)用重復(fù)，可讓讀者感受到一種秩序之美。值得注意的是，在倡導(dǎo)模塊化排版的今天，塊狀化的堆砌并不等同于反復(fù)，因?yàn)樗鄙僖Ш?，顯得松散而單一。
動感與靜感。根據(jù)版面稿件內(nèi)容的需要，決定采用動感或靜感的形式。如文體版類宜選動感形式，比如去年奧運(yùn)會的大好時(shí)機(jī)，許多動感強(qiáng)烈的圖片經(jīng)過適當(dāng)?shù)募舨煤妥鲆恍┨匦?，使動感的圖片更具視覺沖擊力；而理論類版面宜選靜感形式，呼應(yīng)思考類稿件的冷靜表達(dá)。對于這一點(diǎn),模塊化可以在嚴(yán)格規(guī)定的前提下有所突破，尤其是動感強(qiáng)烈的版面，就像去年安徽日報(bào)的奧運(yùn)特刊，完全可以在模塊的基礎(chǔ)上做出強(qiáng)勢。
整體與局部。編輯版面整體關(guān)系的重要性遠(yuǎn)遠(yuǎn)大于局部關(guān)系。無論是注重形式美，還是恪守版面模塊化都是如此。一個(gè)版面好比一臺戲，在編排中，內(nèi)容主次的把握、圖片大小的對比處理、版面布局分寸的控制等等，都應(yīng)作統(tǒng)籌規(guī)劃，以使局部服從于整體。所謂整體感，就是版面的視覺各要素之間形成恰當(dāng)優(yōu)美的聯(lián)系，各要素不是孤立存在的，而是互為依托、相輔相存的。每個(gè)局部都要有變化，但對于整體而言是統(tǒng)一的。整體統(tǒng)轄局部，局部服從整體,這是版面形式美的重要法則，也是模塊化版面的最終目的。
關(guān)鍵詞：編排設(shè)計(jì);平面設(shè)計(jì);應(yīng)用研究
一、文字元素的應(yīng)用分析
首先文字元素要與周圍的“環(huán)境”有所區(qū)別，因?yàn)槲淖值闹饕δ苁窍蜷喿x者傳達(dá)作者的想法和各種信息，要達(dá)到這一目的，必須給人以清新的視覺印象。但設(shè)計(jì)時(shí)避免繁雜、零亂，要讓人易記、易懂、易認(rèn)，不能和整個(gè)作品的風(fēng)格特征沖突。其次，文字作為畫面的形象要素之一，具有傳達(dá)感情的功能，因此，必須在視覺上給消費(fèi)者以美感。正像一個(gè)人在街上看到很特別的一個(gè)女子時(shí)，不免要多看一眼，為什么要多看，是因?yàn)樗o人美感，有她獨(dú)特的地方。而平面廣告中的文字，是一樣的道理。巧妙組合字型，正象一個(gè)女子巧妙的衣服搭配，使人感到愉快，從而獲得良好的心理反應(yīng)，進(jìn)而在廣告上停留更長的時(shí)間。第三，文字設(shè)計(jì)要富于創(chuàng)造性。廣告設(shè)計(jì)要敢于創(chuàng)新，敢于出奇，根據(jù)作品主題的要求，突出文字設(shè)計(jì)的個(gè)性色彩，創(chuàng)造出與眾不同的獨(dú)具特色的字體，給人以別開生面的感受。設(shè)計(jì)時(shí)，要從字的形態(tài)特征與組合上進(jìn)行想辦法，就像人穿衣服，要根據(jù)自己的個(gè)性、年齡、體形、季節(jié)等去搭配，但不是因?yàn)橛羞@些限制，就得春季非穿淺顏色衣服，而是要適合，這樣才能使其外部形態(tài)和內(nèi)在的含義相吻合，喚起人們對此的美好感受。第四，文字設(shè)計(jì)要有協(xié)調(diào)美、組合美。一個(gè)人全身上下包括頭上的飾品和腳底的襪子在內(nèi)，顏色最好不要超過三種，這樣會給人一種協(xié)調(diào)的美感，這就是說，要合理的搭配、組合。平面廣告中如果文字排列組合的不得當(dāng)，擁擠雜亂，缺乏視線流動的順序，就會影響字體的美感，也不利于人們有效的閱讀，這樣就難以產(chǎn)生良好的視角效果。
文字要想取得良好的視覺排列效果，關(guān)鍵在于找出不同字體之間的內(nèi)在聯(lián)系，對其不同的對立因素進(jìn)行和諧的組合，不但要保持各自的個(gè)性特征，還要有整體的協(xié)調(diào)感。對比可以從字體風(fēng)格、大小、方向、明暗度等方面進(jìn)行。同時(shí)，還要考慮到人們的閱讀習(xí)慣，根據(jù)大眾的閱讀順序，滿足人們的閱讀需求，最后達(dá)到廣告的目的。
二、圖形元素的應(yīng)用研究
圖形元素是用視覺的藝術(shù)手段來傳達(dá)商品勞務(wù)信息或者是設(shè)計(jì)師的思想，從而增強(qiáng)記憶效果，讓平面作品欣賞者者能夠以更快、更直觀的方式來接受信息，同時(shí)讓欣賞者留下更深刻的影象，因此，在這種情況下，圖形內(nèi)容要突出所傳達(dá)的信息內(nèi)容的個(gè)性，通俗易懂、簡潔明快，有強(qiáng)烈的視覺效果。那平面廣告作品來說，一般圖形元素是圍繞著標(biāo)題和正文來展開的，對標(biāo)題起了一個(gè)襯托作用?，F(xiàn)在平面廣告作品的圖形表現(xiàn)手法主要有以下幾種：
攝影：在產(chǎn)品廣告中經(jīng)常用攝影的形式來體現(xiàn)，以加強(qiáng)廣告的真實(shí)感。繪畫：大部分以超象的形式給人一種懸念，或是一種意念，來創(chuàng)造一種理想的氣氛?？ㄍ嫞和ǔ？ㄍ嬁煞譃橛哪院突詢煞N。幽默可逗人一笑，滑稽性可使人難以忘懷，都能發(fā)揮很好的宣傳效果。另外，從圖形元素的外形特征來看，這些圖形分為規(guī)則圖形和不規(guī)則圖形兩類。不規(guī)則圖形是和規(guī)則圖形即嚴(yán)格的幾何圖形相對的圖形。一般而言，在平面設(shè)計(jì)中，規(guī)則和不規(guī)則構(gòu)成了一種相輔相成的關(guān)系，這種互補(bǔ)關(guān)系有著心理學(xué)上的深層依據(jù)。規(guī)則的圖形傾向于穩(wěn)定、靜止、秩序，但一味規(guī)則也很容易導(dǎo)致單調(diào)和刻板;不規(guī)則的圖形顯得活潑、生動，但走向極端就會變成雜亂無章?！爸刃蚋小笔侨藗儗徝乐X活動的一條基本心理學(xué)原則，在這種知覺過程中，太單調(diào)的圖像引不起人的知覺興趣，太雜亂的圖像又使人茫然，因此平面設(shè)計(jì)的審美要求就建立在這種簡單與復(fù)雜、規(guī)則與不規(guī)則之間。當(dāng)然，不規(guī)則圖形在屏幕設(shè)計(jì)中還有許多其他的表現(xiàn)形式。
三、色彩元素的應(yīng)用研究
通常情況下，人對于信息的注意首先源于色彩，色彩在起初的瞬間占據(jù)了視覺注意力的80%，其余來自于文字等因素。色彩是編排設(shè)計(jì)的一個(gè)重要方面，同樣的信息內(nèi)容，不同的色彩構(gòu)成，改變了平面設(shè)計(jì)作品的節(jié)奏與視覺沖擊力，也會影響到人的閱讀視覺順序。合理地運(yùn)用色彩構(gòu)成知識能賦予平面設(shè)計(jì)作品更深的含義，營造更好的氛圍，也能對平面設(shè)計(jì)作品的節(jié)奏進(jìn)行調(diào)節(jié)，從而改變?nèi)藗兊囊曈X流程。
【關(guān)鍵詞】教科書 視覺要素 功能設(shè)計(jì)
一、視覺活動過程概述
視覺是人類最重要的信息獲取感知活動之一。視覺的生理基礎(chǔ)是視覺要素在閱讀過程中對讀者產(chǎn)生作用的生理前提,其表現(xiàn)力的強(qiáng)弱除與傳遞形式,還與視覺信息的接收者對視覺信息的識讀方法、理解角度有關(guān)。有學(xué)者研究發(fā)現(xiàn):“看是一個(gè)建構(gòu)過程,大腦以并行的方式對景物的不同‘特征’進(jìn)行響應(yīng),并以以往的經(jīng)驗(yàn)為指導(dǎo),把這些特征組合成一個(gè)有意義的整體,看涉及大腦中的某些主動過程,它導(dǎo)致景物明晰的、多層次的、符號化的解釋。”在學(xué)習(xí)過程中充分調(diào)動學(xué)習(xí)者的視覺心理,能極大地 提升學(xué)習(xí)效果。視覺活動在學(xué)習(xí)過程中具有如下的特點(diǎn):
(一)視覺信息的對比性,即信息本身與背景的差別程度
差別越大越容易成為被人們注意的對象。如在夜深人靜時(shí)的一聲喊叫會驚動許多人;綠草叢中的紅花比綠草叢中的青蛙更能引起人們的注意等。根據(jù)這個(gè)原理,在教科書的編排和設(shè)計(jì)上我們可以用不同的顏色或字體標(biāo)出,以引起學(xué)習(xí)者的注意,達(dá)到突出重點(diǎn)的目的。
(二)視覺信息的新異性,新異的事物很容易成為注意的對象
新異性又可分為事物間的新異性和事物本身的新異性兩種。相對于以文字信息為主的教科書而言,書中的插圖、花邊等的設(shè)計(jì)本身就是一種新異性的刺激。據(jù)考證,當(dāng)圖片和文字同時(shí)呈現(xiàn)在人們眼前時(shí),人眼的視覺線索會首先落在具體形象的圖片上面使其最先成為被知覺的對象。圖像作為一脫離文字也能完整表達(dá)其信息的藝術(shù)表現(xiàn)形式。其新穎的表現(xiàn)形式、巧妙的色彩運(yùn)用等也體現(xiàn)出區(qū)別于同類作品的新異性。
(三)視覺信息的活動性,活動的變化物更容易引起人們的注意
例如,霓虹燈一亮一暗,很容易引起人們的注意。在教科書的設(shè)計(jì)中卻很難實(shí)現(xiàn)這種活動和變化。我們可以通過字體和版面的設(shè)計(jì)使其給人活潑、靈巧的印象;可以通過圖片體現(xiàn)圖中人物或事物的運(yùn)動意向,卻很難做到真正的或模擬情景的運(yùn)動。
二、教科書中的視覺信息分析
教科書中的視覺信息主要包括形象思維與形象記憶兩部份。
形象思維是人類思維發(fā)展的重要階段。在兒童年幼時(shí),我們常用圖形、圖像教他們就是利用形象思維對他們進(jìn)行的教育。而在解決比較復(fù)雜問題時(shí),鮮明生動的形象或表象有助于思維過程的順利進(jìn)行。這說明視覺信息在參與人類的大量思維活動。形象記憶是個(gè)人以感知過的事物的形象為內(nèi)容的記憶。這種記憶所保持的是事物的具體形象,具有鮮明的直觀性,它以表象的形式儲存。人類的記憶以視覺和聽覺的形象記憶為主,它在實(shí)踐活動中隨著形象思維的發(fā)展而發(fā)展。例如:在中學(xué)物理教學(xué)中,要求學(xué)生記住線圈的電流方向和產(chǎn)生磁場方向之間的關(guān)系,如果單憑文字描述不僅羅嗦、麻煩,學(xué)生也不好理解與記憶,相反的,如果利用形象的“右手定向”圖片則可輕松解決。在教學(xué)中運(yùn)用表格、曲線圖、比例圖等信息表征形式都是利用了其直觀形象性來提高人們的記憶效率的。
三、教科書中的視覺要素設(shè)計(jì)
(一)文字設(shè)計(jì)
文字作為視覺形象要素,首先要有可讀性。同時(shí),不同的字體變化、大小及面積的變化也會帶來不同的視覺感受。文字的編排設(shè)計(jì)是增強(qiáng)視覺效果,使版面?zhèn)€性化的重要手段之一。魯迅先生曾十分準(zhǔn)確地概括了漢字的審美特征:“中國漢字有三美:意美以感心,一也;音美意以感耳,二也;型美以感目,三也?！?/p>
(二)插圖設(shè)計(jì)
插圖又名“插畫”,指插在書刊中的圖畫,是對正文內(nèi)容作形象的說明,以加強(qiáng)作品的感染力。插圖由照片或圖畫構(gòu)成。插圖的作用,一是美化書籍,增加讀者興趣;二是再現(xiàn)文字語言表達(dá)不足的視覺形象,來幫助讀者對書籍內(nèi)容的理解。插圖由于其產(chǎn)生條件的限制具有相對的獨(dú)立性和必要的從屬性。
(三)色彩設(shè)計(jì)
馬克思曾把“色彩的感覺”視為“一般美感中最大眾化的形式”。色彩的象征其實(shí)是色彩聯(lián)想和情感的深層作用的結(jié)果,如紅色代表熱情、火焰;綠色代表和平、健康等。它代表一種普遍性,同時(shí)又處于不斷變化中。不同的國家、民族、文化背景、年齡特征等對色彩的感受都會產(chǎn)生不同的差異。就年齡而言,年輕人一般比較喜歡鮮艷的色彩,偏愛明快與活潑的配例;成年人則比較喜歡較為高級而又復(fù)雜的色彩層次,對色彩偏愛深沉而又含蓄不露。根據(jù)色彩的特點(diǎn),在教科書設(shè)計(jì)中對色彩的運(yùn)用首先考慮整體色彩基調(diào)的確立,尤其是現(xiàn)在中小學(xué)教科書在印刷時(shí)越來越多的使用彩色印刷,對色彩的運(yùn)用顯得更為重要,其次是插圖和其他色塊的運(yùn)用,既要突出又與整體不失和諧。
(四)編排設(shè)計(jì)
編排設(shè)計(jì)的目的在于,在一個(gè)平面上,建立有序、結(jié)構(gòu)的理想方式。恰似家具的擺放,如果許多精美的家具被亂七八糟的堆放在房間里面,不但不會給人美的感受,連同家具原本的光彩也會被遮去。同理,視覺在版面上公認(rèn)的構(gòu)成要素都須借助編排來展示,它們之間的輕重緩急、主次關(guān)系、視覺程序等猶如布陣一樣,編排就是起到了這種布局的作用。在教科書中視覺要素的設(shè)計(jì)并不是一簡單的、個(gè)人發(fā)揮創(chuàng)作的行為,它需要全方面、立體的建構(gòu),設(shè)計(jì)也應(yīng)符合以人為本的理念,凸顯現(xiàn)代教育理念中由“教”材向“學(xué)”材的轉(zhuǎn)變,從而更好地實(shí)現(xiàn)助“教”益“學(xué)”的根本目的。
【參考文獻(xiàn)】
[1]葉弈乾.普通心理學(xué)[M].上海:華東師范大學(xué)出版社,2002.
MCS
Marlboro Classics蛻變
用逃脫(Escape)象征著服裝上的創(chuàng)新轉(zhuǎn)變。
是MCS Marlboro CIasslcs
在用于創(chuàng)新、開拓不同商品的新理念下首個(gè)春夏季主題服飾。
踏入2010年，Ma rloro CLAS-SiCS以全新的商標(biāo)示人，簡單“MCS”三個(gè)英文字母作品牌的縮寫，同時(shí)也保留的傳統(tǒng)風(fēng)格的字體形態(tài)，讓入耳目一新。除此之外更為2010年春夏拍攝輯全新廣告及目錄，顯示品牌銳意革新的決心。
豪邁都市
實(shí)用性強(qiáng)素來都是MCSMa rIboro Classics的過人之處，生，性豪邁的你，穿上品牌的siq-nature復(fù)古bIker羊仔皮衣或是儒雅的麂皮皮衣，即便身在森林，依然感受到那種無拘無束的探索精神，無損你的時(shí)尚氣息。而布料方面，除了品牌一貫常用極致舒適的全棉、牛仔料外，現(xiàn)代感極強(qiáng)的尼龍料也會更多運(yùn)用在外套之上，并著力做出仿棉的柔軟質(zhì)感，適合男士優(yōu)悠的穿梭都市之間，享受生活的樂趣。
充滿冒險(xiǎn)精神的舊金山
本次廣告拍攝選址在美國最西端，被喻為冒險(xiǎn)之地的舊金山，MCS Ma rlbore Classlcs希望透過舊金山濃厚的文化特質(zhì)，去表達(dá)品牌用于探索、開創(chuàng)服裝潮流新領(lǐng)域的冒險(xiǎn)精神。
法國巴黎知名攝影大師Re-mi JouteI更透過精湛的攝影技術(shù)，把三位穿上MCS Marlboroclasstcs春夏服飾、造型時(shí)尚的模特Ryan Nelson和Ayssa，完全融入這個(gè)充滿冒險(xiǎn)精神的大都會之中。他們一舉手一投足，都散發(fā)出品牌貫不受拘束，自由自在的生活形態(tài)。除攝影師功夫了得，模特兒也專業(yè)之外，品牌設(shè)計(jì)ValentIno FashIon Group對服裝裁剪、質(zhì)料、以及制作時(shí)每個(gè)細(xì)節(jié)的堅(jiān)持，也同樣功不可沒。
友誼商廈三樓有售
享受生活并樂于成為生活的藝術(shù)家
Roberta di Camerinoo
Roberta di Camerino(諾貝達(dá)麗卡密莉娜)系意大利著名設(shè)計(jì)師Careerin0夫人于1947年創(chuàng)立的高端品牌。從威尼斯到佛羅倫薩，從意大利到美國都可以看見Roberta dlCamerino的足跡。而我們與Roberta di Camerlno的邂逅地點(diǎn)，是在天津友誼商廈三樓的男服商場。Roberta dl Camerino正式登陸友誼商廈以來，已經(jīng)有越來越多的成功人士，加入到Robena dlCamerIn0的時(shí)尚殿堂一享受生活，并樂于成為生活的藝術(shù)家!
1956年，榮獲時(shí)尚界的奧斯卡獎――尼曼?馬卡斯獎之后，Camerlno夫人成為與ArmanI及VlentIno齊名的意大利國家級設(shè)計(jì)大師。其色彩鮮明的設(shè)計(jì)特色與風(fēng)格深烙在世人心中。其充滿傳奇色彩的巴科旗包(Bagonghi)的生產(chǎn)和獨(dú)創(chuàng)的顛覆雙眼的二次原魔術(shù)一Pame Dress的設(shè)計(jì)手法，為品牌贏得無上的盛譽(yù)，成為社會名流的最愛。
2010春夏流行趨勢
源于Roberta dl Camerino創(chuàng)始人Careerino女士對優(yōu)雅氣質(zhì)不遺余力地營造，本季新品在款式和色彩上沾染了一絲華麗和自然的情緒，體現(xiàn)出設(shè)計(jì)師們對于昔日閑適生活的眷戀。
關(guān)鍵詞一
回歸經(jīng)典Regressto Classlos
2010年春夏，Roberta diCareerlno男裝依舊延續(xù)貫華麗經(jīng)典的作風(fēng)，強(qiáng)調(diào)精益求精的工藝及品質(zhì)，簡約流暢的線條力求永恒的經(jīng)典與優(yōu)雅不受時(shí)間限制。傳承60余年歷程的悠久制作工藝細(xì)節(jié)處提升高級時(shí)裝的品質(zhì)感，奢華材質(zhì)確保每件商品無可挑剔的品質(zhì)。
關(guān)鍵詞二
愜意旅行Agreeablytravel
設(shè)計(jì)師在本季倡導(dǎo)給男人更多的自由空間。于是，Roberta di Camerino裝扮成奢華的上流社會度假系列，改秋冬季暗沉的色調(diào)，轉(zhuǎn)而用白色、淺灰、墨綠和寶藍(lán)詮釋本季天人臺的自然心境。收放自如的尺寸，舒適的天然棉、天絲，可再生的功能性面料更加契合場自由自在的愜意旅行。
關(guān)鍵詞三
目的研究交互式理念在現(xiàn)代包裝設(shè)計(jì)中的具體應(yīng)用。方法以人體工程學(xué)、藝術(shù)設(shè)計(jì)學(xué)為研究基礎(chǔ)，采用系統(tǒng)分析法、案例分析法等論證方法，闡述如何運(yùn)用交互式理念來滿足消費(fèi)者對包裝的情感需求。結(jié)論交互式理念在包裝結(jié)構(gòu)、視覺元素以及包裝材料方面的應(yīng)用，創(chuàng)新了現(xiàn)代包裝設(shè)計(jì)，賦予了其獨(dú)特的視覺形象和貼切的人文關(guān)懷。
關(guān)鍵詞：
交互式理念；包裝設(shè)計(jì)；互動
在以往大機(jī)器生產(chǎn)時(shí)期，工業(yè)化的產(chǎn)品占據(jù)了市場主流，它們雖然提升了生產(chǎn)力，但其機(jī)械化的外觀卻不能同人們的情感產(chǎn)生交流。隨著科學(xué)技術(shù)的飛速發(fā)展，人類進(jìn)入了信息時(shí)代，兼具高質(zhì)量外觀與高層次精神享受的產(chǎn)品逐漸成為了消費(fèi)者選購的對象。與此同時(shí)，以滿足消費(fèi)者情感需求的設(shè)計(jì)思想也蓬勃發(fā)展起來，其中最具代表性的就是這里所論述的以信息傳播和交互為基礎(chǔ)的交互式設(shè)計(jì)。交互式設(shè)計(jì)以人體工程學(xué)為雛形，借用人與物各要素之間的相互作用完成信息交流，其不僅能夠快速吸引消費(fèi)者的注意，激發(fā)潛在購買力，而且更能夠使消費(fèi)者獲得精神層面的滿足，增加商品的客戶粘性[1]。尤其是以外表形態(tài)為設(shè)計(jì)重點(diǎn)的包裝設(shè)計(jì)，其交互式思維的運(yùn)用更是十分重要。交互式包裝設(shè)計(jì)能夠利用特殊的激勵材質(zhì)、豐富的視覺語言、新穎的功能對消費(fèi)者的體驗(yàn)進(jìn)行直接或間接的影響，促成消費(fèi)者同商品包裝之間的行為互動與感情互動，有效提升品牌的競爭力[2]。
1交互式理念的包裝設(shè)計(jì)概念及分類
“交互”一詞泛指事物之間相互影響、相互作用的過程。交互式理念的包裝設(shè)計(jì)由于是新興學(xué)科，業(yè)內(nèi)對其尚沒有明確定義，依據(jù)其外觀和效用將其理解為：易于消費(fèi)者同包裝產(chǎn)品進(jìn)行直接或間接信息交流的、能夠增強(qiáng)包裝產(chǎn)品情感體驗(yàn)性的新型包裝設(shè)計(jì)理念[3]。一般來講，交互式理念的包裝設(shè)計(jì)主要有3種類型。感官包裝設(shè)計(jì)是指通過視覺、觸覺、嗅覺等人體感官同消費(fèi)者進(jìn)行信息傳遞與溝通的設(shè)計(jì)方法，其效果直觀、迅速，具有很強(qiáng)的感召力。如帶有水果香氣的食品包裝等。功能包裝設(shè)計(jì)是指對包裝本身進(jìn)行一定的功能性改造，使之能夠發(fā)揮部分效用的設(shè)計(jì)方法，即通過包裝的功能屬性同消費(fèi)者展開互動的設(shè)計(jì)手法。如能夠充當(dāng)花瓶、具有一定觀賞價(jià)值的玻璃材質(zhì)飲料瓶等。智能包裝設(shè)計(jì)是基于高科技的一種包裝方式，其嚴(yán)格意義上講應(yīng)當(dāng)屬于功能包裝的高級別形式。所謂智能包裝是指依靠高新材料、電子技術(shù)、信息技術(shù)等前沿科技手段制作的產(chǎn)品包裝，如根據(jù)溫度、濕度改變的瓶體包裝，能夠儲存產(chǎn)品信息的電子薄膜包裝及二維碼包裝等。
2交互式理念在包裝設(shè)計(jì)中的應(yīng)用
2.1交互式理念在包裝結(jié)構(gòu)中的應(yīng)用
2.1.1單體結(jié)構(gòu)改變法
隨著人們消費(fèi)觀念的升級，消費(fèi)者對包裝結(jié)構(gòu)的要求也進(jìn)一步提升，可改變形態(tài)、可主動參與的包裝結(jié)構(gòu)逐漸替代了結(jié)構(gòu)簡潔和使用方便的包裝結(jié)構(gòu)，單體結(jié)構(gòu)改變法這一交互式包裝設(shè)計(jì)手法便應(yīng)運(yùn)而生。具體來講，單體結(jié)構(gòu)改變法按其互動方式的不同，又可分為結(jié)構(gòu)分解互動與開啟方式互動兩種。結(jié)構(gòu)分解互動是指通過折疊、拉伸、縮短、扭曲等手法對原有包裝單體形態(tài)進(jìn)行改變，以增強(qiáng)其視覺效果或拓廣其功能，從而實(shí)現(xiàn)感官交互或功能交互的包裝設(shè)計(jì)手法[4]。以美國設(shè)計(jì)師ZakKlauck與EmileMolin為Nike運(yùn)動鞋設(shè)計(jì)的外包裝盒為例，設(shè)計(jì)師突破了以往常規(guī)鞋盒采用的六面長方體結(jié)構(gòu)，通過對紙板的網(wǎng)格狀裁切將其改為了多面不規(guī)則結(jié)構(gòu)。細(xì)看之下，鞋盒有了編織袋的視覺效果，在使用時(shí)，消費(fèi)者還能夠體驗(yàn)到網(wǎng)格狀結(jié)構(gòu)拉伸、變形為立體多維形態(tài)的感受。這不僅滿足了消費(fèi)者追求新奇的互動需要，而且還壓縮了空間，使產(chǎn)品更易于存放。開啟是產(chǎn)品使用的第一個(gè)環(huán)節(jié)，同時(shí)也是包裝給消費(fèi)者留下第一印象的重要步驟。設(shè)計(jì)師對包裝的開啟方式進(jìn)行創(chuàng)新，能夠使消費(fèi)者在打開包裝的互動過程中獲得不同的情感體驗(yàn)，從而提升對產(chǎn)品的直觀感受[5]。以加拿大設(shè)計(jì)師LilyKao的花茶包裝為例，產(chǎn)品的兩層包裝均依據(jù)仿生學(xué)原理進(jìn)行設(shè)計(jì)，其中，外層為五邊形柱體，打開后柱體各面的頂端猶如花瓣，內(nèi)層為荷包狀，打開后為十字花形。整套包裝簡潔、清新，不僅十分貼合花茶產(chǎn)品親近自然、幽然芬芳的特性，而且更能為消費(fèi)者品嘗產(chǎn)品的過程增添一分雅趣。
2.1.2輔助結(jié)構(gòu)互動法
輔助構(gòu)件是一種依附于包裝主體構(gòu)件、不可獨(dú)立存在的包裝結(jié)構(gòu)，是包裝的輔助與延伸。在包裝中添加一定的輔助構(gòu)件，從而建立起輔助結(jié)構(gòu)，能夠?yàn)樵鞠∷善匠５陌b外觀增添新元素，幫助消費(fèi)者與包裝建立更多的互動機(jī)會，令消費(fèi)者獲得更好的產(chǎn)品體驗(yàn)[6]。如Ju-yeonKim等人設(shè)計(jì)的一種名為EzOpener的易開罐頭，設(shè)計(jì)師將傳統(tǒng)的短而圓的拉環(huán)變成了二段式折疊結(jié)構(gòu)，平時(shí)貯存時(shí)拉環(huán)可以疊合在一起，當(dāng)消費(fèi)者開啟罐頭時(shí)，只需將拉環(huán)拉開，將之變?yōu)槭纸Y(jié)構(gòu)，輕輕一拉即可食用。這樣的交互式包裝設(shè)計(jì)完美地解決了傳統(tǒng)罐頭拉環(huán)不經(jīng)拉扯的問題，使消費(fèi)者獲得了很好的開啟體驗(yàn)。又如，韓國設(shè)計(jì)師YeongkeunJeong設(shè)計(jì)的便攜式黃油包裝，設(shè)計(jì)師將食用黃油時(shí)的餐勺變?yōu)辄S油包裝的盒蓋，當(dāng)人們打開包裝后就能利用勺形盒蓋挖取黃油，既簡單又衛(wèi)生，避免了戶外缺少餐勺的尷尬，同時(shí)又免于刷洗。
2.2交互式理念在包裝視覺形象中的應(yīng)用
字體、圖形、色彩是構(gòu)成包裝視覺形象的三要素，同時(shí)也是最能表現(xiàn)商品包裝語義的設(shè)計(jì)元素。將交互式理念有針對性地應(yīng)用到包裝視覺形象設(shè)計(jì)中，抓住消費(fèi)者的消費(fèi)需求和使用需求，以促使消費(fèi)者產(chǎn)生濃厚的購買興趣。
2.2.1字體應(yīng)用法
交互式字體設(shè)計(jì)是通過字體為消費(fèi)者提供相關(guān)的商品信息和內(nèi)容，讓消費(fèi)者借助文字獲得提示，與商品產(chǎn)生互動。包裝中的字體可進(jìn)行隨意的拼接與組合，以產(chǎn)生一定的趣味性，在此過程中可使商品包裝具備智力開發(fā)、游戲娛樂等附加，提升了商品包裝的可利用性與消費(fèi)者的互動性。例如，不是每個(gè)人都善于表達(dá)自己對親人濃郁的情感，尤其是一些特殊節(jié)日的到來更是加深了某些人的語塞綜合征[7]。由FabioMilito設(shè)計(jì)的萬能字謎包裝紙，解決了部分人群羞于表達(dá)的問題。紙上鋪滿字母，消費(fèi)者只要用顏色醒目的筆將自己的祝福勾畫出來即可，如同拼字游戲一般充滿了情趣，有利于心情的表達(dá)，大大加強(qiáng)了消費(fèi)者、被祝福者與包裝設(shè)計(jì)之間的情感互動。
2.2.2圖形應(yīng)用法
讓圖形參與到交互式包裝設(shè)計(jì)之中，即巧妙構(gòu)思圖形在包裝設(shè)計(jì)中的位移以及具置關(guān)系，通過仿生、擬人、寫意、夸張等表現(xiàn)手法，突出整體圖形在包裝設(shè)計(jì)中的變動性和特殊性，其賦予了消費(fèi)者獨(dú)一無二的視覺感受，生動與形象地體現(xiàn)出了商品的直觀屬性，與消費(fèi)者產(chǎn)生了良好的情感互動[8]。在將交互式理念應(yīng)用到圖形的過程中，要把握好“度”的原則，否則會適得其反，令人產(chǎn)生一種做作的不真實(shí)感。例如，由Aekyung設(shè)計(jì)機(jī)構(gòu)為Spark洗衣粉設(shè)計(jì)的包裝，將交互式理念應(yīng)用得淋漓盡致。設(shè)計(jì)師采用寫實(shí)手法，將洗衣機(jī)的真實(shí)圖像借鑒到包裝設(shè)計(jì)中，洗衣粉本身的包裝為洗衣機(jī)樣式，中間部分為透明的圓形，整體造型靈感來源于滾筒式洗衣機(jī)。透過該“窗口”，消費(fèi)者可以清楚地看到洗衣粉剩余量的多少，并可根據(jù)用量及時(shí)更換或是添置。該包裝利用簡約的寫實(shí)圖形，實(shí)現(xiàn)了與消費(fèi)者之間的多次互動，提升了勞動的趣味性。
2.2.3色彩應(yīng)用法
色彩具有強(qiáng)烈的視覺沖擊力，易引起消費(fèi)者關(guān)注和傳遞商品信息。交互式包裝中的色彩情緒明確、熱烈，可以輕松地突出商品的本質(zhì)屬性，刺激消費(fèi)者的購買欲望。例如，金色包裝表現(xiàn)出的是高貴奢華；黑色包裝傳遞出的是冷酷和低調(diào)之情；白色包裝給人帶來清新與簡約的視覺感受[9]。通過對顏色的辨別，消費(fèi)者能夠感受到商品傳遞出來的情感傾向。GreenhookGinsmiths系列的杜松子酒包裝中的色彩，充分體現(xiàn)出了交互式理念，該包裝由英國著名設(shè)計(jì)公司Threebrand設(shè)計(jì)而成，分為枚紅色與青色兩種不同的包裝顏色，分別對應(yīng)濱梅燒酒以及美式干杜松子酒兩種不同口味的酒?？吹矫都t色，消費(fèi)者能夠推想出濃郁、酸甜的味覺感受；而看到青色包裝則會推想到其清淡平真之味，這使得產(chǎn)品包裝同產(chǎn)品本身更加“表里如一”，從而大大提高了商品售賣率，促進(jìn)了買賣雙方的良好互動。
2.3交互式理念在包裝材質(zhì)中的應(yīng)用
除包裝結(jié)構(gòu)、視覺形象外，包裝材質(zhì)的類型、優(yōu)劣好壞亦能影響到交互式理念包裝的最終呈現(xiàn)效果。一方面，包裝材料的質(zhì)感比較偏重于感官，感性因素占主要部分，對于消費(fèi)者第一印象的形成具有重要作用；另一方面，包裝材質(zhì)不需要借助任何外力便具有較強(qiáng)的表現(xiàn)張力，是構(gòu)成商品包裝結(jié)構(gòu)造型以及包裝視覺形象的基礎(chǔ)。由此可見，將包裝材質(zhì)的肌理、紋路、色彩、平滑度、軟硬、反光性等特性恰到好處地應(yīng)用到整體包裝設(shè)計(jì)中，利用材質(zhì)本身特性豐富的包裝設(shè)計(jì)形態(tài)，形成多層次的感官體驗(yàn)，更好地體現(xiàn)出交互式包裝設(shè)計(jì)理念[10]。不同主題的產(chǎn)品對包裝要求也不盡相同，設(shè)計(jì)師要根據(jù)其特性發(fā)掘到最為合適的包裝材質(zhì)，最大限度地引發(fā)與消費(fèi)者的互動。以資生堂Zen香水外包裝設(shè)計(jì)為例，該系列包裝作品由哈薩克斯坦設(shè)計(jì)機(jī)構(gòu)GOOD的高級設(shè)計(jì)師IgorMitin設(shè)計(jì)而成。設(shè)計(jì)師從大自然中粹取靈感，采用真實(shí)的設(shè)計(jì)手法還原大自然的本真面貌，在材質(zhì)選取上盡可能地接近大自然，并根據(jù)不同的材質(zhì)設(shè)計(jì)成不同的外包裝形態(tài)（如海螺、鵝卵石、竹子），借此將交互式理念引入到包裝材質(zhì)設(shè)計(jì)中。面對該系列產(chǎn)品，消費(fèi)者會習(xí)慣性地去觸摸，在觸摸的過程中會產(chǎn)生強(qiáng)烈的真實(shí)感，仿若身臨其境，觸摸到了大自然中堅(jiān)硬的海螺、圓潤的鵝卵石以及青翠的竹子，并沉醉于安寧之中欲罷不能[11]。消費(fèi)者通過對包裝材質(zhì)的感觸，增進(jìn)了與包裝設(shè)計(jì)的互動，從而促使消費(fèi)者對該商品產(chǎn)生了良好的印象，刺激了消費(fèi)者的購買欲。
3結(jié)語
交互理念來源于人體工程學(xué)，但其幾乎涉及到了所有藝術(shù)設(shè)計(jì)的范圍，世界著名設(shè)計(jì)師佛雷迪•安祖爾就此曾經(jīng)評論過：設(shè)計(jì)只有專攻不同，并沒有界限之別。這就告訴人們，藝術(shù)設(shè)計(jì)領(lǐng)域沒有嚴(yán)格的范圍界定，每一個(gè)設(shè)計(jì)環(huán)節(jié)以及每一個(gè)設(shè)計(jì)理念都是環(huán)環(huán)相扣的，都是為了獲得與目標(biāo)受眾的互動，這也是筆者在論述中所深刻領(lǐng)悟到的。對于當(dāng)代消費(fèi)者而言，他們對現(xiàn)代商品包裝的生理和心理需求越來越大，希望與商品之間有更多的互動。鑒于此，現(xiàn)代商品包裝要將交互式理念應(yīng)用到設(shè)計(jì)過程中，繼承傳統(tǒng)，開拓創(chuàng)新，不斷加強(qiáng)消費(fèi)者和商品之間的互動交流，在交互中最大限度地滿足消費(fèi)者對時(shí)尚和個(gè)性的需求。
作者：孔維艷 孫文想 單位：滄州師范學(xué)院
參考文獻(xiàn)
[1]辛向陽.交互設(shè)計(jì)的哲學(xué)思考[J].設(shè)計(jì),2014(5):8.
[2]張朦朦.交互式設(shè)計(jì)理念在包裝設(shè)計(jì)中的應(yīng)用研究[D].鄭州:河南大學(xué),2013.
[3]許麗.現(xiàn)代包裝設(shè)計(jì)視覺藝術(shù)[M].北京:化學(xué)工業(yè)出版社,2012.
[4]王旭烽.品飲中國[M].北京:中國農(nóng)業(yè)出版社,2013.
[5]瓦格,卡格,伯特瑞特.創(chuàng)新設(shè)計(jì)：如何打造贏得用戶的產(chǎn)品、服務(wù)與商業(yè)模式[M].北京：電子工業(yè)出版社,2014.
[6]孫利,吳儉濤.基于時(shí)間維度的整體用戶體驗(yàn)設(shè)計(jì)研究[J].包裝工程,2014,35(2):34—35.
[7]劉毅.工作室體系下的交互設(shè)計(jì)教學(xué)初探——以廣美交互設(shè)計(jì)工作室為例[J].裝飾,2013(3):143—144.
[8]孫超.食品包裝設(shè)計(jì)對消費(fèi)行為的影響分析[J].消費(fèi)經(jīng)濟(jì),2012(5),26—28.
[9]胡曉琛.中國語境下的交互設(shè)計(jì)研究[J].科技傳播,2014(2):155—156.
