我們都知道網(wǎng)頁(yè)設(shè)計(jì)師做好頁(yè)面設(shè)計(jì)后需要交接給開發(fā)人員，他們需要把設(shè)計(jì)理念用技術(shù)更好的表達(dá)出來。這是一個(gè)非常重要的過程?？梢赃@么說，為了達(dá)到積極的結(jié)果，設(shè)計(jì)師和開發(fā)人員需要在同一個(gè)頻道上，但往往這是說起來容易做起來難。

很多時(shí)候設(shè)計(jì)和布局的某些方面可能會(huì)在開發(fā)中丟失，這導(dǎo)致在瀏覽器中看起來與在原型應(yīng)用程序中看起來不同的東西。即使是細(xì)微的差異也會(huì)損害整體的可用性和美感。雖然將這種情況歸咎于開發(fā)者可能更容易，但并不總是那么簡(jiǎn)單。溝通是關(guān)鍵，提供對(duì)設(shè)計(jì)本身的清晰理解也是如此。讓我們探討一些想法，以使從設(shè)計(jì)師到開發(fā)人員的交接變得富有成效。

忽略細(xì)節(jié)是從設(shè)計(jì)到開發(fā)過程中最常見的問題之一。諸如使用哪種字體、元素之間的間距和設(shè)計(jì)增強(qiáng)（陰影、邊框等）之類的項(xiàng)目很容易被誤解甚至完全遺漏。這可能是由于缺乏明確性。如果沒有明確的說明，開發(fā)人員可能不得不在原型中搜索以確定這些項(xiàng)目是如何實(shí)現(xiàn)的。并不是每個(gè)人都會(huì)花時(shí)間這樣做。

我們可能會(huì)假設(shè)我們?cè)O(shè)計(jì)的這些方面是顯而易見的——但事實(shí)并非如此。因此，記錄各種元素非常重要。這為開發(fā)人員在構(gòu)建過程中提供了一個(gè)參考點(diǎn)。幸運(yùn)的是，許多應(yīng)用程序都提供了有助于避免任何混淆的風(fēng)格指南。但是，如果您在 Photoshop 等應(yīng)用程序中進(jìn)行設(shè)計(jì)，則可能需要自己生成此信息。

當(dāng)談到您的設(shè)計(jì)在移動(dòng)設(shè)備上的外觀和工作方式時(shí)，最好不要讓事情碰運(yùn)氣。響應(yīng)式樣式與桌面一樣重要。同樣，這是一個(gè)好的原型應(yīng)用程序的幫助可以無價(jià)的地方。向模型添加響應(yīng)性的能力使開發(fā)人員更容易付諸行動(dòng)。即便如此，某些方面仍可能受益于額外的解釋。例如，多列布局應(yīng)該如何響應(yīng)平板電腦而不是手機(jī)？排版會(huì)改變嗎？導(dǎo)航呢？這些都是需要考慮的重要事項(xiàng)。在樣式指南和文檔中包含有關(guān)移動(dòng)設(shè)備的注釋。這將確保每個(gè)屏幕的用戶體驗(yàn)一致。