網(wǎng)站設(shè)計(jì)要精確到像素發(fā)布者：本站     時(shí)間：2020-04-09 12:04:20

網(wǎng)站設(shè)計(jì)隨著眾多成功的互聯(lián)網(wǎng)企業(yè)、產(chǎn)品的崛起，UCD將被提高到一個(gè)新的臺(tái)階，UED團(tuán)隊(duì)工種將被分的更細(xì)化，同時(shí)將催生“更精致的Web產(chǎn)品”，精確到像素的Web產(chǎn)品將是一個(gè)趨勢(shì)乃至必然?，F(xiàn)在的團(tuán)隊(duì)中由于分工進(jìn)一步細(xì)化，團(tuán)隊(duì)面臨的問(wèn)題也進(jìn)一步體現(xiàn)出來(lái)，如交互設(shè)計(jì)師（或視覺(jué)設(shè)計(jì)師）在做出高保真原形后，再到前端開(kāi)發(fā)那里，在UI細(xì)節(jié)上和布局上都和原型有所差距，比喻鼠標(biāo)懸停效果沒(méi)有設(shè)計(jì)、文字行高不勻稱、圖片有毛邊、區(qū)塊間距參差不齊等，這些都是細(xì)節(jié)問(wèn)題，往往只差幾個(gè)像素甚至1個(gè)像素，但足以影響整個(gè)UI的品質(zhì)感，更重要的是工作效率也會(huì)受到影響，前端開(kāi)發(fā)人員會(huì)停下來(lái)找交互和視覺(jué)師進(jìn)行糾正，會(huì)發(fā)覺(jué)這個(gè)問(wèn)題其實(shí)很快速的解決了，前面為什么沒(méi)有顧及到呢？另外一個(gè)問(wèn)題如果前端開(kāi)發(fā)將這個(gè)細(xì)節(jié)問(wèn)題向下遺留，后果不敢想象，這樣做的大有人在，為什么前端那邊要將問(wèn)題遺留呢？
從幾個(gè)方面來(lái)看這個(gè)問(wèn)題（這里不談技術(shù)原因）：

1. 等待中的溝通。這個(gè)和上面下達(dá)的指令的強(qiáng)硬度有關(guān)，命令太死會(huì)分散團(tuán)隊(duì)協(xié)作能力讓設(shè)計(jì)師處于完全屬于“受指揮”狀態(tài)，隨著時(shí)間推移就會(huì)變成直接待命令，應(yīng)付命令，這些細(xì)節(jié)往往就顧不上了，問(wèn)題丟在前端這邊時(shí)他們也不會(huì)主動(dòng)和交互師去溝通了，而是往下遺留，所以無(wú)論規(guī)劃的產(chǎn)物多完美，總會(huì)在傳遞過(guò)程中清耗一部分的，后端角色無(wú)法完整理解你的初衷。這里可以增加會(huì)議溝通來(lái)彌補(bǔ)一下，但一個(gè)會(huì)議怎樣也不能夠讓所有人能夠理解并且提出建議。所以必須主動(dòng)溝通，而且要更開(kāi)放鼓勵(lì)這么做，溝通是互動(dòng)的，不要等。

2.統(tǒng)一產(chǎn)品思想。成功有多種途徑，漂亮的UI風(fēng)格也是多樣化的，沒(méi)有哪一種色彩是最美的，因?yàn)樯识济?，在產(chǎn)品開(kāi)始設(shè)計(jì)前，產(chǎn)品架構(gòu)會(huì)給它一個(gè)定位，所以必須圍繞這個(gè)產(chǎn)品定位去構(gòu)思、設(shè)計(jì)、開(kāi)發(fā)，不要參雜個(gè)人偏好。

3. 規(guī)劃不夠詳盡。架構(gòu)師在規(guī)劃時(shí)往往會(huì)露掉一些細(xì)節(jié)沒(méi)有描述，例如：評(píng)論和是否采用Ajax實(shí)現(xiàn)？商品評(píng)分以矢量圖還是圖表還是數(shù)字等形式呈現(xiàn)？還有 Banner的以何種方式切換？是局部還是整體切換？是采用FLASH還是腳本？等..這是無(wú)法避免的，這種漏洞應(yīng)該只能遺留到交互師和視覺(jué)師這里就應(yīng)該解決掉，傳到前端開(kāi)發(fā)或再往下就嚴(yán)重影響效率了，任何一個(gè)環(huán)節(jié)碰到類似問(wèn)題都應(yīng)該主動(dòng)找上游溝通，一起商討才能快速找到新的解決方案。

4.細(xì)節(jié)驗(yàn)證成熟。細(xì)節(jié)決定成敗可能有點(diǎn)夸張，但細(xì)節(jié)體現(xiàn)一個(gè)產(chǎn)品是否成熟，細(xì)節(jié)可以驗(yàn)證一個(gè)UED團(tuán)隊(duì)的實(shí)力。