PaintCode 用戶操作指南(庫(kù)篇)

0 評(píng)論 18351 瀏覽 24 收藏 28 分鐘

2.1 核心概念(Core Concepts)

庫(kù)是設(shè)計(jì)師創(chuàng)建和管理顏色、漸變、圖形、圖像以及變量的地方。庫(kù)項(xiàng)目中的行為能夠用戶界面設(shè)計(jì)的需要。

例如,設(shè)計(jì)師能夠在不同的圖形中使用相同的顏色。然后,如果設(shè)計(jì)師調(diào)整顏色,所有使用該種顏色的圖形將會(huì)自動(dòng)更新顏色。這同樣適用在漸變、陰影、圖像以及變量等方面。

這非常好用,因?yàn)樵O(shè)計(jì)師能夠很容易地改變?cè)O(shè)計(jì)師設(shè)計(jì)的用戶界面中的顏色,而且只在一個(gè)地方。

另外,一些庫(kù)項(xiàng)目能夠形成關(guān)系。例如,一個(gè)新的顏色能夠源于一個(gè)已經(jīng)存在的單一顏色,用過(guò)使用“built-in”運(yùn)算方式。漸變和陰影也能夠繼承庫(kù)中其他項(xiàng)目地顏色。表達(dá)變量可以參考其他庫(kù)項(xiàng)目。

002

通過(guò)利用這種特點(diǎn)地優(yōu)勢(shì),能夠基于一個(gè)或者多個(gè)基礎(chǔ)的顏色,定義顏色、漸變以及陰影的整個(gè)家族樹(shù)。

當(dāng)設(shè)計(jì)師改變基礎(chǔ)顏色的時(shí)候,所有的庫(kù)項(xiàng)目和圖形都能夠基于基礎(chǔ)顏色,直接或者間接的自動(dòng)更新。

003

例如,如果設(shè)計(jì)師設(shè)計(jì)了一組帶有色彩的用戶界面控制組建,設(shè)計(jì)師能夠從基礎(chǔ)的顏色,繼承所有必須的顏色、漸變和陰影。隨后,通過(guò)改變基礎(chǔ)的顏色,設(shè)計(jì)師能夠很容易改變?cè)O(shè)計(jì)師整個(gè)文檔的全部顏色體系。

004

命名(Naming)

每一個(gè)庫(kù)項(xiàng)目都有一個(gè)命名。PaintCode 為設(shè)計(jì)師自動(dòng)生成了這些命名,但設(shè)計(jì)師能夠根據(jù)設(shè)計(jì)師的需要自己命名,為設(shè)計(jì)師的庫(kù)項(xiàng)目起更有意義的命名。這些名字也會(huì)被用于代碼生成。設(shè)計(jì)師能夠在設(shè)計(jì)師的命名中使用空格——在生成代碼中,PaintCode 會(huì)自動(dòng)將“Button Base Color”轉(zhuǎn)成“buttonBaseColor”。PaintCode 不允許使用已經(jīng)在代碼生成中已經(jīng)使用過(guò)的命名,所以設(shè)計(jì)師不必?fù)?dān)心在生成源代碼中會(huì)有任何潛在的命名沖突。設(shè)計(jì)師可以通過(guò)在庫(kù)項(xiàng)目上雙擊,來(lái)為一個(gè)庫(kù)項(xiàng)目重命名。

庫(kù)的使用(Using the Library)

庫(kù)有5個(gè)部分組成:顏色、漸變、陰影、圖像以及變量。添加一個(gè)新的庫(kù)(例如,顏色),在相應(yīng)的庫(kù)選項(xiàng)的頂部點(diǎn)擊“+”按鈕就可以了。

005

移除庫(kù)項(xiàng)目,從庫(kù)項(xiàng)目列表中選擇項(xiàng)目并點(diǎn)擊,然后按“Delete”或者“Backspace”鍵就可以了。

調(diào)整已有的庫(kù)項(xiàng)目,在庫(kù)項(xiàng)目列表中雙擊項(xiàng)目,就可以調(diào)整了?;蛘?,設(shè)計(jì)師在檢查器中點(diǎn)擊庫(kù)項(xiàng)目,之后在編輯框中調(diào)整。

006

復(fù)制和粘貼(Copy & Paste Behavior)

