報道公司事件 · 傳播行業動態
相對于網站設計師與前端工程師分工合作,有些前端還是喜歡獨挑大梁,因為有些設計師的設計習慣可能無法很好地轉化成代碼,這樣會使得前端工程師很難與網站設計師共同完成一個項目。那么我們應該如何解決這個問題呢?網站建設會給出一些建議,可以讓前端工程師和網站設計師很輕松的完成一個項目,提高工作進度。
1、前端工程師盡量早一些熟悉項目
網頁設計師和前端工程師之間一個比較大的問題便是他們經常在設計初稿完成之前各做各的,個人完成項目。當然,這不是一個正確的工作方式,雖然一開始網站設計是由設計師來進行的,但是,前端工程師在這段時間也應該和設計師套路如何組裝項目,畢竟兩個人關注的點也會不同,前端可能更加注重可用性和網站的整體功能,設計師會更加關注顏色、字體和圖像。
網站設計師和前端工程師在這段時間盡可能多的交流,網站切換成代碼的可行性;設計的作品是否符合網絡允許的樣式。
2、文件清晰
網站設計人員經常做的一件事便是準備和打包文件,那這個時候我們有沒有注意到這個細節,每次打包的文件都是以未標題1、未標題2幾十幾百個的壓縮在一起,把這樣子的文件提供給工程師,工程師不僅要浪費時間去尋找想要的文件還容易出錯。因此,無論我們使用哪種軟件,都應該適當的命名每個圖層。樣式、顏色、樣本和布局也應該在整個設計流程中保持一致。
這樣,每一個項目,我們都以和這個項目相同的方式命名文件和樣式,以相同的方法來進行分組和打包,這樣會為這個項目省去大量的時間。
3、使用瀏覽器字體
通常設計師會有喜歡的字體并以此來作為自己的默認字體,但是一般用戶是沒有這些字體的,對于數字項目,請盡量選擇使用“瀏覽器字體排版”。這樣會省很多麻煩事,原因很簡單,嵌入字體可能會很棘手,此外,使用瀏覽器自帶字體可以免費并且不會產生額外的項目成本。做這些的時候,圖標也可以這樣考慮,直接使用CSS樣式的圖標而不是導入一堆圖像文件。
4、盡量壓縮一下圖像
當我們在討論圖像大小的時候,在確保圖像清晰的前提下盡可能多的壓縮圖片大小,前端在需要什么圖片的時候,設計師也可以提前問好然后打包給工程師。
這可以縮短工作時間并且圖片占的空間比較小,網站上瀏覽圖片加載速度也會比較快。 當然也不要問完前端需要哪張圖片然后全都自己搞,還需要詢問前端如何保存、命名和用哪種格式來進行壓縮以獲得更好的結果。
5、考慮環境
再設計網站或是移動應用程序時,需要考慮許多設備的大小和寬高比。那么作為一個網頁設計師,您便需要知道畫布大小、邊距、填充等,以創建實際可用的模板。 在開始繪圖之前,也請詢問一下前端工程師,以確保在開始之前了解設計環境的外觀。
6、了解一些開發基礎知識
當您與前端工程師交談并提出問題時,您需要深入挖掘。如果您的設計庫中還沒有這些技能,請學習一些開發基礎知識。
從事數字項目的網站設計師應該學習一下開發基礎知識: HTML和CSS(您應該能夠更改字體大小或顏色,并了解兩者是不同的)常見用戶模式(針對用戶與內容的交互方式而設計) 可訪問性標準(因此您的設計將適用于更多用戶) 需要使用哪些類型的元素作為圖像,哪些元素可以使用純CSS創建。
網站設計趨勢在于您可能永遠不會編寫代碼,但學習開發基礎知識會使您成為更好的網站設計者,因為您了解工具種類和工作流程。