在搬著小板凳坐工程師 buddy 旁邊送果汁送零食的日子裡，我受 google material design
是的我曾經也很寄希望於 zeplin
，參與第一批內測後就寫了長長的自帶說明配圖的郵件給他們，期待 1.0 的發布，那就可以解決我這篇文章裡寫的所有問題了，以下內容大家就不用看啦。論偷懶工具的重要性啊盆友們……想起昨晚看見fb 新玩出來的 sketch 外掛程式，用 html+css 實現的動態布局。
為什麼傳統的標註方法讓人難受？
沒錯，markman 是傳說中的標註神器，看起來也確實方便快捷，但是當乙個頁面中，要同時標註間距、大小、顏色和字型大小時，過多的資訊一齊扔給工程師，就會讓人有些抓狂。比如這樣：
先有布局標註，再有樣式標註。
用2個頁面解釋布局，再用1個頁面解釋樣式
橫向布局：解釋元素左右的外間距、內間距和橫向寬度。（這裡要考慮到針對不同寬度螢幕的適配，標註是給固定值還是百分比）
縱向布局：解釋元素的上下間距和高度。（有時要確保頁面裡最重要的資訊——比如乙個 cfa btn——在不同螢幕大小中是否都出現在了首屏，判斷標註是向上定位還是向下定位 ）
視覺樣式：字型、字型大小、行高、顏色、透明度、圓角。
標註資訊分類之後，我還會給標註本身設定共享樣式：塊面通常用藍色的遮罩，區別不同百分比時則用紅黃綠的遮罩，數字間距用紅底白字，視覺樣式則用藍底白字，這樣的好處是：對與設計師，可以快捷修改所有標註樣式；對於工程師，快速建立對這套標註視覺語言的認知，明白不同顏色所代表的資訊屬性，更方便的找到他所需要的資訊。
單獨拎出可復用的元件，統一標註
在專案程序中，我甚至會和工程師們溝通好，然後在每個元件旁寫上這個元件是誰正在實現或已經實現，附在專案共享檔案或者郵件裡，避免重複勞動。
統一標註的好處不僅是我們自己在後續的設計中可以復用和遵守， 對於 web/ios/andriod 的工程師而言，也能提高**效率同時保持不同平台最終效果的統一，後續迭代的時候也不會出現莫名其妙的樣式和**。如果遇到產品的大版本更新，也正好趁此機會和工程師們一起好好梳理一遍現有的樣式，清除掉不再使用的樣式，指定好新的層級。
dos & don』ts
始終遵循，視覺邏輯符合工程師的開發邏輯。
合理劃分，再複雜的頁面，用三步也足夠能說清楚，資訊不要擠在一起。
考慮到頁面在不同螢幕大小下的變化，間距是否固定，比例是否縮放，和按鈕寬度是否自適應。
任何細節和要求都寫清楚寫清楚，寫，清，楚，不要指望任何人「意會」你的設計，任何決定都要有據可查。
每乙個標註本身也要注意對齊方式，更乾淨整潔的標註能讓大家一眼找到所需。
好了，看完之後大概會有人吐槽說有必要麼這樣的標註多浪費時間啊，那麼請去看看 @圭多達萊佐
這位朋友的樂譜，get it? 就是要追求極致啊（仰天……
最後，這次模板是我自己的乙個 redesign concept， 基於foundmyanimal.com
至於我的原始檔，大家隨便用，i don』t give a ****.
匡這是我自己最常用的兩個 sketch 外掛程式：
記得在 github 上給作者小星星喲~
python工程師工作總結 工程師的第乙份工作小結
時間過的真快，前不久才寫了篇 對做技術的一點思考 博文，那時剛剛決定自己第乙份工作的去處。現在，我已經在工作單位工作了將近2個月了。晚上回到住處，抽出休息時間小小回顧下這段時間的收穫。這裡我要先做一些說明，我是應屆碩士畢業生，正常情況下要明年6月份畢業。由於之前的學習和經歷，有幸在研一結束的時候就達...
乙份招PHP高階工程師的面試題
1.基本知識點 http協議中幾個狀態碼的含義 503 500 401 200 301 302。include require include once require once 的區別.php mysql中幾個版本的進化史，比如mysql4.0到4.1，php 4.x到5.1的重大改進等等。her...
這裡有乙份工程師「變軟」的修煉攻略
工程師是一群非常可愛的人群，他們沉迷於技術，聰明 勤奮 坦率 專注，都是非常硬核的，一言不合就show me the code。堅硬的核心固然重要，但要想過好一生，需要學習很多事情，尤其是人人都在講的 軟技能 這是一項比技術還要花更多時間修煉的能力。讀書是學習最好的方式，而刻意的 體系化的學習效果更...