您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計(jì)教程 >> 設(shè)計(jì)理論 >> 瀏覽設(shè)計(jì)教程

網(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就相對遜色一些。

  

丑

 

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/di1481.html
[圖趣]一分鐘色彩心理學(xué)-你讀出了什么
如何孕育新產(chǎn)品項(xiàng)目____從無到有
圖趣網(wǎng)微信
建議反饋
×