當(dāng)設(shè)計(jì)師在文檔中復(fù)制和粘貼圖形的時(shí)候,所有的顏色、漸變、陰影和圖片也都會(huì)自動(dòng)復(fù)制到目標(biāo)文檔。如果目標(biāo)文檔已經(jīng)包含了必須的庫(kù)項(xiàng)目,這些都會(huì)被重復(fù)使用。

配置庫(kù)項(xiàng)目表現(xiàn)為參數(shù)(Configuring Library Items to Behave as Parameters)

在每一個(gè)庫(kù)項(xiàng)目中“Name”文本域的右邊有一個(gè)特殊的彈出按鈕(彈出按鈕上有一個(gè)齒輪圖標(biāo))。

007

這里,設(shè)計(jì)師能夠配置庫(kù)項(xiàng)目表現(xiàn)。這對(duì)代碼生成很重要,就和使用符號(hào)一樣。

通過(guò)把改變行為的按鈕設(shè)置為“參數(shù)”,確保生每個(gè)畫(huà)布中成圖像方法,在庫(kù)項(xiàng)目使用中將有一個(gè)形參對(duì)應(yīng)特定的庫(kù)項(xiàng)目。這允許設(shè)計(jì)師,例如,創(chuàng)建一個(gè)繪制方法,使用設(shè)計(jì)師制定運(yùn)行的顏色繪制一個(gè)圖標(biāo)。

如果設(shè)計(jì)師選擇“StyleKit”行為,庫(kù)項(xiàng)目將被自動(dòng)添加到 StyleKit 中。

2.2 顏色(Colors)

在 PaintCode 中有三種類(lèi)型的顏色:

系統(tǒng)顏色 – System colors

基礎(chǔ)顏色 – Basic colors(用戶自定義)

衍生顏色 – Derived colors(用戶自定義)

系統(tǒng)顏色有:黑色、白色、透明、紅色、綠色、藍(lán)色以及一些灰色的陰影。設(shè)計(jì)師不能自定義系統(tǒng)顏色,它們也不能展示在庫(kù)中。但是,設(shè)計(jì)師能夠通過(guò)把它們添加到庫(kù)中,創(chuàng)建設(shè)計(jì)師所屬的顏色。這在基礎(chǔ)顏色以及衍生顏色中同樣適用。

008

基礎(chǔ)顏色(Basic Color)

基礎(chǔ)顏色是一些簡(jiǎn)單的顏色,而且不取決與其他任意顏色。設(shè)計(jì)師能夠隨時(shí)調(diào)整它。直接或者間接受到影響的圖形和庫(kù)項(xiàng)目(漸變,陰影……)也能夠相應(yīng)的更新。

衍生顏色(Derived Color)

衍生顏色是一種能夠自動(dòng)適應(yīng)另一種顏色的顏色。它能夠從使用內(nèi)置顏色操作的父級(jí)顏色中衍生而來(lái)。

– 調(diào)整透明度

– 調(diào)整色調(diào)

– 調(diào)整明暗

– 調(diào)整飽和度

– 應(yīng)用陰影

– 應(yīng)用強(qiáng)光

– 復(fù)制

當(dāng)父級(jí)顏色有所改變,會(huì)直接或者間接地使得其他演變顏色自動(dòng)更新。這些在庫(kù)中展示地顏色以較明顯地等級(jí)被排序——延邊顏色是基礎(chǔ)顏色的孩子。

使用顏色(Using a color)

把顏色加進(jìn)圖形中有三種方式。

第一種方式,在畫(huà)布中,設(shè)計(jì)師點(diǎn)擊并拖動(dòng)連接點(diǎn)到圖形上,然后選擇設(shè)計(jì)師想要連接的顏色屬性。連接點(diǎn)會(huì)出現(xiàn)在庫(kù)中的顏色旁邊。如果所要連接的顏色并沒(méi)有在設(shè)計(jì)師的文檔中使用,就會(huì)顯示一個(gè)空的圓形。

009

另外一種方式,是在檢查其中設(shè)置邊框(stroke)或者填充(fill)屬性來(lái)完成,當(dāng)相對(duì)應(yīng)的顯示器是空的,這意味著相對(duì)應(yīng)的屬性(邊框或填充)是未被設(shè)置的。當(dāng)設(shè)計(jì)師點(diǎn)擊邊框或填充相對(duì)應(yīng)的顯示器的時(shí)候,會(huì)出現(xiàn)一個(gè)與上下文相關(guān)的菜單,允許設(shè)計(jì)師選擇設(shè)計(jì)師想使用的顏色。這個(gè)菜單與設(shè)計(jì)師的庫(kù)相連,在上下文菜單的頂部包含一組系統(tǒng)默認(rèn)顏色。

