有很多話要說分水嶺在設計師和開發人員之間..當然，有許多設計師/開發人員的混合體可以了解硬幣的兩面但它們很少。

創意項目蓬勃發展適當溝通..然而，當設計人員和開發人員不確定如何彼此交談..我不認為設計人員需要知道如何編寫正確的JavaScript，開發人員也不應該掌握字體選擇。但是有一些基本議題我覺得是雙向的。

以下是我個人對所有設計師都應該理解的重要的web開發思想..作為一名設計師/開發人員，我知道研究這兩個領域是多么令人困惑。但是學習總是值得的，因為一個清晰的理解可以改善溝通，讓設計師對一個有創造力的團隊更有價值。成都網站設計

前端代碼行為

網頁設計師通常被認為具有前沿技能和他們的設計才能。這是個火辣的辯論主題主要是因為無正確答案.

設計師應該做他們想做的事安居樂業..如果這意味著只做視覺設計工作，那就去做吧。然而，對前端技術的簡單了解可以使同一個設計師更直觀為開發人員創建資產時。

我相信每個設計師至少應該明白前沿發展的三種基本語言(HTML、CSS和JS)以及它們的使用方式。例如，大多數下拉菜單依賴于JavaScript，但是只使用CSS的替代方案也是。

當設計人員正在制作下拉菜單時，他們可以考慮通過代碼實現它的復雜性..了解哪些元素需要JavaScript的設計人員可以更好地理解他們要求開發人員構建的內容。

這是可能的而不學習編寫一行代碼.

css為網站風格..除了CSS動畫和CSS之外，它大多是靜態的創建大多數視覺效果在一頁紙上。最動態特征是用JavaScript創建的。

如果你能理解這種劃分，它將在設計工作中釋放出有意識的努力。它還將迫使ux運動設計人員考慮需要做多少工作。動畫界面.

響應技術

每個網頁設計師至少應該知道這個詞。響應設計..這允許網站適應不同屏幕尺寸，其中每一個都屬于不同的布局。當應用新布局時，設備尺寸為由斷點定義，添加(其中之一)CSS文件。

斷點由一定像素寬度(和/或有時高度)，最小或大，其布局調整以適應該屏幕的大小。因此，響應式布局在1080 px顯示器上將與320 px智能手機上的布局不同。

要查看斷點在實際站點上的工作方式，請查看媒體查詢網站。

作為設計人員，您的工作是考慮每個斷點是如何發生的。影響模型..你可能要負責設計幾個公司，每個公司不同屏幕尺寸.

一旦您理解了CSS斷點定義了布局更改時的條件，就可以更容易地將這些資產傳遞給dev團隊。

帶設計的思維模塊

開發人員總是想重用代碼盡可能多地使用這種方法進行開發較少冗長和減少文件大小事實上，這是一種重要的代碼優化技術。

推薦閱讀：10.您需要代碼優化的原因

模塊化設計描述創建網站的方法。“模塊”那可能是隨時間重復使用..想想按鈕，表單輸入，標題樣式，或者帶有花哨風格的區塊引號。

如果你模塊化設計元素，使開發人員更容易用可重用CSS類..想一想你能在哪里合理再利用相同的顏色、紋理和頁面元素，但是您需要在這方面很聰明。不損害整體美學.

如果你注解您在不同的模型上復制了哪些元素，這樣開發人員就可以用重復代碼標記站點的這些部分-使發展更快、更簡單。

模塊化設計原子設計，這兩種方法都是針對開發人員的。不過可視化可以幫助您理解代碼是如何工作的，所以如果您正在努力可視化模塊化設計檢查這個職位看看幾個例子。

了解Retina圖像&SVG

通常這是設計師的工作，準備圖像，捕捉任何必要的照片，并設計圖標從零。這意味著設計師要單獨負責交付可視資產開發人員最終將其編碼到布局中。這就是為什么理解視網膜尺寸向視網膜支持資產給開發人員最后的模型。

我強烈建議這個粉碎的雜志帖子如果你想了解更多關于視網膜設計的工作流程。改造它是一個免費的Photoshop操作集合，它可以自動創建視網膜版本你的資產。

大多數設計師都知道要支持@2x圖像，但是新的iphone 6+設備@3x決議..然而，有些項目不需要使用@3x映像大小，所以在最后確定任何資產之前，請與項目負責人交談。

最后要考慮的是SVG的進展在網上。所有現代瀏覽器支持SVG這是矢量圖像格式..這意味著svg圖標將自動縮放，不造成任何質量損失。因此，您不需要SVG圖形的視網膜資產。

然而，并不是所有的創意團隊都愿意使用SVG來進行網頁設計。瀏覽器肯定支持它們，但在某些情況下，它們也很難實現。這就是為什么溝通對于成功的設計師/開發人員關系至關重要。

討論使用矢量圖形的利弊，并決定對每個項目最有效的方法。只要了解了這些特性，您就可以清楚地與開發人員溝通，甚至可以幫助他們編寫視網膜支持的布局代碼。成都網站設計

理解可訪問性

漸進增強和優美退化是處理相同問題的兩種不同方法：可訪問性。并不是所有的用戶都會使用支持網站100%動態功能的設備或瀏覽器。

這些用戶仍然應該獲得一個起作用的經驗，這需要通過適當的編碼來處理。一些屏幕閱讀器可能忽略所有JavaScript和CSS代碼，但網站還需要發揮作用.

推薦閱讀：網頁可訪問性設計基礎的設計師指南

我最近發了一篇文章覆蓋漸進增強詳細地說，這是我最喜歡的開發方法。漸進增強從非常基本的特性開始，然后使用更多的“高級”功能。

優美退化是相反方法哪里所有的主要功能都是首先設計的。然后，如果用戶不支持JavaScript或CSS，則開發人員將決定如何處理這些特性。

這是不可能的設計師會被要求做模型的任何這些情況。但重要的是設計師要理解這些術語以及它們的含義，因為它們影響開發過程..對于可訪問性是重大關切.

重慶網站設計

名稱欄目：成都網站設計：所有Web設計者都應該理解Web開發的概念
網站地址：http://www.js-pz168.com/news34/226834.html

成都網站建設公司_創新互聯，為您提供網站策劃、網站制作、小程序開發、定制網站、虛擬主機、微信小程序

廣告

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