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

網(wǎng)站設計隨著(zhù)眾多成功的互聯(lián)網(wǎng)企業(yè)、產(chǎn)品的崛起，UCD將被提高到一個(gè)新的臺階，UED團隊工種將被分的更細化，同時(shí)將催生“更精致的Web產(chǎn)品”，精確到像素的Web產(chǎn)品將是一個(gè)趨勢乃至必然?，F在的團隊中由于分工進(jìn)一步細化，團隊面臨的問(wèn)題也進(jìn)一步體現出來(lái)，如交互設計師（或視覺(jué)設計師）在做出高保真原形后，再到前端開(kāi)發(fā)那里，在UI細節上和布局上都和原型有所差距，比喻鼠標懸停效果沒(méi)有設計、文字行高不勻稱(chēng)、圖片有毛邊、區塊間距參差不齊等，這些都是細節問(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è)細節問(wèn)題向下遺留，后果不敢想象，這樣做的大有人在，為什么前端那邊要將問(wèn)題遺留呢？
從幾個(gè)方面來(lái)看這個(gè)問(wèn)題（這里不談技術(shù)原因）：

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

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

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

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