010

另外,想要在設(shè)計(jì)師的圖形中停止使用這個(gè)顏色,只需要在相對(duì)應(yīng)的屬性顯示器中,點(diǎn)擊顯示器左邊的紫色帶“X”的圓形。(上圖Fill中所示)

第三種方式,通過(guò)從顏色彈出按鈕中選擇顏色使用。

011

012

所有的方式,設(shè)置的顏色是相同的,設(shè)計(jì)師應(yīng)該選擇設(shè)計(jì)師覺(jué)得最方便的一種。

添加一個(gè)新顏色(Adding a new color)

有幾種方式添加一個(gè)新顏色:

  • 在庫(kù)中的顏色列表的頂部,點(diǎn)擊“+”按鈕。
  • 在顏色彈出菜單中,點(diǎn)擊“添加新顏色(Adding new color…)”菜單選項(xiàng)。在彈出按鈕中,用這種方式也能夠創(chuàng)建新顏色。
  • 在檢查器的顯示器中通過(guò)“Command + Click”的方式也能夠添加新顏色。通過(guò)這種方式,一個(gè)顏色的副本將被添加到庫(kù)中。

當(dāng)設(shè)計(jì)師在庫(kù)中添加顏色之后,顏色編輯菜單就會(huì)顯示。(注意,設(shè)計(jì)師也可以從另一個(gè)文檔中,通過(guò)復(fù)制和粘貼帶顏色圖形的方式添加顏色,也可以雙擊一個(gè)漸變控制。)

編輯顏色(Editing a color)

設(shè)計(jì)師可以在庫(kù)中雙擊來(lái)編輯顏色,也可以點(diǎn)擊檢查器的顯示器,彈出編輯顏色窗口。

013

文本域中顯示了顏色的名字。PaintCode 為設(shè)計(jì)師生成了這些名字,但設(shè)計(jì)師也可以給這些顏色重命名。

這里有“基礎(chǔ)”以及“衍生”兩種顏色類(lèi)型。

基礎(chǔ)顏色的設(shè)置為“無(wú)”。對(duì)于基礎(chǔ)顏色,設(shè)計(jì)師只需要使用顏色選擇器選擇一個(gè)特定的顏色。設(shè)計(jì)師可以在不同的格式中中設(shè)置精確值,調(diào)整旋鈕,或者在右下角彈出框中使用放大鏡從屏幕上選擇任何顏色。

當(dāng)設(shè)計(jì)師選定了基礎(chǔ)顏色,設(shè)計(jì)師也就得到了“衍生”顏色。對(duì)于衍生顏色,設(shè)計(jì)師必須制定所需的操作和數(shù)值。例如,設(shè)計(jì)師可以設(shè)置一個(gè)顏色和庫(kù)中已有的其他顏色相同,但透明度為50%。這是一個(gè)非常有用的功能。

014

當(dāng)父級(jí)顏色變化的時(shí)候,衍生顏色也會(huì)隨之變化。

刪除顏色(Deleting a color)

當(dāng)設(shè)計(jì)師想刪除在設(shè)計(jì)中使用的顏色時(shí),刪除列表就出現(xiàn)了。刪除列表包含設(shè)計(jì)師所有的圖形以及其他庫(kù)項(xiàng)目,當(dāng)設(shè)計(jì)師刪除顏色的時(shí)候,它們都將受到影響。

015

當(dāng)刪除掉顏色后,所有相對(duì)應(yīng)的圖形、漸變、陰影以及變量都將會(huì)被替換為默認(rèn)顏色(紅色)。所有的刪除后的顏色都將直接變?yōu)榛A(chǔ)顏色,但在視覺(jué)上會(huì)保持一致。

使色彩表現(xiàn)變成生成代碼和符號(hào)中的參數(shù)(Making color behave as a parameter in generated code and in symbol)

要了解更多如何設(shè)置顏色和其他庫(kù)項(xiàng)目為參數(shù),請(qǐng)閱讀庫(kù)項(xiàng)目行為(Library Item Behavior)章節(jié)。

2.3 漸變(Gradients)

