互聯(lián)網(wǎng)web2.0普及，讓更多的用戶(hù)看到了精美的頁(yè)面，在對(duì)自己網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候也越來(lái)越挑剔，對(duì)易用性的要求也是越來(lái)越高。傳統(tǒng)意義上的美工已經(jīng)不能達(dá)到客戶(hù)的要求。為了突破產(chǎn)品設(shè)計(jì)的瓶頸，有的公司請(qǐng)來(lái)了用戶(hù)體驗(yàn)設(shè)計(jì)師，建立了自己的用戶(hù)體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)，有的公司直接將產(chǎn)品的設(shè)計(jì)外包給專(zhuān)業(yè)的用戶(hù)體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)。很快產(chǎn)品都有了好的設(shè)計(jì)，但是似乎事情沒(méi)有那么簡(jiǎn)單。
在設(shè)計(jì)落地的過(guò)程中，我們遇到的較普遍的問(wèn)題是設(shè)計(jì)師與工程師之間缺乏溝通。設(shè)計(jì)師指責(zé)工程師沒(méi)有100%的還原設(shè)計(jì)，工程師則反擊設(shè)計(jì)師“站著說(shuō)話(huà)不腰疼”，設(shè)計(jì)圖的效果無(wú)法實(shí)現(xiàn)或者成本太高。后來(lái)就發(fā)展成兩方各自為政、互不信任，較后系統(tǒng)開(kāi)發(fā)出來(lái)有效走樣。為了避免這樣的問(wèn)題，我們采取的方案是，工程師從一開(kāi)始就參與到設(shè)計(jì)中來(lái)，設(shè)計(jì)師的每一個(gè)階段性成果物都需要跟工程師討論，確認(rèn)技術(shù)上是否OK、成本是否適中。這樣既能避免產(chǎn)生天馬行空無(wú)法落地的設(shè)計(jì)，又能加深工程師對(duì)設(shè)計(jì)圖的理解。
另一個(gè)讓我們摳腦殼的問(wèn)題是，工程師對(duì)設(shè)計(jì)圖的執(zhí)行力參差不齊。設(shè)計(jì)師在制作設(shè)計(jì)圖時(shí)對(duì)留白、字體大小、字體顏色這些細(xì)節(jié)都是嚴(yán)格控制的，然而大多數(shù)工程師在開(kāi)發(fā)的時(shí)候并不會(huì)考慮的那么嚴(yán)謹(jǐn)和細(xì)致，有的工程師處理元素間的留白靠的是自由發(fā)揮，有的在處理文字時(shí)則是“跟著感覺(jué)走，差不多就行”，每個(gè)人的標(biāo)準(zhǔn)都不一樣，較后的結(jié)果就是同一個(gè)系統(tǒng)的頁(yè)面有不同的視覺(jué)效果，跟設(shè)計(jì)圖相比都有差距。為了解決這個(gè)問(wèn)題，我們?cè)谠O(shè)計(jì)成果交付物中引入了視覺(jué)規(guī)范文檔。
另外，在與客戶(hù)的開(kāi)發(fā)人員合作的過(guò)程中，我們發(fā)現(xiàn)前端開(kāi)發(fā)的效率普遍比較0。問(wèn)題主要在于前端開(kāi)發(fā)資源的重用性不高，沒(méi)有積累，前端開(kāi)發(fā)人員之間缺乏協(xié)作和分享。典型的情況是，同一個(gè)前端組件在不同的頁(yè)面被開(kāi)發(fā)了兩次，或者前任工程師在離職之后沒(méi)有留下文檔造成一些復(fù)雜的組件無(wú)法擴(kuò)展和維護(hù)。為了幫助客戶(hù)解決這類(lèi)問(wèn)題，更順利的實(shí)現(xiàn)我們的設(shè)計(jì)，我們?yōu)椴煌捻?xiàng)目建立了前端UI組件庫(kù)，將項(xiàng)目中重用性高的復(fù)雜組件放到組件庫(kù)中，以demo加文檔的形式組織起來(lái)，讓前端開(kāi)發(fā)資源能夠積累和分享。
網(wǎng)頁(yè)標(biāo)題：成都網(wǎng)站建設(shè)中網(wǎng)頁(yè)設(shè)計(jì)中的安全問(wèn)題
URL標(biāo)題：http://weahome.cn/article/sepohd.html