天天看點

摹客—— 自動生成你的顔色規範

摹客—— 自動生成你的顔色規範

大家好,我們又見面啦!今天小摹給各位解鎖了兩個實用的隐藏功能,教你更好地玩轉摹客,讓協作設計變得更快更簡單,一起來看看吧!

一、自動生成顔色規範

在摹客的開發模式下,右側标注面闆展示了詳細的屬性值:字型、字号、行高、間距、顔色、陰影等等。來到顔色屬性,輕輕點選一下色塊,你就會發現顔色模式立刻切換啦!這個功能對于設計師和工程師來說,可以節省很多時間成本。設計師隻需要切好圖上傳至摹客中,摹客便會自動生成你的顔色規範。工程師就可以在開發模式下擷取所有需要的資料,協作更加高效。

摹客—— 自動生成你的顔色規範

除了點選色塊切換顔色模式之外,還可以在标注面闆上部的标簽欄選擇“顔色”,來進行HEX和RGB模式的切換。輕輕點選一下這裡的色塊,頁面上所有用到該顔色的部分都會被框選出來。

摹客—— 自動生成你的顔色規範

二、檢視設計稿細節

在一些元素比較複雜的設計稿中,很多細節部分需要放大檢視。這個時候,在摹客的開發模式下,按下Z鍵,你就會召喚出一個放大鏡,細節清晰可見。你還可以利用小鍵盤上的+/-鍵對放大鏡進行放大/縮小。

摹客—— 自動生成你的顔色規範

繼續閱讀