鄧詩韻
摘要:本文從APP界面設計未來發展趨勢的角度,將無框化與卡片化界面設計的風格上進行比較分析,從對比中探討哪種風格更適合未來界面設計發展的需要,給用戶最好的使用感和視覺體驗。
關鍵詞:未來發展趨勢;無框化;卡片化;界面設計;用戶體驗
中圖分類號:TP316 文獻標識碼:A 文章編號:1005-5312(2019)02-0062-01
注意力經濟的時代,新媒體運營在重內容的同時也要注重APP界面的顏值上的優化。智能手機發展到現在,為了給用戶最好的使用感和視覺體驗,視覺設計研究者應該在APP界面設計的未來發展趨勢中的無框化與卡片化界面設計上仔細研究和實踐,以此來獲得更多年輕用戶群體的喜愛。
一、APP界面設計的未來發展趨勢
在之前,創新的設計大咖們已經將極簡設計走向一個新的設計趨勢,Faeebook、和Apple已經跟隨一個相類似的藍圖來簡化主要產品的設計,這種方式就反映出了APP界面設計的新趨勢——去形式化,給這個新趨勢的定義特征是更大、更粗、更黑的標題,簡單、纖細、可識別的圖標,兩倍三倍甚至四倍的增加空白區域,色彩的抽取,讓應用圖標更加的明亮。在這個新趨勢中,界面上的內容越來越重要,相對的,一切與內容無關的都被大大的削減。
二、無框化APP界面設計的定義
去形式化是一個非常不清晰的概念,在演化中的一些新的設計風格逐漸明確起來,例如——無框化界面。也許我們已經發現,現在越來越多注重設計的網頁和應用都在發展這樣的趨勢。曾經用來劃分各區域的邊框和邊緣線逐漸消失,在干凈的界面上通過距離的明確分割,各個區域的差別依舊清晰可辨。
三、卡片化APP界面設計的定義
卡片化界面就是一個包含著豐富的圖片和文字內容的小矩形,在實際運用中,它常常是作為詳情頁的入口使用。由于這種形式跟我們現實世界的卡片極為相似,所以用“卡片”這個詞形容最合適不過了。
在網絡和移動APP出現之前,卡片在我們的日常生活中可謂是無處不在,名片、棒球卡、甚至便簽等。因此,這種方式就像日常生活中的卡片一樣使我們能夠更加直觀的了解內容。
四、無框化與卡片化APP界面設計的差異性
無框化界面設計的優勢其一可以掌控用戶的注意力,用戶體驗界面的過程中,最寶貴的莫過于抓住用戶的注意力。因為一個產品想要提供給用戶更多更好的功能,掌控用戶的注意力是設計師的關鍵任務。如果在界面上放很多裝飾性的內容,那么用戶的注意力自然會偏離;其二是增加設計的自由度,設計是流暢統一的,一旦一個區域有了邊框,其它很多地方都要加上邊框與之呼應;其三是提高設計效率,在畫圖過程中,給內容加上邊框就表示每增加一部分內容都要先畫出邊框,每修改一次內容邊框都要重新修改一次,尤其是在很多工具中用特殊邊框畫起來會相當復雜。而卡片化界面設計的優勢其一是組塊內容,卡片把信息組織成塊狀結構后很利于內容的擴展,避免了內容的大面積堆積造成用戶閱讀困難和時間的浪費,使用戶能夠快速深入的找到自己感興趣的內容;其二是易于消化,卡片是一個非常棒的快速溝通的方式,把內容放在卡片里用戶非常容易消化;其三是可以讓用戶產生視覺的愉悅性,卡片化界面設計非常依賴視覺,實際上加大卡片中的圖片是非常有利的,因為看圖時代的今天,圖片能夠快速的吸引用戶的眼球,所以在卡片化界面中加大圖片的部分能吸引用戶;其四是易于多尺寸設備適配,卡片得到無限擴展是重要的一面。對于響應式頁面設計是非常好的選擇,因為它能夠上下自由伸展,在響應式頁面中巧妙的利用卡片的特點進行相關的設計,不僅能夠保持多平臺多尺寸屏幕的視覺統一性,同時也大大的提升了工作效率。
五、無框化與卡片化APP界面設計的互補性
在如今這個信息量爆炸的時代,人們如果看到一個簡潔大方的畫面會更加容易識別,所以視覺上樸素簡約些為好。但是在特殊的情況下完全不需要死守任何教條,而是優勢互補的靈活運用為好。2010年,微軟推出Metro設計語言,這種設計風格的關鍵性原則是能夠讓用戶更好的聚焦在應用程序的內容上,通過扁平的卡片形式以及錯落有序的排版結合實現。Metro風格的卡片設計不僅僅是一個設計元素,它通過簡單的交互滿足了用戶基本的功能需求。所以這種為了滿足客戶需求和提高使用率的設計就是好的設計,不用拘泥于任何一種設計風格,視具體情況做出適當的調整。其實,無論是卡片化還是無框化設計都有利與弊,關鍵在于設計者在做設計時是否以用戶的視覺及使用的體驗為首要任務,并且關注設計內容是否適應產品的特性。相信在這樣有全局觀的設計思想下,我們未來的界面設計會做的越來越完善,越來越容易被用戶喜愛。