漸變可用于填充矩形、橢圓、貝塞爾曲線、星星以及多邊形。PaintCode 支持多步漸變。設(shè)計(jì)師也可以選擇線性漸變(定義一個(gè)角度兩個(gè)點(diǎn))或者環(huán)形漸變。漸變?nèi)Q于使用的顏色,當(dāng)顏色有調(diào)整的時(shí)候,漸變也會(huì)隨之更新。

使用漸變(Using a gradient)

使用漸變,單擊并拖動(dòng)漸變的連接點(diǎn)到一個(gè)畫(huà)布的圖形上:

016

或者,設(shè)計(jì)師可以簡(jiǎn)單的在檢查器的顯示器中點(diǎn)擊一個(gè)空的瞄邊或者填充, 從上下文菜單中選擇一個(gè)漸變:

017

還可以通過(guò),從填充彈出菜單來(lái)選擇漸變:

018

019

這個(gè)菜單會(huì)在庫(kù)的顏色以及漸變中自動(dòng)彈出。

添加漸變(Adding a new gradient)

有兩種方式添加漸變:

  • 點(diǎn)擊庫(kù)中漸變列表的頂部中的“+”按鈕
  • 在填充彈出菜單中點(diǎn)擊“添加漸變(Add new gradient…)”按鈕

(注意,設(shè)計(jì)師也可以通過(guò)復(fù)制、粘貼其他文檔中已經(jīng)使用漸變的圖形,來(lái)添加漸變。)

編輯漸變(Editing a gradient)

設(shè)計(jì)師可以在庫(kù)中雙擊列表項(xiàng)來(lái)編輯漸變。

020

還有,設(shè)計(jì)師可以點(diǎn)擊檢查器中的漸變顯示器,它會(huì)彈出編輯框,來(lái)編輯漸變。

021

文本域中含有漸變的命名。PaintCode 為設(shè)計(jì)師生成了漸變命名,但是設(shè)計(jì)師可以重命名這些漸變命名。

彈窗中有一個(gè)特殊的漸變控制器,使用它,設(shè)計(jì)師能夠精確定位漸變中使用的任意顏色。

改變漸變的值(Changing gradient color value)

改變漸變中的顏色,點(diǎn)擊漸變控制器底部的彩色旋鈕。然后,從漸變控制器下面彈出的按鈕中選擇設(shè)計(jì)師想要的顏色。

從漸變?cè)O(shè)置中調(diào)整顏色(Adjusting color value conveniently from gradient popover)

有時(shí),設(shè)計(jì)師需要調(diào)整漸變中陰影的顏色,設(shè)計(jì)師可以關(guān)閉漸變控制器,打開(kāi)顏色控制器調(diào)整顏色,但這不是很方便。設(shè)計(jì)師可以通過(guò)顏色彈出按鈕右側(cè)、從漸變控制器的右側(cè)的顯示器,來(lái)調(diào)整基礎(chǔ)顏色。

022

通過(guò)漸變控制器添加新顏色(Adding a new color directly from gradient popover)

如果在漸變控制器中,設(shè)計(jì)師通過(guò)顏色顯示器視圖調(diào)整的顏色不是基礎(chǔ)顏色(例如,系統(tǒng)顏色或者衍生顏色),一個(gè)新的基礎(chǔ)顏色會(huì)自動(dòng)替代原有的顏色。

調(diào)整漸變顏色位置(Adjusting gradient color position)

調(diào)整漸變顏色的位置,只需要拖動(dòng)顏色旋鈕到所需的位置。移動(dòng)旋鈕到預(yù)定的位置,在拖動(dòng)的時(shí)候按住“Shift”鍵,預(yù)定義的位置就會(huì)被標(biāo)記。

或者,設(shè)計(jì)師可以通過(guò)鍵盤(pán)上的“左”和“右”來(lái)調(diào)整顏色位置。

調(diào)整顏色之間的線性(Adjusting linearity between colors)

023

在漸變控制器中,通過(guò)拖動(dòng)旋鈕的位置,它可以改變兩個(gè)相鄰顏色之間的漸變情況。

給漸變添加更多的顏色(Adding more colors to a gradient)

在漸變控制器中,設(shè)計(jì)師可以通過(guò)雙擊設(shè)計(jì)師想選取的位置,來(lái)給漸變添加更多的顏色。把黑色添加到漸變中,它很容易倍替換(在彈出按鈕中選擇其他顏色)或者調(diào)整。

從漸變中移除顏色(Removing color from a gradient)

