崔勇荷
2016-07-17
最終答案
1、UI 包括美工,網(wǎng)頁(yè)設(shè)計(jì)師或網(wǎng)頁(yè)美工也屬于UI設(shè)計(jì),UI除了做效果圖跟重構(gòu)還包括前端技術(shù)比如JavaScript,會(huì)有交互設(shè)計(jì)在里面?! ?、自從金山公司在珠海建立全國(guó)第一個(gè)UI設(shè)計(jì)室后,全國(guó)的UI設(shè)計(jì)在幾年間如雨后春筍一樣蓬勃。今年年初,UPA中國(guó)第一次在深圳舉辦交流會(huì),請(qǐng)來(lái)了在深圳比較有代表性的幾位UI專家到現(xiàn)場(chǎng)做演講,其中包括前金山UI設(shè)計(jì)師現(xiàn)任騰訊UI設(shè)計(jì)總監(jiān)唐沐、華為的GUI部經(jīng)理黃菁,以及中興、金碟、盈富通等深圳IT界比較出名的設(shè)計(jì)師。交流會(huì)非常成功,參加人數(shù)也超出了主辦單位的預(yù)料,大家交流都非常活躍,表現(xiàn)出了對(duì)UI的極大興趣和信心。越來(lái)越多的人投入到UI工作行列中來(lái),也越來(lái)越多的人站在UI的門(mén)檻?yīng)q豫著,他們甚至連UI是什么都沒(méi)有一個(gè)非常明確的答案,也許他們了解美工的含義,但UI是否也一樣呢,為什么它可以突然變得這么熱門(mén)起來(lái)? 不容置疑,UI是IT的一部分,而且只有在IT發(fā)展到一定程度的產(chǎn)物,IT的發(fā)展經(jīng)歷了從功能的實(shí)現(xiàn)到對(duì)美的追求到人性化;同時(shí)它也是美術(shù)的范疇,因?yàn)樗且詫徝罏榛A(chǔ)去配合用戶動(dòng)作的過(guò)程。所以,只能實(shí)現(xiàn)功能的IT產(chǎn)品已經(jīng)不能滿足用戶的需要求了,而只從美術(shù)的角度去考慮(美工)也會(huì)導(dǎo)致忽略用戶使用方面過(guò)程方便性。所以越來(lái)越多的公司開(kāi)始重視起UI了,從使UI越來(lái)越為人們所熟悉。UI的全稱是User Interface,中文為“用戶交互界面”,UI設(shè)計(jì)師是指專門(mén)研究和設(shè)計(jì)產(chǎn)品的用戶使用界面,目的是在滿足功能的前提下通過(guò)圖形界面的合理設(shè)計(jì)使用戶更容易理解和操作,從而提高產(chǎn)品在用戶心目中的形象(個(gè)人理解)。所以它跟美工是兩個(gè)不同的概念,下面用一個(gè)例子來(lái)說(shuō)明。 不久前一位朋友給我看他公司的網(wǎng)站,要我為他提點(diǎn)意見(jiàn)。大家可以看了上面的圖了,他們網(wǎng)站的美工做得非常成熟,可以說(shuō)簡(jiǎn)潔而不簡(jiǎn)單。如果站在自己人的角度來(lái)說(shuō),肯定會(huì)為設(shè)計(jì)師經(jīng)驗(yàn)豐富所折服,但從客戶的角度上看,就可以看出幾個(gè)問(wèn)題來(lái)了: 首先是主頁(yè)的名稱,即公司名,這里把它做成翻轉(zhuǎn)的FLASH。打開(kāi)網(wǎng)站的90%的人目的性很強(qiáng)的就是要來(lái)了解本公司,進(jìn)來(lái)后一般都是習(xí)慣性地看一下左上角,確定自己沒(méi)有進(jìn)錯(cuò)網(wǎng)站,但很遺憾看到的是一個(gè)LOGO,品牌跟公司名是兩回事,這下客戶已經(jīng)得不到一個(gè)確定的答復(fù)懷疑起來(lái)了。等過(guò)幾秒鐘后才發(fā)現(xiàn)原來(lái)那個(gè)FLASH廣告是個(gè)公司名,這時(shí)才會(huì)進(jìn)行他下一步的動(dòng)作,還有一種情況是:那也許是個(gè)廣告,這時(shí)想買(mǎi)東西的人可能會(huì)選擇放棄而選另一家了?! ∑浯问荕ENU部分,MENU不是不能加圖形,但是加圖形一定是要有聯(lián)系的,能給客戶提示性作用的,這里暴露了兩個(gè)問(wèn)題,一個(gè)是圖標(biāo)與MENU內(nèi)容不符合,這會(huì)給客戶造成誤導(dǎo)作用;另一個(gè)問(wèn)題是前面幾個(gè)MENU都有圖標(biāo),最后一個(gè)卻留空了,違反了一致性原則,給客戶造成視覺(jué)錯(cuò)覺(jué)?! 〉谌潜∪醯膶?dǎo)航和站內(nèi)查詢功能,現(xiàn)在基本上每個(gè)公司的產(chǎn)品都不只一兩個(gè),而用戶來(lái)游覽頁(yè)面的時(shí)候是有目的性和時(shí)間限制的,導(dǎo)航系統(tǒng)有利于用戶在站內(nèi)自由轉(zhuǎn)換頁(yè)面而不至于迷路而關(guān)掉網(wǎng)站, 站內(nèi)查詢功能則提供用戶一個(gè)快速找到自己所要的東西的一個(gè)快捷方法,提高了辦事效率,也減少了網(wǎng)站運(yùn)行負(fù)擔(dān)?! 〉谒氖钦麄€(gè)頁(yè)面都是英文的,只在主體部分留了“公司介紹”幾個(gè)中文,看懂英文的人用不著它來(lái)提示,不懂英文的人就算看了這幾個(gè)字也沒(méi)辦法了解到內(nèi)容,而更有一種受欺騙的感覺(jué)。 最后是兩點(diǎn)細(xì)節(jié)問(wèn)題:一個(gè)是在MENU上面還留著網(wǎng)址,有點(diǎn)畫(huà)蛇添足了(而且字體很難辨清);另一個(gè)是MENU部分有點(diǎn)擠,造成界面不夠大氣?! ∫?取消公司名字的動(dòng)畫(huà)效果 二.規(guī)范MENU的圖標(biāo) 三.增強(qiáng)導(dǎo)航和查詢功能 四.修改一些細(xì)節(jié)問(wèn)題 相信看到這里朋友們都知道為什么很多設(shè)計(jì)師都稱自己為UI設(shè)計(jì)師而不愿說(shuō)是美工的原因了,UI更多是交互設(shè)計(jì),是行為上的研究,這也是我對(duì)這個(gè)問(wèn)題的理解,希望朋友能夠從中得到一些啟示。而UI對(duì)于我來(lái)說(shuō)也是個(gè)比較陌生的行業(yè),希望朋友們能夠一起交流一起進(jìn)步?! ?、UI設(shè)計(jì)包括三個(gè)部分:用戶研究、交互設(shè)計(jì)、界面設(shè)計(jì),一個(gè)成功的UI設(shè)計(jì)師必須運(yùn)用好這三點(diǎn)?,F(xiàn)在仍有大部分人狹隘地認(rèn)為UI就是“畫(huà)畫(huà)圖”,其實(shí)這只是UI設(shè)計(jì)的一部分工作。在進(jìn)行界面設(shè)計(jì)時(shí)UI設(shè)計(jì)師要判斷頁(yè)面元素之間的主次關(guān)系,視覺(jué)流程等等,這其中就包含了交互和用戶方面的知識(shí),而不僅僅是隨便做做效果!完全沒(méi)有思考,為了美觀而做的效果并不是UI,而是美工!