網(wǎng)頁設(shè)計(jì)師怎樣才能更好的去配合前端工作？最實(shí)際的方法是做一段時(shí)間的前端工作。例如，如果你學(xué)習(xí)平面設(shè)計(jì)，你必須學(xué)習(xí)印刷。為什么移動端UI要有設(shè)計(jì)規(guī)范？您好，我認(rèn)為至少有三個(gè)理由可以說明為什么應(yīng)該有移動終

網(wǎng)頁設(shè)計(jì)師怎樣才能更好的去配合前端工作？

最實(shí)際的方法是做一段時(shí)間的前端工作。

例如，如果你學(xué)習(xí)平面設(shè)計(jì)，你必須學(xué)習(xí)印刷。

為什么移動端UI要有設(shè)計(jì)規(guī)范？

您好，我認(rèn)為至少有三個(gè)理由可以說明為什么應(yīng)該有移動終端的設(shè)計(jì)規(guī)范。

1. 對于設(shè)計(jì)師：為后續(xù)版本迭代和多人合作提供指導(dǎo)，保持產(chǎn)品的統(tǒng)一性；由于一個(gè)項(xiàng)目從開始到下一次更新迭代需要很長時(shí)間，可能會有很多設(shè)計(jì)師參與，但每個(gè)人的風(fēng)格不同，會影響整體視覺體驗(yàn)，所以有了規(guī)范，設(shè)計(jì)師就可以在產(chǎn)品視覺上得到統(tǒng)一，便于更新迭代。

2. 對于開發(fā)：提供標(biāo)準(zhǔn)化的組件樣式以減少開發(fā)重復(fù)時(shí)間。

因?yàn)橛辛艘?guī)范，以后的維護(hù)就方便多了，設(shè)計(jì)師不需要再做標(biāo)記，開發(fā)時(shí)也不需要重新寫樣式，直接修改內(nèi)容。

3. 對于用戶：符合大眾的視覺體驗(yàn)。因?yàn)樵诂F(xiàn)實(shí)中，人們在設(shè)計(jì)移動終端產(chǎn)品時(shí)，一般都有字體、圖標(biāo)間距等方面的習(xí)慣

下面的圖是我收集的規(guī)范的一部分，與大家分享。讓我們學(xué)習(xí)

這個(gè)答案適用于中小企業(yè)的UI。

如何最大限度地恢復(fù)設(shè)計(jì)草圖？打標(biāo)前的溝通非常重要，切記，磨刀切木不要錯(cuò)過。

分享我的一些經(jīng)驗(yàn)：

1。程序員實(shí)現(xiàn)這個(gè)頁面的框架是什么？例如，頁面注釋的基準(zhǔn)在哪里？所有的元素都是按照屏幕的頂部貼標(biāo)簽的嗎？或者每個(gè)元素都應(yīng)該根據(jù)前一個(gè)元素的位置進(jìn)行標(biāo)記？這需要提前溝通。

2. 面對面交流可以用來表達(dá)不易用注解表達(dá)的實(shí)現(xiàn)效果。例如實(shí)現(xiàn)投影、跳躍小節(jié)奏動畫等。但是，有必要在標(biāo)簽中指出需要面對面交流的地方。

3. 雙方都要有及時(shí)溝通的意識。例如，無論設(shè)計(jì)經(jīng)驗(yàn)如何豐富，一些細(xì)節(jié)可能會被忽略。在這個(gè)時(shí)候，如果程序員懶得交流，按照自己的想法去做，往往會導(dǎo)致一系列的錯(cuò)誤。因此，雙方必須有良好的溝通意識。

如果我們能做好這三點(diǎn)，我們就能使實(shí)現(xiàn)更接近設(shè)計(jì)草案。最近，我將寫一篇關(guān)于設(shè)計(jì)注釋的更詳細(xì)的文章。你可以關(guān)注我，以后繼續(xù)交流學(xué)習(xí)。

如何有效標(biāo)注才能高度還原設(shè)計(jì)稿？

前端是實(shí)現(xiàn)設(shè)計(jì)師的繪圖效果，制作頁面，添加效果，各種JS，各種CSS等等。

設(shè)計(jì)師根據(jù)標(biāo)準(zhǔn)，與程序員溝通后，制作設(shè)計(jì)圖和各種效果的效果圖。例如，設(shè)計(jì)草圖應(yīng)該被標(biāo)記，而向上移動鼠標(biāo)的效果將是什么，等等。前端將實(shí)現(xiàn)這些效果，并將它們轉(zhuǎn)換為供程序員使用的頁面。