鄧詩韻

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

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

中圖分類號(hào)：TP316 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1005-5312（2019）02-0062-01

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

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

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

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

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

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

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

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

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

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

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

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