西西軟件園多重安全檢測下載網(wǎng)站、值得信賴的軟件下載站!
西西首頁常用軟件軟件下載安卓軟件游戲下載安卓游戲MAC應用驅動下載安卓電視
系統(tǒng)工具網(wǎng)絡工具媒體工具圖形圖像社交軟件殺毒軟件辦公軟件驅動軟件學習教育閱讀工具其他軟件
當前位置:首頁MAC軟件Mac圖形圖像 → 摹客設計系統(tǒng)Mockplus DS v1.0.1 官方版

摹客設計系統(tǒng)Mockplus DS

摹客設計系統(tǒng)Mockplus DS
  • 更新:2018-09-20 14:55
  • 大小:955KB
  • 版本:v1.0.1 官方版
  • 語言:中文
  • 類型:Mac圖形圖像
  • 平臺:WinAll
本類排行
  • 應用介紹
  • 應用截圖
  • 下載地址
  • 網(wǎng)友評論

Mockplus DS插件是一款為sketch用戶們提供的設計規(guī)范制定插件,這款插件可以讓設計師和開發(fā)之間的溝通更加簡單。Mockplus DS插件可以完成品牌和設計規(guī)范的管理、設計素材以及組件的管理,并保證在應用上滿足一致性的要求。

功能特色:

資源

在云端管理你的所有設計資源,包括顏色、Logo、圖標、文字、組件、度量元素、陰影等。你可以建立多個庫、分類和子分類來進行管理。

設計

團隊中的成員均可分享設計資源并遵守設計規(guī)范?梢栽贛ockplus和Sketch中,將設計元素上傳到設計系統(tǒng)形成規(guī)范,同時,也可將庫中的設計資源快速應用到Mockplus和Sketch的設計中,并自動同步更新。

分享

一鍵分享設計規(guī)范給伙伴兒。
可以導出CSS、SCSS、LESS,應用到前端開發(fā)。還可以自動導出各類版式的設計規(guī)范圖(UI Style Guide)。

使用說明:

編輯設計資源

在摹客設計系統(tǒng)中,進入到設計資源編輯狀態(tài),便可以對資源庫內所有的設計資源進行修改添加。

進入編輯狀態(tài)

登錄設計系統(tǒng)后,打開已有的資源庫,將頂部編輯狀態(tài)開關設置為“ON”狀態(tài),進入設計系統(tǒng)資源編輯狀態(tài)。

Mockplus DS插件

內容修改導航

通過左側導航欄選擇要修改或添加新的二級設計資源分類;也可以通過滾動右側頁面定位到要修改的設計資源處進行編輯操作。

通用的設計資源編輯方法

單擊文本編輯修改文本內容,通過左上角的九宮格按鈕可對資源進行橫向與縱向的拖拽排序。點擊在設計資源末尾的加號便可在該分類下新建資源。點擊分類末尾的加號便可新建一個全新的二級資源分類。設計資源分類只能修改二級分類,不可修改一級分類以及添加三級分類。

標準字編輯

標準字可修改內容有資源名稱、資源描述、字體、字重、字號、背景色、文字顏色、行高、對齊方式、下劃線、預覽文本、css名稱。需要注意的是,為保證設計系統(tǒng)的統(tǒng)一性,字體選擇只能在字體分類里添加的字體中選擇,如果你在下拉列表沒有發(fā)現(xiàn)想要的字體,請先通過字體分類添加字體。

度量編輯

度量分為弧度、尺寸、間距,此處以間距編輯為例。可編輯內容為資源名稱、資源描述、數(shù)值、單位。其中度量的數(shù)值需要大于等于零。添加的尺寸資源將會運用到陰影編輯中。

陰影編輯

陰影可編輯內容有陰影名稱、陰影描述、X與Y的偏移值、顏色、模糊值、擴展值、陰影位置、陰影數(shù)量。陰影數(shù)量是指陰影可通過多個陰影疊加形成最終陰影效果。需要注意的是,為保證設計系統(tǒng)的統(tǒng)一性,陰影參數(shù)的數(shù)值大小需要在度量 > 尺寸中先行設置才會出現(xiàn)在下拉列表中。

資源庫和資源分類

在摹客設計系統(tǒng)中,我們可以快速創(chuàng)建資源庫。資源庫中包含Logo、標準色、字體、標準字、圖標、組件、圖片、度量及陰影九大設計資源。

新建資源庫

登錄設計系統(tǒng)后,點擊界面上的“+”號,即可創(chuàng)建資源庫。在新建資源庫界面可選擇創(chuàng)建“空白庫”和“示例庫”兩種。

空白庫:資源庫里面沒有任何資源,可添加或上傳。

示例庫:資源庫里面已內置部分資源,可修改、添加或上傳。

資源分類

Logo

Logo代表著企業(yè)形象,在不同場景,我們可能會使用不同的Logo。在此分類下,我們可以添加不同場景的Logo。在設計過程中,可直接拖出使用。

標準色

企業(yè)為了塑造自己獨特的品牌形象,通常會確定一種主色調并維護一套色彩體系。在制作原型及效果圖時,直接運用到文字、邊框或背景色上,簡單方便。

字體

標準字體是企業(yè)形象識別系統(tǒng)中的基本要素之一。在設計系統(tǒng)里,可根據(jù)企業(yè)或品牌的個性制定專屬于自己的字體。在設計的時候,選中字體后再點擊制定的字體,就可以輕松應用此樣式。

標準字

在不同場景下(如正文文字、菜單文字、提示文字等)的文字顏色和大小是不一樣的。在設計系統(tǒng)中,我們可以先制定好不同場景下的標準字,然后在設計過程中直接使用對應場景下的字體樣式。

圖標

在軟件系統(tǒng)開發(fā)中,需要用到各式各樣的圖標。在設計系統(tǒng)的圖標類別中,支持從外部導入SVG及PNG兩種格式的圖標素材。

組件

設計系統(tǒng)對接了Mockplus和Sketch兩種設計工具,可以將工具中制作好的復合組件上傳到設計系統(tǒng),之后還可以在Mockplus和Sketch中修改并同步更新這些組件。同時,支持從外部導入PNG, JPEG, JPG, SVG及GIF格式的組件。

圖片

通常情況下,軟件中的背景圖、banner、封面圖等可以作為圖片資源上傳到設計系統(tǒng)。目前支持PNG, JPEG, JPG, SVG及GIF格式的圖片。

度量

度量資源主要用于標定軟件中的尺寸、間距等數(shù)值類規(guī)范。該類別下包含四個子分類(圓角值、內容寬度、間距規(guī)范和陰影大小)。

說明:在陰影資源中需引用度量數(shù)值,請先制定好度量資源后再編輯陰影資源。

陰影

設計系統(tǒng)中支持定制陰影效果,主要通過設置X、Y、模糊、擴展等數(shù)值,調試出相應的陰影效果。

制定好相關設計規(guī)范后,可分享給其他伙伴或導出規(guī)范圖。此外,還可以將Logo、標準字、標準色、圖標、圖片、組件六種設計資源直接應用到Mockplus和Sketch中。

下載地址

下載地址

特別說明

同類推薦

發(fā)表評論

昵稱:
表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
查看所有(0)條評論 > 字數(shù): 0/500