UI設(shè)計(jì)的風(fēng)格-扁平化界面的產(chǎn)生以及與擬物化界面的區(qū)別

UI設(shè)計(jì)的風(fēng)格

眾所周知,U設(shè)計(jì)則是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀(guān)的整體設(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ì)者說(shuō)Flat Ul”時(shí),其實(shí)指的是極簡(jiǎn)主義的設(shè)計(jì)方法,這種設(shè)計(jì)方法是在設(shè)計(jì)的過(guò)程中去掉浮華卻顯得多余的各種邊框、陰影、紋理、變體、3D元素等,呈獻(xiàn)給使用者非常干凈、簡(jiǎn)單的界面設(shè)計(jì)作品,這也就是界面設(shè)計(jì)中所說(shuō)的扁平化設(shè)計(jì)。其實(shí)將扁平化”一詞用于移動(dòng)終端界面設(shè)計(jì)的時(shí)間并不長(zhǎng),但它迅速取代了傳統(tǒng)的擬物化設(shè)計(jì)風(fēng)格而成為界面設(shè)計(jì)的主流,從軟件開(kāi)發(fā)公司到個(gè)人軟件開(kāi)發(fā)者,從互聯(lián)網(wǎng)的行業(yè)巨頭到手機(jī)App的開(kāi)發(fā)團(tuán)隊(duì),紛紛卷入這股扁平化的潮流中。

扁平化界面的產(chǎn)生以及與擬物化界面的區(qū)別

2010年,當(dāng) Windows phone開(kāi)始推行扁平化設(shè)計(jì)時(shí),受到的是世人的各種嘲笑;2011年當(dāng) google公司推出的安卓4.0移動(dòng)操作系統(tǒng)開(kāi)始使用扁平化設(shè)計(jì)時(shí),人們僅僅將這當(dāng)作是安卓為了和蘋(píng)果抗衡而標(biāo)新立異的一種手段;2013年,當(dāng)蘋(píng)果公司的IOs7系統(tǒng)開(kāi)始走向扁平化時(shí),這股迅速蔓延開(kāi)來(lái)的設(shè)計(jì)風(fēng)格猶如雨后春筍般成為了互聯(lián)網(wǎng)界面設(shè)計(jì)的主流。在極簡(jiǎn)主義設(shè)計(jì)風(fēng)格已成為一種流行趨勢(shì)的今天,尤其是在網(wǎng)站和移動(dòng)端,這種扁平化的風(fēng)格通過(guò)簡(jiǎn)約和平面化的圖標(biāo),使用戶(hù)界面更加清晰并易于理解。

扁平化設(shè)計(jì)就是在設(shè)計(jì)的過(guò)程中,去除所有具有三維突出效果的風(fēng)格和屬性,也就是說(shuō)去除掉下落式陰影、梯度變化、表面質(zhì)地差別,以及所有具有三維效果的設(shè)計(jì)效果。對(duì)于設(shè)計(jì)師來(lái)說(shuō),扁平化設(shè)計(jì)是一種實(shí)打?qū)嵉脑O(shè)計(jì)風(fēng)格,不要花招,不要粉飾。從整體的角度來(lái)講,扁平化設(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ì)不那么容易過(guò)時(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ì)感,通過(guò)疊加高光、紋理、材質(zhì)、陰影等各種效果對(duì)實(shí)物進(jìn)行再現(xiàn);扁平化設(shè)計(jì)則摒棄以上對(duì)效果的追求,轉(zhuǎn)而追求通過(guò)抽象、簡(jiǎn)化、符號(hào)化的設(shè)計(jì)元素表現(xiàn)。

網(wǎng)頁(yè)題目：UI設(shè)計(jì)的風(fēng)格-扁平化界面的產(chǎn)生以及與擬物化界面的區(qū)別
文章網(wǎng)址：http://www.bm7419.com/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)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)