在漸變控制器中選擇目標(biāo)顏色旋鈕并按下“Delete”鍵,就能夠移除在漸變中的顏色。注意,這只適用于從漸變中移除顏色,而不是從庫(kù)中移除顏色。

線性漸變(Drawing linear gradients)

在檢查其中選擇填充的彈出菜單選擇漸變后,設(shè)計(jì)師可以選擇“角度(Angle)”漸變選項(xiàng)。

024

調(diào)整漸變的角度,設(shè)計(jì)師可以在文本域匯總直接輸入角度數(shù)值,或者使用角度滑桿控制。角度控制滑桿的默認(rèn)值是45度。設(shè)計(jì)師可以按下并拖動(dòng)控制點(diǎn)來(lái)調(diào)整角度。

025

如果設(shè)計(jì)師想指定開(kāi)始和結(jié)束的漸變點(diǎn),設(shè)計(jì)師可以通過(guò)選擇“2點(diǎn)(2 Points)”漸變選項(xiàng)。然后,一個(gè)兩點(diǎn)漸變編輯器就會(huì)在畫(huà)布中顯示出來(lái)。這個(gè)界面只有在設(shè)計(jì)師選擇兩點(diǎn)漸變填充的時(shí)候才會(huì)顯示,并且填充指示器也是打開(kāi)的。

原型漸變(Drawing circular gradients)

選擇“圓形(Circular)”漸變,來(lái)繪制環(huán)形漸變。

026

當(dāng)選擇之后,在畫(huà)布中環(huán)形漸變編輯界面也會(huì)自動(dòng)顯示出來(lái)。這個(gè)界面只有在設(shè)計(jì)師選擇環(huán)形漸變的時(shí)候才會(huì)顯示。它包含兩個(gè)環(huán),每一個(gè)代表一個(gè)環(huán)形漸變的“起始點(diǎn)”。

設(shè)計(jì)師可以拖動(dòng)任意環(huán)形的中心到一個(gè)新的位置。此外,設(shè)計(jì)師還可以通過(guò)點(diǎn)擊環(huán)形直徑的任意地方并且拖動(dòng),來(lái)調(diào)整環(huán)形的大小。

默認(rèn)情況下,兩個(gè)環(huán)形邊緣的直徑和中心點(diǎn)與編輯圖形的邊緣對(duì)齊。應(yīng)對(duì)這種情況,按住“Control”鍵。

2.4 圖形(Shadows)

PaintCode 支持為填充、描邊以及文本設(shè)置陰影。對(duì)于填充和文本來(lái)說(shuō),還支持內(nèi)陰影。這些都是很有用的。陰影取決于它使用的顏色。如果這種顏色調(diào)整了,陰影也會(huì)相應(yīng)的做出更新調(diào)整。

使用陰影(Using a shadow)

使用陰影,點(diǎn)擊并拖動(dòng)陰影連點(diǎn)到畫(huà)布中的圖形上。

027

或者,設(shè)計(jì)師可以從檢查器中的陰影彈出按鈕中選擇陰影。

028

這些菜單會(huì)帶著陰影從庫(kù)中彈出。注意,填充和描邊的陰影是單獨(dú)設(shè)置的。填充和文本還支持內(nèi)陰影。

添加陰影(Adding a new shadow)

有兩種方式添加陰影:

  • 在庫(kù)中的陰影列表頂部點(diǎn)擊“+”按鈕添加
  • 在陰影彈出按鈕菜單中選擇“添加陰影(Adding new shadow…)”。也可以在彈出按鈕菜單中設(shè)置新建陰影。

在添加陰影后,一個(gè)陰影編輯器就會(huì)出來(lái)。有關(guān)編輯陰影的章節(jié)會(huì)在后面講述。

(注意,設(shè)計(jì)師可以通過(guò)從其他文檔中復(fù)制和粘貼已經(jīng)創(chuàng)建的帶有陰影的圖形,來(lái)添加陰影。)

編輯陰影(Editing a shadow)

設(shè)計(jì)師可以在庫(kù)中雙擊陰影來(lái)編輯,設(shè)計(jì)師還可以在檢查器彈出按鈕中的顏色編輯器來(lái)調(diào)整。

029

文本域中含有陰影的命名。PaintCode 生成了這些命名,當(dāng)然設(shè)計(jì)師也可以為這些陰影重命名。

