前端了解的協作流程

2021-08-13 18:51:53 字數 681 閱讀 1155

**設計師分享的他們的工作流程:·

解釋一下就是:·

第一步,視覺設計階段,設計師按寬度750px(iphone 6)做設計稿,除外所有設計元素用向量路徑來做。設計定稿後在750px的設計稿上做標註,輸出標註圖。同時等比放大1.5倍生成寬度1125px的設計稿,在1125px的稿子裡切圖。

第二步,輸出兩個交付物給開發工程師:乙個是程式用到的@3x切圖資源,另乙個是寬度750px的設計標註圖。

第三步,開發工程師拿到750px標註圖和@3x切圖資源,完成iphone 6(375pt)的介面開發。此階段不能用固定寬度的方式開發介面,得用自動布局(auto layout),方便後續適配到其它尺寸。

第四步,適配除錯階段,基於iphone 6的介面效果,分別向上向下除錯iphone 6 plus(414pt)和iphone 5s及以下(320pt)的介面效果。由此完成大中小三屏適配。

注意第三步,就要使用我們以上介紹的網易跟**的適配方法了。假如公司設計稿不是基於750的怎麼辦,其實很簡單,按上圖做一些相應替換即可,但是流程和方法還是一樣的。解釋一下為什麼要在@3x的圖里切,這是因為現在市面上也有不少像魅藍note這種超高清螢幕,devicepixelratio已經達到3了,這個切圖保證在所有裝置都清晰顯示。

http協議(前端了解)

http協議 超文字傳輸協議 html叫什麼?協議用來約束客戶端和伺服器之間的傳輸行為 http傳輸分為以下三個階段 一 建立連線 二 傳輸資料 三 斷開連線 客戶端 伺服器 對方 自己能不能收發訊息 第一次 客戶端 伺服器客戶端 自己能發訊息 伺服器 對方能發訊息 自己能接收訊息 第二次 伺服器 ...

關於 Git 多人協作的流程

如今的專案,規模越來越大,功能越來越多,需要有乙個團隊進行開發。如果有多個開發人員共同開發乙個專案,如何進行協作的呢。git提供了乙個非常好的解決方案 多人協作開發。git常用命令 git init 初始化倉庫 git remote add origin 與遠端倉庫建立連線 git clone 轉殖...

Web前端的初步了解

git初步了解 github和git 功能使用git的原因 github和git的關係 git是一款免費 開源的分布式版本控制系統,用於敏捷高效地處理任何或小或大的專案 git是乙個開源的分布式版本控制系統,用以有效 高速地處理從很小到非常大的專案版本管理 當團隊合作是,每個人都有各自的分工,git...