2016-11-11 分類: 網(wǎng)站建設(shè)
UI設(shè)計(jì)的風(fēng)格
眾所周知,U設(shè)計(jì)則是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。好的UI設(shè)計(jì)不僅要讓軟件變得有個(gè)性、有品位,還要讓軟件的操作變得舒適、簡(jiǎn)單、自由,并充分體現(xiàn)軟件的定位和特點(diǎn)?;ヂ?lián)網(wǎng)的迅猛發(fā)展,使得信息傳播業(yè)面臨一場(chǎng)深刻的變革,同時(shí),基于互聯(lián)網(wǎng)傳播的界面設(shè)計(jì)也面臨形式的多樣化。目前界面設(shè)計(jì)中引起廣泛、激烈爭(zhēng)論的兩種風(fēng)格是扁平化與擬物化。
2013年,手機(jī)App的扁平化設(shè)計(jì)已成為設(shè)計(jì)行業(yè)里較受歡迎的流行設(shè)計(jì)風(fēng)格。當(dāng)設(shè)計(jì)者說Flat Ul”時(shí),其實(shí)指的是極簡(jiǎn)主義的設(shè)計(jì)方法,這種設(shè)計(jì)方法是在設(shè)計(jì)的過程中去掉浮華卻顯得多余的各種邊框、陰影、紋理、變體、3D元素等,呈獻(xiàn)給使用者非常干凈、簡(jiǎn)單的界面設(shè)計(jì)作品,這也就是界面設(shè)計(jì)中所說的扁平化設(shè)計(jì)。其實(shí)將扁平化”一詞用于移動(dòng)終端界面設(shè)計(jì)的時(shí)間并不長(zhǎng),但它迅速取代了傳統(tǒng)的擬物化設(shè)計(jì)風(fēng)格而成為界面設(shè)計(jì)的主流,從軟件開發(fā)公司到個(gè)人軟件開發(fā)者,從互聯(lián)網(wǎng)的行業(yè)巨頭到手機(jī)App的開發(fā)團(tuán)隊(duì),紛紛卷入這股扁平化的潮流中。
扁平化界面的產(chǎn)生以及與擬物化界面的區(qū)別
2010年,當(dāng) Windows phone開始推行扁平化設(shè)計(jì)時(shí),受到的是世人的各種嘲笑;2011年當(dāng) google公司推出的安卓4.0移動(dòng)操作系統(tǒng)開始使用扁平化設(shè)計(jì)時(shí),人們僅僅將這當(dāng)作是安卓為了和蘋果抗衡而標(biāo)新立異的一種手段;2013年,當(dāng)蘋果公司的IOs7系統(tǒng)開始走向扁平化時(shí),這股迅速蔓延開來的設(shè)計(jì)風(fēng)格猶如雨后春筍般成為了互聯(lián)網(wǎng)界面設(shè)計(jì)的主流。在極簡(jiǎn)主義設(shè)計(jì)風(fēng)格已成為一種流行趨勢(shì)的今天,尤其是在網(wǎng)站和移動(dòng)端,這種扁平化的風(fēng)格通過簡(jiǎn)約和平面化的圖標(biāo),使用戶界面更加清晰并易于理解。
扁平化設(shè)計(jì)就是在設(shè)計(jì)的過程中,去除所有具有三維突出效果的風(fēng)格和屬性,也就是說去除掉下落式陰影、梯度變化、表面質(zhì)地差別,以及所有具有三維效果的設(shè)計(jì)效果。對(duì)于設(shè)計(jì)師來說,扁平化設(shè)計(jì)是一種實(shí)打?qū)嵉脑O(shè)計(jì)風(fēng)格,不要花招,不要粉飾。從整體的角度來講,扁平化設(shè)計(jì)是一種極簡(jiǎn)主義美學(xué),附以明亮柔和的色彩,最后配上粗重醒目而風(fēng)格復(fù)古的字體。扁平化設(shè)計(jì)簡(jiǎn)化了按鈕的界面元素,既可讓設(shè)計(jì)更具有現(xiàn)代感,也可以強(qiáng)有力地突出設(shè)計(jì)中最為重要的內(nèi)容:內(nèi)容和信息。故扁平化設(shè)計(jì)備受設(shè)計(jì)師們的青睞。其實(shí)設(shè)計(jì)具有三維效果的屬性,本身就是某個(gè)時(shí)間段的流行風(fēng)格,所以去除了這些信息,就能讓設(shè)計(jì)者的設(shè)計(jì)不那么容易過時(shí)。更何況還能突出內(nèi)容本身。因此扁平化設(shè)計(jì)風(fēng)格具有很多優(yōu)點(diǎn)。扁平化按鈕務(wù)
求形狀簡(jiǎn)單,不帶有投影、光效以及漸變,色彩扁平。色彩之間對(duì)照感要強(qiáng),從而提高辨識(shí)度。但是事物都在發(fā)展,長(zhǎng)投影、3D扁平式、多邊形的應(yīng)用為扁平化按鈕設(shè)計(jì)加入了更多的變數(shù)。
被扁平化取而代之的是另外一種設(shè)計(jì)風(fēng)格—擬物化設(shè)計(jì)。擬物化設(shè)計(jì)追求模擬現(xiàn)實(shí)物品的造型和質(zhì)感,通過疊加高光、紋理、材質(zhì)、陰影等各種效果對(duì)實(shí)物進(jìn)行再現(xiàn);扁平化設(shè)計(jì)則摒棄以上對(duì)效果的追求,轉(zhuǎn)而追求通過抽象、簡(jiǎn)化、符號(hào)化的設(shè)計(jì)元素表現(xiàn)。
網(wǎng)頁題目:UI設(shè)計(jì)的風(fēng)格-扁平化界面的產(chǎn)生以及與擬物化界面的區(qū)別
文章網(wǎng)址:http://redsoil1982.com.cn/news/64710.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄、網(wǎng)站維護(hù)、企業(yè)建站、云服務(wù)器、動(dòng)態(tài)網(wǎng)站、品牌網(wǎng)站設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容