Adobe After Effects cs6 mac版v1.0中文版中文 / 1.21G
Adobe InDesign cs6 mac1.0 官方中文版中文 / 10.55G
Photoshop 7 for Mac專用中文經(jīng)典版中文 / 221.9M
蘋果ps調色濾鏡(Nik Color Efex pro)v4.005中文 / 86.1M
Mac矢量繪圖軟件(Sketch mac)v3.3.2 中文版中文 / 22.2M
Adobe Photoshop 2023 MAC版v 24.7.0.2223 中文 / 4.40G
馬克鰻mac版v2.7.10 官方最新版中文 / 1.6M
Photoshop cs5 mac版1.0 官方最新版中文 / 979.6M
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)。
內容修改導航
通過左側導航欄選擇要修改或添加新的二級設計資源分類;也可以通過滾動右側頁面定位到要修改的設計資源處進行編輯操作。
通用的設計資源編輯方法
單擊文本編輯修改文本內容,通過左上角的九宮格按鈕可對資源進行橫向與縱向的拖拽排序。點擊在設計資源末尾的加號便可在該分類下新建資源。點擊分類末尾的加號便可新建一個全新的二級資源分類。設計資源分類只能修改二級分類,不可修改一級分類以及添加三級分類。
標準字編輯
標準字可修改內容有資源名稱、資源描述、字體、字重、字號、背景色、文字顏色、行高、對齊方式、下劃線、預覽文本、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中。
特別說明