從彈出菜單中選擇顏色,來(lái)調(diào)整陰影的顏色。這里有幾條小竅門(mén):

外陰影可以用來(lái)模擬光暈:

030

明亮的外陰影,加低模糊半徑以及負(fù)偏置用于模擬嵌入式用戶界面:

031

明亮的內(nèi)陰影,加低模糊半徑以及正偏置用于模擬毛玻璃感覺(jué)的用戶界面:

032

黑色內(nèi)陰影適合切口形的用戶界面:

033

2.5 圖像(Images)

當(dāng)設(shè)計(jì)師要是用圖像的時(shí)候,有幾種情況。設(shè)計(jì)師可能想在設(shè)計(jì)師的設(shè)計(jì)中使用真實(shí)的照片,因此我們添加了圖像支持,能夠讓設(shè)計(jì)師在 PaintCode 中使用:

034

圖片庫(kù)選擇能夠讓設(shè)計(jì)師創(chuàng)建并管理圖片。設(shè)計(jì)師能夠提供 Retina 和 非Retina 兩種圖片。

導(dǎo)入圖片到文檔中最方便的方式是,在 Finder 中選擇圖片并拖動(dòng)他們到庫(kù)選項(xiàng)中。PaintCode 會(huì)在導(dǎo)入過(guò)程中,自動(dòng)適配Retina 和 非Retina 圖片。如果設(shè)計(jì)師不適用 @2x 的命名約定,PaintCode 甚至分析適配圖片中的內(nèi)容。

另外,設(shè)計(jì)師還可以通過(guò)以下方式導(dǎo)入圖片:

使用 文件/導(dǎo)入 按鈕

在圖片編輯器中選擇并拖動(dòng)圖片到圖片顯示器

在圖片編輯器中雙擊圖片顯示器

使用圖片(Using an image)

圖形能夠被圖像填充,方法是單擊并拖動(dòng)圖像連接點(diǎn)到畫(huà)布中的圖形上:

035

或者,當(dāng)檢查器中的填充顯示器為空的時(shí)候,設(shè)計(jì)師可以點(diǎn)擊顯示器,彈出所有可用的填充的文本按鈕選項(xiàng):

036

最后,可以在檢查器中選擇右側(cè)的填充,使用填充彈出按鈕:

037?038

圖片填充行為(Image Fill Behavior)

有 3 中圖形填充行為:

  • 單獨(dú)
  • 平鋪形狀
  • 平鋪背景

此外,設(shè)計(jì)師還可以設(shè)置圖像 X 和 Y 的偏移值。

039

通常,非Retina 圖像能夠替代畫(huà)布中正在使用的圖像。然而,當(dāng)設(shè)計(jì)師在 PaintCode 中打開(kāi) Retina 模式,Retina 就會(huì)被使用。生成代碼在這方面也非常普遍,在 Retina 和 非Retina的顯示器中(當(dāng)然,除非設(shè)計(jì)師提供必要的圖像在設(shè)計(jì)師的項(xiàng)目中)。

所有倒入到 PaintCode 的圖像被存儲(chǔ)在 PaintCode 文件中,所以在設(shè)計(jì)師把 PaintCode 文件傳給其他設(shè)計(jì)師或開(kāi)發(fā)人員的時(shí)候,設(shè)計(jì)師不必?fù)?dān)心圖片會(huì)丟失。設(shè)計(jì)師還可以通過(guò)導(dǎo)出功能,將這些圖像導(dǎo)出存放到硬盤(pán)中。

PaintCode 用戶操作指南系列文章

PaintCode 用戶操作指南(概述篇)

PaintCode 用戶操作指南(庫(kù)篇)

PaintCode 用戶操作指南(繪制篇)

PaintCode 用戶操作指南(畫(huà)布和選項(xiàng)卡)

PaintCode 用戶操作指南(樣式表和代碼生成)

PaintCode 用戶操作指南(變量篇)

PaintCode 用戶操作指南(動(dòng)態(tài)圖形篇)

PaintCode 用戶操作指南(符號(hào)篇)

文章已經(jīng)完結(jié),敬請(qǐng)期待下一部《Sketch 3用戶操作指南及實(shí)戰(zhàn)案例全解》

 

本作品由人人都是產(chǎn)品經(jīng)理特邀專(zhuān)欄作家@鄭幾塊 翻譯并獨(dú)家授權(quán)發(fā)布,未經(jīng)許可禁止轉(zhuǎn)載

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!