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

當(dāng)一個(gè)頁面發(fā)給前端工程師，在他眼里自動(dòng)轉(zhuǎn)化成一堆代碼，就像一個(gè)掃描儀器一樣，把它自動(dòng)掃描成一段段代碼，內(nèi)容的信息對(duì)待就是HTML的結(jié)構(gòu)。比如一個(gè)評(píng)論區(qū)，當(dāng)沒有設(shè)計(jì)稿的前提下，可以用HTML語言來定位它的整個(gè)結(jié)構(gòu)，因?yàn)槔锩嬗泻芏鄡?nèi)容是相對(duì)固定的，而且都是通用的。好比作者啊，時(shí)間啊，評(píng)論的內(nèi)容啊，表單等等。那么其他內(nèi)容就可以進(jìn)一步細(xì)化，如評(píng)論表單還可以拆成更細(xì)的對(duì)象，如文本編輯器。這樣將信息對(duì)象化之后會(huì)發(fā)現(xiàn)有大量重復(fù)的對(duì)象和固定模式可被重用。   

網(wǎng)站建設(shè)，網(wǎng)頁設(shè)計(jì)，網(wǎng)站制作公司如果設(shè)計(jì)師在設(shè)計(jì)頁面的時(shí)候也是這種思路，基于對(duì)信息的理解，先對(duì)象化，再針對(duì)對(duì)象設(shè)計(jì)。這樣才能本質(zhì)上實(shí)現(xiàn)模塊化設(shè)計(jì)和開發(fā)。好處是一方面能準(zhǔn)確表現(xiàn)產(chǎn)品意圖，另一方面可以使開發(fā)過程更高效、更優(yōu)化。

那么在設(shè)計(jì)師這一塊，具體的思路都能夠搞清楚，然后很具體和清晰的表現(xiàn)在設(shè)計(jì)稿上，這樣在交接給前段工程師時(shí)才能避免很多誤解，所以在設(shè)計(jì)稿上要有很多必要的標(biāo)注。

視覺規(guī)格要素

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

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

唐山阿優(yōu)以客戶需求為導(dǎo)向，客戶利益為出發(fā)點(diǎn)，結(jié)合自身設(shè)計(jì)及專業(yè)建站優(yōu)勢(shì)，為客戶提供從基礎(chǔ)建設(shè)到營銷推廣的一整套解決方案，探索并實(shí)現(xiàn)客戶商業(yè)價(jià)值較大化，為所有謀求長遠(yuǎn)發(fā)展的企業(yè)貢獻(xiàn)全部力量。

想學(xué)習(xí)更多純干貨或者純技術(shù)，你也可以加入唐山阿優(yōu)科技，我們歡迎有志之士的加入！

Bye~