像素級(jí)的Web設(shè)計(jì)

這句話不知道是不是我的原創(chuàng)（文字，不是理念），我以前經(jīng)常講，同時(shí)立即得到很多人的反對(duì)，認(rèn)為這個(gè)觀點(diǎn)不僅拖長(zhǎng)設(shè)計(jì)周期，而且嚴(yán)重浪費(fèi)成本，由于反對(duì)聲太多太激烈，在加上有“導(dǎo)師”說(shuō)：“很多人都反對(duì)你的觀點(diǎn)就表示你錯(cuò)了”！而且我掌握的都是小規(guī)模團(tuán)隊(duì)和公司，他們注重的是效率尤其是股東放不開(kāi)項(xiàng)目進(jìn)度，我開(kāi)始有點(diǎn)置疑這個(gè)觀點(diǎn)，而且困擾了我好長(zhǎng)一段時(shí)間，后來(lái)專門分析了一下，讓我重新或更加堅(jiān)決的堅(jiān)持這個(gè)觀點(diǎn)。

先看看是什么人在反對(duì)（非Web設(shè)計(jì)不納入此列）：

1.沒(méi)有UED團(tuán)隊(duì)（不包括曾經(jīng)呆過(guò)UED團(tuán)隊(duì)的）的； 2.自己總是對(duì)的（包括在和隊(duì)友合作中）； 3.廣告、VI、產(chǎn)品或其它設(shè)計(jì)領(lǐng)域轉(zhuǎn)過(guò)來(lái)做Web設(shè)計(jì)的； 4.不重視交互和視覺(jué)； 5.無(wú)法脫離“臨慕”或“拿來(lái)主義”者。

排除自身能力之外，在主觀上想做到精確到像素而受到外界約束占很大一部分，主要有下面幾種： 1.受設(shè)計(jì)周期限制； 2.非團(tuán)隊(duì)主管（或上級(jí)）插足； 3.設(shè)計(jì)者情緒因素； 4.沒(méi)有規(guī)劃好；

上面這個(gè)列表我不是想說(shuō)一定要做到精確到像素，因?yàn)檫@個(gè)確實(shí)和“環(huán)境”有關(guān)系，國(guó)內(nèi)擁有專業(yè)UED團(tuán)隊(duì)的企業(yè)幾呼個(gè)個(gè)都是先壯大企業(yè)本身實(shí)力之后才開(kāi)始慢慢重視UCD（盡管他們一在強(qiáng)調(diào)：我們一直重視產(chǎn)品質(zhì)量、用戶體驗(yàn)…）具體不展開(kāi)來(lái)說(shuō)了…以上這些不是本文論述的主要部分。

隨著眾多成功的互聯(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)樯识济溃诋a(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í)力。

最后我想說(shuō)的是：“我們都不希望在這些基礎(chǔ)領(lǐng)域繞來(lái)繞去，但要提升必須得把細(xì)節(jié)做好，才有精力去創(chuàng)新去體驗(yàn)，在團(tuán)隊(duì)中好好做角色，好好做產(chǎn)品”。

本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

網(wǎng)站題目：像素級(jí)的Web設(shè)計(jì)
文章來(lái)源：http://www.muchs.cn/news1/311001.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、網(wǎng)站策劃、建站公司、網(wǎng)站導(dǎo)航、網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)