網站制作和網站設計人員有關系的嘛您喜愛您規劃作業的前端工程師嗎？您的一些習慣很或許無法很好地轉化為代碼，這使得前端工程師更難以與您協作完結項目。想成為更好的搭檔嗎？然后咱們將學習怎么更好地進行交流和規劃，讓前端工程師通過對作業方法進行奇妙的改變來愛上你的作業。這將加速項目進度，使作業更輕松。

1、讓前端工程師盡早開始項目

網站規劃師和前端工程師之間最大的問題是，他們經常在規劃的第一稿完結之前默默地開展作業，個人或團隊開始議論項目。這不是正確的作業方法，網站規劃師和前端工程師應該評論怎么從一開始就組裝項目。盡管網站規劃人員或許會關注色彩、字體和圖畫，但前端工程師能夠深化了解可用性、的功用和性能。

網站規劃師和前端工程師應該很好地了解互相的外觀。網站規劃人員應該了解足夠的代碼和可用性，以便與前端工程師交流并了解應戰：前端工程師應該對規劃理論有一點了解，以便在規劃概念不適合網絡時提出建議。

2、文件結構清晰

Web規劃人員能夠做的最重要的作業之一就是每次都以相同的方法預備和打包文件。您有多少次翻開包含數百個未命名圖層的Photoshop文檔？請勿將此類文檔交給前端工程師。不管您運用哪種軟件，都應該適當地命名每個圖層和款式。款式、色彩、樣本和布局在整個規劃進程中應堅持共同。

關于每個項目，以相同的方法命名文件和款式。以相似的方法分組并運用共同的文件夾體系。這樣，前端工程師就不用從頭學習怎么找到每個新項目的部件和元素。

3、運用瀏覽器字體

印刷辦理是規劃項目（包含印刷和數字著作）面對的最大應戰之一。不要將桌面字體用于為Web或運用程序規劃的打印項目，并假定它們能夠正常作業。 （一般他們沒有。）

關于數字項目，請選擇“瀏覽器字體排版”。這意味著您或許需求為Web找到與打印內容相匹配的相似字體。不要讓前端工程師為您做這件事。選擇可比的瀏覽器字體并從一開始就運用它們。您甚至能夠在風格攻略中注意到打印和數字字體。

這背面的原因很簡單：嵌入字體或許很棘手。此外，瀏覽器字體是免費的，可保證您不會產生額外的項目本錢。 （當你這樣做時，考慮用圖標做相同的作業，運用像字體這樣的好包裝，所以前端工程師能夠運用CSS風格的圖標而不是導入一堆圖畫文件！）

4、打包圖畫財物

當咱們評論圖畫財物時，正確導出和打包文件非常重要。前端工程師能夠翻開和導出一切圖畫文件以滿意他們的需求，您能夠詢問他們需求什么并在此進程中執行它們。

這可保證您取得所需的圖畫并壓縮文件以協助您快速加載網站。

不要試圖自己這樣做。詢問前端工程師怎么保存、命名和壓縮文件以取得最佳運用作用。

5、考慮環境

在規劃網站和移動運用程序時，需求考慮很多設備巨細和寬高比。作為Web規劃人員，您需求知道畫布巨細、邊距、填充等，以創立實際可用的模型。

在開始繪圖之前，請先咨詢前端工程師，以保證在開始之前了解規劃環境的外觀。沒有比在Photoshop或Sketch中看起來更好的規劃更糟糕的了。

你需求提前知道這些作業：

假如結構具有不同尺度的特定填充規格。

列之間的溝寬度（假如不同）

屏幕尺度最窄的前端工程師將編寫代碼。

6、提出更多問題

它已被屢次提及，但規劃師和前端工程師之間的交流是一切這些作業的關鍵。交流能夠創立或破壞項目，影響截止日期，并影響終究項目的規劃和功用。

與前端工程師共進午餐，了解他們。在此進程中有許多問題要問。假如您不確定某些內容是否有用，請詢問。前端工程師并不是一個糟糕的人，在進程早期答復問題要比從頭考慮和整個概念容易得多。

7、了解一些開發基礎知識

當您與前端工程師攀談并提出問題時，您需求深化挖掘。假如您的規劃庫中還沒有這些技能，請學習一些開發基礎知識。

從事數字項目的網站規劃師應該在以下方面進行自我介紹：

HTML和CSS（您應該能夠更改字體巨細或色彩，并了解兩者是不同的）常見用戶模式（針對用戶與內容的交互方法而規劃）

可拜訪性規范（因而您的規劃將適用于更多用戶）

哪些類型的元素需求用作圖畫，哪些元素能夠運用純CSS創立！

斷點怎么在呼應式布局中作業？

網站規劃趨勢

您或許永遠不會真實編寫代碼，但學習開發原則會使您成為更好的網站規劃者，因為您將了解東西和作業流程的價值。

8、運用“慣例”款式攻略

規劃進程也延伸到開發，網站網站規劃師，你需求意識到前端工程師對你的規劃進程相同重要。

考慮到這一點，創立一個“慣例”款式攻略，不只包含色彩和字體，還包含組件。在該項目已經開始時，每個人都應該能夠拜訪和更新文檔。

一個好的款式攻略將協助項目的每個人堅持與可視元素的共同性，為規劃選擇供給上下文，為項目供給協作點，并協助規范化代碼。

將以下信息放入款式攻略中以充分利用：標志風格

調色板

字體面板

圖標面板

導航菜單元素

不同頁面的布局選項。

在整個站點中重復運用的代碼片段（例如按鈕）

9、運用網格

網格尊重。在呼應式網站規劃中，網格不只僅是將元素放置在屏幕上的攻略，它還確定了元素在不同屏幕尺度下的方位，以及列的堆疊和改組。

網格能夠協助您規劃和維護流。 （應戰在于你不能隨意違背規劃規則。）

能夠這樣想一想：您的規劃在全屏桌面顯示屏上有四行內容排列在屏幕上（屏幕上的寬度相同）。然后在平板上，將塊轉化為兩列，每行兩列。在移動設備上，它們被轉化為一行和四行。

了解網格怎么影響對象的巨細以及對象怎么在不同設備上進行轉化非常重要，因為它決議了怎么規劃您擁有的內容。再想一想相同的情況。假如有五個內容塊怎么辦？它需求從頭規劃，以保證您創立共同的視覺輪廓。

10、友好的網站規劃師

保證項目順利進行的真實關鍵是靈活性。網頁規劃技能和規范不斷變化。盡管有些項目確實讓你成為一個細節而且是一個不動的人，但呼應式規劃卻不是這樣的。易于運用的網站規劃師將贏得更多尊重并與前端工程師建立更好的關系。這將帶來更好，更成功的項目。應該說，可是太屢次，會有很多無意識的行為。不要墮入那個陷阱。與您的前端工程師評論您的項目，他們會愛你

更多的網站設計可以聯系啄木鳥建站工作室為您設計適合你企業的網站