早前我們介紹了韓國頂級互聯網公司NAVER旗下產品的UI設計到底厲害在哪裡,今天Inspirr網頁製作再從韓國其他品牌入手來說說,為什麼韓國UI設計總是給我們帶來意想不到的驚喜?韓國UI設計又有哪些地方是值得我們借鑒的?
【內容回顧】
【UI設計案例分析】韓國UI設計好在哪?哪些地方值得我們學習?
如果大家平時有玩過韓國的APP,會發現他們非常重視設計的細節,而這些細節的處理能給產品增添趣味性和美學記憶,例如:
01# 卡片內有乾坤
卡片容器是APP設計中經常出現的組件之一,但通常我們看到的卡片設計大多都是中規中矩且有種眼花繚亂的感覺,同時介面訊息設計也比較雜、多、亂,因此想要達到出彩的效果會相對比較困難。
在Millie APP設計中,設計師針對Banner和底部大卡片等處進行細節處理,卡片內採用虛實文字版式集合、疊加版式組合、大字體等UI設計技巧,使整體充滿雜誌感、加強介面的視覺張力。
同樣是Starbucks App設計,韓國設計在APP的底部卡片設計採用毛玻璃質感,在材質上進行彌散光感漸變取色處理,使卡片的細節更為豐富。
02# 通過疊加塑造空間
疊加佈局設計不僅僅適合於APP內中使用,在其他多終端佈局同樣使用。而在UI設計中,層疊佈局具有加強介面層次感、視覺張力、縱深感等,以及突出品牌美學感等優點。
Kream APP在Banner設計中使用文字與商品疊加佈局版式,滿足訊息的有效傳達,同時增強形式感。
Soldout APP在內容佈局上,採用卡片與商品疊加佈局設計,不僅豐富背景訊息,同時增強APP的場景感和趣味性。
03 # 異形圖形語言
或許是文化原因,我們很少能在本土APP中看到異形圖形設計,但是這在韓國APP中可謂是家常菜。
如今在韓國APP中幾乎隨處可見,這種帶有誇張且趣味性十足的圖形與商品的融合設計。這種UI設計方式在確保傳達關鍵係訊息的同時,又能增強畫面的視覺張力,讓人產生回味感。
比如上圖案例,圖片設計不是我們經常用到的長方形或矩形,而是採用不規則圖形、橢圓形與關鍵常見組合排版設計,加強APP的差異化,同時給用戶帶來一種耳目一新的感覺。
04 # 左側大間距網格設計
左側大間距網格設計是APP設計中經常用到的一個的技巧,具有突破常規、有自己的設計主張,以及加強產品視覺記憶等優點。
像是Apartmentary APP設計,介面非常高級,用戶體驗是易操作和熟悉的電子商品平台介面,看起來非常好用,但同時介面採取大間距網格設計,營造出滿滿的高級感。
29CM是韓國一家知名電商購物平台,致力為喜歡網購的用戶提供豐富的個性化生活用品,其優秀的APP設計獲得2015 iF設計獎。29CM 整體UI設計採用高品質的照片、絕佳的用戶體驗和大間距網格設計,加強整體的交互體驗,完全顛覆用戶對APP體驗的認知!
最後,Inspirr網頁製作提醒,使用左側大間距網格設計時,需要注意其應用範圍,比如只能在首頁出現,二級頁面、三級頁面等就應該避免使用,畢竟這種UI設計技巧雖然能讓最終效果極具特色,但也的確挺浪費手機螢幕的。