鄧詩韻

摘要：本文從APP界面設(shè)計未來發(fā)展趨勢的角度，將無框化與卡片化界面設(shè)計的風(fēng)格上進行比較分析，從對比中探討哪種風(fēng)格更適合未來界面設(shè)計發(fā)展的需要，給用戶最好的使用感和視覺體驗。

關(guān)鍵詞：未來發(fā)展趨勢;無框化;卡片化;界面設(shè)計;用戶體驗

中圖分類號：TP316 文獻標識碼：A 文章編號：1005-5312（2019）02-0062-01

注意力經(jīng)濟的時代，新媒體運營在重內(nèi)容的同時也要注重APP界面的顏值上的優(yōu)化。智能手機發(fā)展到現(xiàn)在，為了給用戶最好的使用感和視覺體驗，視覺設(shè)計研究者應(yīng)該在APP界面設(shè)計的未來發(fā)展趨勢中的無框化與卡片化界面設(shè)計上仔細研究和實踐，以此來獲得更多年輕用戶群體的喜愛。

一、APP界面設(shè)計的未來發(fā)展趨勢

在之前，創(chuàng)新的設(shè)計大咖們已經(jīng)將極簡設(shè)計走向一個新的設(shè)計趨勢，F(xiàn)aeebook、和Apple已經(jīng)跟隨一個相類似的藍圖來簡化主要產(chǎn)品的設(shè)計，這種方式就反映出了APP界面設(shè)計的新趨勢——去形式化，給這個新趨勢的定義特征是更大、更粗、更黑的標題，簡單、纖細、可識別的圖標，兩倍三倍甚至四倍的增加空白區(qū)域，色彩的抽取，讓應(yīng)用圖標更加的明亮。在這個新趨勢中，界面上的內(nèi)容越來越重要，相對的，一切與內(nèi)容無關(guān)的都被大大的削減。

二、無框化APP界面設(shè)計的定義

去形式化是一個非常不清晰的概念，在演化中的一些新的設(shè)計風(fēng)格逐漸明確起來，例如——無框化界面。也許我們已經(jīng)發(fā)現(xiàn)，現(xiàn)在越來越多注重設(shè)計的網(wǎng)頁和應(yīng)用都在發(fā)展這樣的趨勢。曾經(jīng)用來劃分各區(qū)域的邊框和邊緣線逐漸消失，在干凈的界面上通過距離的明確分割，各個區(qū)域的差別依舊清晰可辨。

三、卡片化APP界面設(shè)計的定義

卡片化界面就是一個包含著豐富的圖片和文字內(nèi)容的小矩形，在實際運用中，它常常是作為詳情頁的入口使用。由于這種形式跟我們現(xiàn)實世界的卡片極為相似，所以用“卡片”這個詞形容最合適不過了。

在網(wǎng)絡(luò)和移動APP出現(xiàn)之前，卡片在我們的日常生活中可謂是無處不在，名片、棒球卡、甚至便簽等。因此，這種方式就像日常生活中的卡片一樣使我們能夠更加直觀的了解內(nèi)容。

四、無框化與卡片化APP界面設(shè)計的差異性

無框化界面設(shè)計的優(yōu)勢其一可以掌控用戶的注意力，用戶體驗界面的過程中，最寶貴的莫過于抓住用戶的注意力。因為一個產(chǎn)品想要提供給用戶更多更好的功能，掌控用戶的注意力是設(shè)計師的關(guān)鍵任務(wù)。如果在界面上放很多裝飾性的內(nèi)容，那么用戶的注意力自然會偏離;其二是增加設(shè)計的自由度，設(shè)計是流暢統(tǒng)一的，一旦一個區(qū)域有了邊框，其它很多地方都要加上邊框與之呼應(yīng);其三是提高設(shè)計效率，在畫圖過程中，給內(nèi)容加上邊框就表示每增加一部分內(nèi)容都要先畫出邊框，每修改一次內(nèi)容邊框都要重新修改一次，尤其是在很多工具中用特殊邊框畫起來會相當復(fù)雜。而卡片化界面設(shè)計的優(yōu)勢其一是組塊內(nèi)容，卡片把信息組織成塊狀結(jié)構(gòu)后很利于內(nèi)容的擴展，避免了內(nèi)容的大面積堆積造成用戶閱讀困難和時間的浪費，使用戶能夠快速深入的找到自己感興趣的內(nèi)容;其二是易于消化，卡片是一個非常棒的快速溝通的方式，把內(nèi)容放在卡片里用戶非常容易消化;其三是可以讓用戶產(chǎn)生視覺的愉悅性，卡片化界面設(shè)計非常依賴視覺，實際上加大卡片中的圖片是非常有利的，因為看圖時代的今天，圖片能夠快速的吸引用戶的眼球，所以在卡片化界面中加大圖片的部分能吸引用戶;其四是易于多尺寸設(shè)備適配，卡片得到無限擴展是重要的一面。對于響應(yīng)式頁面設(shè)計是非常好的選擇，因為它能夠上下自由伸展，在響應(yīng)式頁面中巧妙的利用卡片的特點進行相關(guān)的設(shè)計，不僅能夠保持多平臺多尺寸屏幕的視覺統(tǒng)一性，同時也大大的提升了工作效率。

五、無框化與卡片化APP界面設(shè)計的互補性

在如今這個信息量爆炸的時代，人們?nèi)绻吹揭粋€簡潔大方的畫面會更加容易識別，所以視覺上樸素簡約些為好。但是在特殊的情況下完全不需要死守任何教條，而是優(yōu)勢互補的靈活運用為好。2010年，微軟推出Metro設(shè)計語言，這種設(shè)計風(fēng)格的關(guān)鍵性原則是能夠讓用戶更好的聚焦在應(yīng)用程序的內(nèi)容上，通過扁平的卡片形式以及錯落有序的排版結(jié)合實現(xiàn)。Metro風(fēng)格的卡片設(shè)計不僅僅是一個設(shè)計元素，它通過簡單的交互滿足了用戶基本的功能需求。所以這種為了滿足客戶需求和提高使用率的設(shè)計就是好的設(shè)計，不用拘泥于任何一種設(shè)計風(fēng)格，視具體情況做出適當?shù)恼{(diào)整。其實，無論是卡片化還是無框化設(shè)計都有利與弊，關(guān)鍵在于設(shè)計者在做設(shè)計時是否以用戶的視覺及使用的體驗為首要任務(wù)，并且關(guān)注設(shè)計內(nèi)容是否適應(yīng)產(chǎn)品的特性。相信在這樣有全局觀的設(shè)計思想下，我們未來的界面設(shè)計會做的越來越完善，越來越容易被用戶喜愛。