我認為前端工程師和設計師是有著共同點的，只不過對于設計師而言是視覺上的，而前端工程師是面對的代碼。那么在北京網(wǎng)站建設中，設計師和前端工程師該怎樣配合？

當一個頁面發(fā)給前端工程師，在他眼里自動轉(zhuǎn)化成一堆代碼，就像一個掃描儀器一樣，把它自動掃描成一段段代碼，內(nèi)容的信息對待就是HTML的結構。比如一個評論區(qū)，當沒有設計稿的前提下，可以用HTML語言來定位它的整個結構，因為里面有很多內(nèi)容是相對固定的，而且都是通用的。好比作者啊，時間啊，評論的內(nèi)容啊，表單等等。那么其他內(nèi)容就可以進一步細化，如評論表單還可以拆成更細的對象，如文本編輯器。這樣將信息對象化之后會發(fā)現(xiàn)有大量重復的對象和固定模式可被重用。              如果設計師在設計頁面的時候也是這種思路，基于對信息的理解，先對象化，再針對對象設計。這樣才能本質(zhì)上實現(xiàn)模塊化設計和開發(fā)。好處是一方面能準確表現(xiàn)產(chǎn)品意圖，另一方面可以使開發(fā)過程更高效、更優(yōu)化。

那么在設計師這一塊，具體的思路都能夠搞清楚，然后很具體和清晰的表現(xiàn)在設計稿上，這樣在交接給前段工程師時才能避免很多誤解。所以在設計稿上要很多必要的標注。下面就是一些我總結的：

視覺規(guī)格要素：a：每個板塊的圖片的尺寸（大小，比例關系），b:點擊的區(qū)域，c:板塊的劃分，d:布局規(guī)格，e:字體，字號的大小，f:顏色（包括漸變顏色，陰影，透明度），g:具體對其的地方，h:首屏線

這些東西對于設計師來講是增加工作量，其實都挺反感的，但是對于前段工程師來講，這樣的配合才能設計出好的設計。

文章標題：在網(wǎng)站建設中，網(wǎng)頁設計師和前端工程師該怎樣配合？
URL網(wǎng)址：http://aaarwkj.com/news29/283129.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設、App開發(fā)、網(wǎng)站收錄、微信公眾號、搜索引擎優(yōu)化、網(wǎng)站改版

廣告

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