2022-06-07 分類: 網(wǎng)站建設(shè)
2013可以說是扁平化設(shè)計的一年。 扁平化時代之前,設(shè)計師的作品往往非常的寫實,非常的有立體感!但是現(xiàn)在即便是擬物設(shè)計的引領(lǐng)者蘋果,也不得不轉(zhuǎn)變設(shè)計思路,在iOS 7上開始著手扁平化設(shè)計的探索。
什么是扁平化設(shè)計?
對于設(shè)計師來說,扁平化設(shè)計是一種實打?qū)嵉脑O(shè)計風(fēng)格,不要花招,不要粉飾。從整體的角度來講,扁平化設(shè)計是一種極簡主義美學(xué),附以明亮柔和的色彩,最后配上粗重醒目,而風(fēng)格又復(fù)古的字體。扁平化設(shè)計簡化了諸如按鈕、圖標(biāo)一類的界面元素。
大圖片取代了動效。在極簡主義風(fēng)格的設(shè)計中,設(shè)計師通常給予內(nèi)容充足的空間以供傳達(dá),這樣就能夠簡單、直接的講述內(nèi)容。從扁平化設(shè)計中又衍生出幾個不同的小流派:”似扁平化設(shè)計”和”長投影設(shè)計”就是最近被反復(fù)強(qiáng)調(diào)的兩個概念。
“似扁平化設(shè)計”(Almost Flat Design)是以扁平化設(shè)計為基礎(chǔ),但是添加了一些簡單的效果,比如簡單的投影,基本的漸變。
“長投影設(shè)計”圖標(biāo)設(shè)計中使用較多,一般是一道45度角的陰影從圖標(biāo)中延伸而出,最近的圖標(biāo)設(shè)計,大部分都采用”長投影設(shè)計”。
高效率應(yīng)用扁平化UI套件(UI kits)
通過UI套件,我們可以初步了解扁平化設(shè)計。 套件非常的節(jié)省時間——可以自由選擇套件中的元素,然后進(jìn)行自己的實驗。大多數(shù)UI套件的格式是PSD,非常易于編輯。
扁平化UI套件推薦
下面推薦的UI套件種類不一,從簡單免費的到復(fù)雜收費的,扁平化的UI套件可真是越來越多了。
簡約、支持視網(wǎng)膜(Retina),照片滾動箭頭、按鈕、簡單的圖標(biāo),什么都有。大小適中,顏色復(fù)古。
由Designmodo出品,黑暗風(fēng)格,包含了多種按鈕和面板,有點Win8的風(fēng)格。而且扁平之中帶點擬物風(fēng)格。
包含了一些非常實用的基本元素,比如社交網(wǎng)絡(luò)登錄按鈕,菜單、媒體播放器,配色非常扁平化。
包含了從下拉菜單到導(dǎo)航條再到社交分享工具在內(nèi)的大量元素。
扁平化圖標(biāo)推薦
扁平化設(shè)計的圖標(biāo)無處不在,資源也非常豐富。 跟UI套件一樣,大多數(shù)的圖標(biāo)采用PSD格式,這樣可以根據(jù)個人情況進(jìn)行修改。 很多圖標(biāo)的設(shè)計非常的具有專業(yè)性,專門為某類應(yīng)用而設(shè)計。這種圖標(biāo),用來做按鈕也很合適。 當(dāng)選擇圖標(biāo)下載時,記得尺寸大小選擇要合適。有的是矢量圖形,而有的放大時會損失質(zhì)量。
用途廣泛,涵蓋了歐美幾乎所有流行的網(wǎng)站,并采用了長投影設(shè)計。通過用色和投影上的細(xì)微差別,達(dá)到了不同圖標(biāo)之間的高辨識度。每種圖標(biāo)有4種大小——32,64,128以及256。
非常棒的作品,跟SEO相關(guān) 的一些圖標(biāo),扁平化+長投影,對于一些機(jī)構(gòu)來說非常合適。
多嘗試,你也能做好扁平化設(shè)計
當(dāng)前名稱:淺談扁平化設(shè)計—– keep it simple
標(biāo)題URL:http://www.rwnh.cn/news/164354.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作、網(wǎng)站策劃、小程序開發(fā)、手機(jī)網(wǎng)站建設(shè)、App開發(fā)、全網(wǎng)營銷推廣
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容