網(wǎng)頁設(shè)計(jì):不懂Metro風(fēng)格設(shè)計(jì)敢稱資深設(shè)計(jì)師?
時(shí)代在變化,我們的審美觀也在隨之改變,做為所謂的資深設(shè)計(jì)師們,你們意識到了嗎?現(xiàn)在很多網(wǎng)站和應(yīng)用軟件也開始玩平面化設(shè)計(jì)(Win8風(fēng)格)了,也就是所謂的Metro UI風(fēng)格,如360殺毒、hotmail、騰訊、易迅、天貓、酷狗音樂、iPhone版的QQ音樂等等都已經(jīng)朝這個(gè)興起的UI風(fēng)格改版。
在這里解釋一下什么叫Metro UI風(fēng)格,Metro UI風(fēng)格起初是微軟提出的一個(gè)概念(據(jù)說由于版權(quán)問題已經(jīng)把Metro風(fēng)格改叫Win8風(fēng)格了),Metro UI是一種界面展示技術(shù),和蘋果的iOS、谷歌的Android界面最大的區(qū)別在于:后兩種都是以應(yīng)用為主要呈現(xiàn)對象,而Metro界面強(qiáng)調(diào)的是信息本身,而不是冗余的界面元素。顯示下一個(gè)界面的部分元素的功能上的作用主要是提示用戶“這兒有更多信息”。同時(shí)在視覺效果方面,這有助于形成一種身臨其境的感覺。說白了就是完全平面化,設(shè)計(jì)簡約,沒有漸變、浮雕等質(zhì)感效果。
這是目前比較流行的UI設(shè)計(jì),好或壞那只能是見仁見智了,但大家都在做,你不做你就OUT了。
我有個(gè)習(xí)慣,每當(dāng)有網(wǎng)站改版或APP升級,我都喜歡對比新版和舊版的特征,包括UI方面的變化、功能和性能方面的改進(jìn)等。當(dāng)然UI方面是我關(guān)注的重點(diǎn),發(fā)現(xiàn)現(xiàn)在大多數(shù)APP應(yīng)該軟件改版都改為了所謂的Metro UI風(fēng)格,譬如iPhone版的QQ音樂,改了之后確實(shí)時(shí)尚、高檔了很多。
也許原來的一些質(zhì)感UI效果、冗余的界面元素確實(shí)不太適合用戶的長期瀏覽,容易給用戶產(chǎn)生視覺疲勞。或者原來的設(shè)計(jì)風(fēng)格已經(jīng)無法滿足現(xiàn)代人的審美標(biāo)準(zhǔn),現(xiàn)在是極簡主義年代、內(nèi)容為王的年代,人們更需要的是內(nèi)容質(zhì)量上的滿足,而不是華而不實(shí)的UI視覺沖擊,UI設(shè)計(jì)上適當(dāng)留白也許才是人們所追求的最終效果。因此無論Win 8將來是否會成功,它所提出的設(shè)計(jì)理念在某種程度上已經(jīng)被人們接受了。
但很多UI設(shè)計(jì)師對此表示疑惑,如果全部設(shè)計(jì)都平面化了,那如果展現(xiàn)我的設(shè)計(jì)能力呢?那以后還要設(shè)計(jì)師干嘛?產(chǎn)品經(jīng)理就可以直接把效果圖設(shè)計(jì)完了。那我回答一下,這就是美工與設(shè)計(jì)師的區(qū)別,如果你有這個(gè)疑問,說明你只是一個(gè)美工,而且還沒達(dá)到一個(gè)高級設(shè)計(jì)師的級別。以下我通過一個(gè)按鈕的設(shè)計(jì)區(qū)分一下美工、設(shè)計(jì)師、高級設(shè)計(jì)師、資深設(shè)計(jì)師和首席設(shè)計(jì)師的區(qū)別。
一個(gè)資深網(wǎng)頁設(shè)計(jì)師所要做的設(shè)計(jì),是要提升到戰(zhàn)略層面來,而不是在這些效果上做糾結(jié)。
但個(gè)人認(rèn)為不是所有平面化設(shè)計(jì)都一定好看,其實(shí)想真正的把Metro UI風(fēng)格設(shè)計(jì)好并非想象中的那么容易,要完全不需要質(zhì)量效果的基礎(chǔ)上設(shè)計(jì)得美觀其實(shí)是很難的,我們來看幾個(gè)案例,像360殺毒、南都網(wǎng)的設(shè)計(jì)就真心不錯(cuò),而Kugou就相對遜色一些。
本文地址:http://m.likemindfilms.com/tutorial/di1481.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁設(shè)計(jì)中的常見頁面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫:40款為網(wǎng)頁設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺設(shè)計(jì)分享—專題頁面設(shè)計(jì)篇