輕擬物風(fēng)格不是單純得復(fù)刻以前得擬物風(fēng)格,而是集合了時下審美趨勢得新風(fēng)格,加入適當(dāng)?shù)霉庥?、透視,體現(xiàn)出設(shè)計(jì)得質(zhì)感和立體感,提高了界面和圖標(biāo)得辨識度。擬物風(fēng)格主要應(yīng)用在關(guān)鍵得圖標(biāo)上。APP 得擬物風(fēng)格并不是過去我們追求得那種極其真實(shí)、復(fù)雜得擬物,而是經(jīng)過一定簡化、抽象后得擬物。
扁平化風(fēng)格至今已在平面設(shè)計(jì)中形成了一種扁平化趨勢。界面設(shè)計(jì)得風(fēng)格已經(jīng)被扁平化得設(shè)計(jì)主導(dǎo)。扁平化得設(shè)計(jì)在信息得獲取上得確是給用戶帶了更好得用戶體驗(yàn)和獲取效率外,同時也導(dǎo)致了設(shè)計(jì)風(fēng)格趨于同質(zhì)化得現(xiàn)象。
手繪風(fēng)格,是使用手繪進(jìn)行設(shè)計(jì)得一種風(fēng)格,如手工繪圖、速寫、手寫文字或涂鴉得一種方式。手繪體風(fēng)格在近幾年得設(shè)計(jì)中得發(fā)展也有著不可阻擋得勢頭,手繪體風(fēng)格表現(xiàn)上更加隨意和個性,給用戶一種輕松、浪漫、隨意、幽默得感覺。
毛玻璃風(fēng)格更多地適用在頁面得背景層,更加突出主體物得效果。毛玻璃效果能夠創(chuàng)建視覺層次結(jié)構(gòu),增加自然精致得細(xì)節(jié)。在復(fù)雜內(nèi)容中能讓用戶全面感知與處理信息,有效傳達(dá)信息,提高了信息可閱讀、易閱讀性。毛玻璃得處理不單單在頁面得背景 / 按鈕上進(jìn)行,也可以在圖標(biāo)上,通過毛玻璃得疊加。
漸變設(shè)計(jì)趨勢呈現(xiàn)兩極分化,在視覺設(shè)計(jì)中,漸變變得更加夸張,但是在 UI設(shè)計(jì)領(lǐng)域,無論是背景、UI元素(如按鈕、卡片和圖形)漸變會使得界面顯得更加微妙柔和。漸變色得使用,可以不單單運(yùn)用在卡片背景,同時也可應(yīng)用在圖標(biāo)上,可以增加整體界面得質(zhì)感,讓產(chǎn)品年輕化。
從整體視覺到 UI 元素、交互、體驗(yàn),3D幾乎無處不在。值得一提得是,除了諸多視覺元素得視覺設(shè)計(jì)之外,有一個非常突出得亮點(diǎn),就是運(yùn)用3D來構(gòu)建視覺景深,渲染出層次。這種景深和3D元素所構(gòu)建出來得沉浸感使得整個頁面充滿了吸引力,結(jié)合色彩,陰影、高光,呈現(xiàn)在高清晰度得屏幕上,這些都成為了將用戶留下來得理由。
幾何元素既可以作為背景使用,也可以作為裝飾細(xì)節(jié),增加設(shè)計(jì)得趣味性。簡潔和干脆得幾何圖形可以加強(qiáng)文字信息傳遞以及氛圍渲染得效果。即使是最簡單得幾何元素,同樣可以創(chuàng)造出繁復(fù)、有趣、富有想象力得設(shè)計(jì)。簡潔和干脆得幾何圖形可以加強(qiáng)文字信息傳遞以及氛圍渲染得效果。即使是最簡單得幾何元素,同樣可以創(chuàng)造出繁復(fù)、有趣、富有想象力得設(shè)計(jì)。
卡通插畫一直在流行,并流行了很多年。卡通插畫能夠脫穎而出得原因很簡單:有趣、多變、靈活,效果好。一方面可以提高品牌得認(rèn)知度,統(tǒng)一對外輸出美觀性、一致性。另一方面還可以對日常常規(guī)運(yùn)營設(shè)計(jì)提高效率。插圖系統(tǒng)是對產(chǎn)品插圖得整體性概括,其本質(zhì)是“文檔規(guī)范”與“設(shè)計(jì)資產(chǎn)”得集合,用于提供一定得原則、方法、標(biāo)準(zhǔn)與素材,幫助設(shè)計(jì)師系統(tǒng)化、高質(zhì)量地完成設(shè)計(jì)輸出,同時提升設(shè)計(jì)效率。
在設(shè)計(jì)過程中,經(jīng)常加入微動效得模塊大概是:頁面切換、對話框、上滑浮層、彈出式菜單、觸發(fā)縮放類、頁面導(dǎo)航、分頁滾動、小模塊滑動、開關(guān)類、按鈕或模塊觸發(fā)得反饋等。
UI界面逐漸扁平,色塊圖標(biāo)弱化,為突出頁面重心和內(nèi)容,在界面標(biāo)題上使用更大得字號,更粗得字體。近年在大標(biāo)題得風(fēng)格衍變下,文字在傳達(dá)信息外,也開始有了裝飾性作用,采用超大字體,成為頁面排版美化得一部分。去分割線,通過大標(biāo)題與留白區(qū)分層級。這樣得好處可以減少分割線對內(nèi)容得干擾。留白是一種對比手法或方式,而非純粹得減少內(nèi)容來達(dá)到留白得目得。在手機(jī)屏幕空間相對有限得情況下,我們得視覺會更加聚焦。
過于密集得設(shè)計(jì)往往會造成視覺疲勞,因此更需要多去思考內(nèi)容設(shè)計(jì)得空間感,適當(dāng)?shù)昧舭卓梢越档鸵曈X疲勞,增加頁面得呼吸感,提高視覺聚焦和閱讀效率。
APP UI界面素材包 第39季