淺談工作中設計、制作和程序之間的配合

在項目進行的過程中，主要分為設計--制作--程序這三個步驟，首先先從設計頁面開始，包括頁面上面的諸多效果在內。而制作負責將設計稿的PSD文件變成頁面上的代碼，還原度要求99%以上。程序方面主要是配合在項目進行中的功能開發(fā)，如果當前項目沒有功能開發(fā)的話，主要配合制作進行JS或者Jquery調試。

首先說一下設計方面，眾所周知，網站首頁是一個網站的重中之重，所以首頁的設計會比后面的子頁面要好看一些，當然，效果也會多一些，例如，圖片的滾動，H5的滑出效果等等。而設計方面需要考慮到的就是有些效果在設計稿上面看著很好看，但卻在代碼方面不一定能實現(xiàn)，這里為什么說不一定呢，因為這些效果如果是寫出來的話，花掉的時間相對較多，考慮到項目的周期，所以一般情況下都會選擇在代碼網站上找可以用的JS代碼，然后嵌套到頁面上面來，這樣的話，只要效果沒問題，就只需要改一下樣式，可以達到事半功倍的效果。然而，有的時候一些效果可能會找不到，又或者找到的只是類似的效果，不是完全一樣的，如下圖：

當前的設計稿樣式（截取部分）是小圖在左側，大圖在右側，而實際上找到的效果卻是小圖在右側大圖在左側，因實在沒有找到更加適合的效果，所以準備用這個效果改成符合設計稿樣式的效果。而在小編修改的過程中，發(fā)現(xiàn)了因某些原因導致了JS效果出錯，所以這時候需要程序配合我處理一下效果。

然后說一下制作方面，項目到了制作的階段，需要跟設計師一個個頁面過一次，因為我們在制作的過程中必須知道頁面上面哪個位置需要什么效果，而設計師在設計頁面期間預想的是什么效果等等，這些是一個制作所必須知道的。制作主要負責的工作就是將設計稿轉化成頁面，要求還原度為99%以上，制作需要注意的地方就是設計稿上面的小細節(jié)部分以及每個頁面所用到的效果部分，一般情況下首頁用到的效果比較多，其次就是少部分內頁，例如當前產品圖有多個圖片的時候，產品詳情頁就需要有一個能展示多張圖片的效果了。然后還要注意的是為方便百度抓取，網站的SEO也需要做，在DWPCMS的后臺有個網站地圖，網站地圖主要整理網站的基本架構方便百度爬蟲的，然后就是網站的默認圖片，何為默認圖片，主要是指網站在加載過程中，圖片默認顯示成什么樣子，加載完之后才是添加的數(shù)據(jù)圖。還有一個需要注意的地方就是網站打開的時候在瀏覽器標簽處顯示的圖標。如下圖：

這個圖標一般用的是網站的LOGO做為網站用在瀏覽器標簽上的圖標。然后還需要注意的地方就是代碼規(guī)范方面和圖片的title、alt屬性，這兩個屬性，title屬性是當鼠標滑到圖片上面停留2秒之后會自動出現(xiàn)的，alt屬性則是屬于SEO優(yōu)化方面的。

最后再說一下程序方面，因為小編是一名制作，所以程序方面的配合了解到的也就是平常項目中經常遇到的。

首先，項目初期程序也可以盡可能多了解一些該項目在頁面上所用到的東西，例如欄目架構，有無功能開發(fā)之類，如果有功能開發(fā)的話，則可以在后臺的欄目架構搭建好之后，著手開始做功能開發(fā)。如沒有功能開發(fā)，則可以配合解決制作在處理JS效果方面遇到的問題，然后就是在數(shù)據(jù)調用方面，有些數(shù)據(jù)是通過特定的語句調取出來的，這部分也會需要程序進行配合。

最后做一下總結，在一個項目的進行中，設計、制作、程序三者之間是密不可分的，而制作是中間較為重要的一環(huán)，既要跟設計溝通頁面上的效果，也要跟程序溝通項目中的配合。

本文題目：淺談工作中設計、制作和程序之間的配合
本文來源：http://www.muchs.cn/news46/58546.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供App設計、小程序開發(fā)、標簽優(yōu)化、電子商務、做網站、用戶體驗

廣告

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