設(shè)計(jì)團(tuán)隊(duì)進(jìn)行文件遷移的時(shí)候，最大的麻煩不是整理、清理或傳輸文件至另一臺(tái)設(shè)備，而是采用新的設(shè)計(jì)軟件。就好比你仍然是用鍵盤(pán)打字，但是字母鍵位于鍵盤(pán)的右邊而不是左邊，操作者需要大量時(shí)間重新訓(xùn)練肌肉記憶，適用新的工作環(huán)境。
Sketch與Pixso的UI設(shè)計(jì)界面略有不同，鍵盤(pán)快捷鍵也不盡相同，如果進(jìn)行文件遷移，設(shè)計(jì)師一開(kāi)始可能會(huì)不習(xí)慣。所以，如果你最近正在考慮從Sketch轉(zhuǎn)向Pixso，希望通過(guò)這篇文章能幫助你理解它們的不同之處和相似之處，幫助你快速投入工作。
從Sketch遷移到Pixso的好處是你可以保留所有的舊設(shè)計(jì)。Pixso有文件導(dǎo)入功能，允許你將單個(gè)Sketch文件導(dǎo)入你的Pixso后臺(tái)。不僅能保持完整的圖層進(jìn)行二次編輯，甚至將你的符號(hào)作為組件引入。
如何從Sketch遷移到Pixso
單擊文件瀏覽器中的導(dǎo)入按鈕，或簡(jiǎn)單地將Sketch文件拖放到Pixso中。根據(jù)Sketch文件的大小，導(dǎo)入可能需要一些時(shí)間。完成導(dǎo)入后，點(diǎn)開(kāi)文檔后你會(huì)發(fā)現(xiàn)，所有的頁(yè)面、圖層、文本、形狀等都完整地完成了遷移，與原來(lái)在Sketch中并無(wú)二樣。由于Pixso和Sketch的實(shí)現(xiàn)方式不同，有些元素?zé)o法遷移過(guò)來(lái)，比如Sketch樣式。有關(guān)文件導(dǎo)入導(dǎo)出的更多信息，可以查看Pixso使用手冊(cè)的文章。
Pixso和Sketch有什么不同
大部分使用過(guò)Sketch的用戶應(yīng)該對(duì)Pixso的UI感到熟悉，但是二者信息架構(gòu)存在一些核心差異，如果能盡早掌握這些差異，可以幫助快速過(guò)渡。
Sketch畫(huà)板對(duì)比Pixso畫(huà)板
在Pixso中，我們有一個(gè)名稱為畫(huà)板的父對(duì)象，與Sketch中的畫(huà)板類似，畫(huà)板用于包含內(nèi)容。但是不同的是，Pixso的畫(huà)板具有默認(rèn)約束并且可以相互嵌套。它們更像是強(qiáng)大的組或div，而不僅僅是畫(huà)板。
Pixso的畫(huà)板還有一些額外的屬性，比如背景填充和多個(gè)矢量網(wǎng)格，它們還使你能夠剪輯或取消剪輯嵌套內(nèi)容。Pixso提供基于設(shè)備(Google Pixel 2 手機(jī)、iPad mini 平板電腦、Apple 手表等)或畫(huà)板(信紙、帖子、標(biāo)題封面等)的幀尺寸預(yù)設(shè)，在畫(huà)布右側(cè)的屬性面板中找到所有這些設(shè)置。
在Pixso中創(chuàng)建畫(huà)板也非常簡(jiǎn)單，設(shè)計(jì)師仍然可以使用Sketch中的快捷方式“a”來(lái)創(chuàng)建它，也可以使用快捷鍵“f”或位于移動(dòng)工具欄的專用畫(huà)板工具。
Sketch組件對(duì)比Pixso組件
組件是在整個(gè)設(shè)計(jì)文件中重復(fù)使用的元素，支撐Sketch和Pixso組件的開(kāi)發(fā)概念是相同的，但是使用方法有一些獨(dú)特的差異。
當(dāng)你在Sketch中創(chuàng)建一個(gè)組件時(shí)，它會(huì)將其添加到文件中的一個(gè)頁(yè)面中，該頁(yè)面充當(dāng)所有父組件的容器。然后，你可以在同一文檔的其他頁(yè)面中使用這些主要組件的樣式。編輯這些樣式(如更改按鈕組件的文本)是通過(guò)右側(cè)的覆蓋面板完成的。如果你需要編輯父組件，則必須返回組件頁(yè)面并在那里進(jìn)行編輯，一般來(lái)說(shuō)，在Sketch中，父組件和樣式不能位于同一頁(yè)面中。
相比之下，Pixso允許你直接在畫(huà)布上操作組件的樣式。如果想要在樣式中覆蓋按鈕的顏色，只須改變父組件的顏色。如果需要調(diào)整文字，雙擊文本對(duì)象就可以了!無(wú)需導(dǎo)航到覆蓋面板即可進(jìn)行簡(jiǎn)單更改。二者對(duì)比，Pixso組件的修改方式更靈活，并且可以更簡(jiǎn)單地創(chuàng)建和編輯組件/樣式。
使用Pixso進(jìn)行組件變體的另一個(gè)好處是所有組件及其樣式可以位于同一頁(yè)面上，這使得創(chuàng)建和編輯組件變得更加容易，幫助設(shè)計(jì)師在上下文中看到更改如何影響所有樣式。
組件資源庫(kù)
Sketch和Pixso都有庫(kù)，可以更輕松地共享和使用組件集合。在Sketch中，庫(kù)只是sketch文件，在首選項(xiàng)面板中將其指定為庫(kù)，可以在其他文件中訪問(wèn)該Sketch文件中包含的符號(hào)。
與Sketch略微不同的是，Pixso中的團(tuán)隊(duì)資源庫(kù)允許團(tuán)隊(duì)成員發(fā)布組件，然后跨不同的文件和項(xiàng)目訪問(wèn)它們。如果要發(fā)布團(tuán)隊(duì)組件庫(kù)，在Pixso的左側(cè)圖層面板中，然后單擊團(tuán)隊(duì)庫(kù)按鈕。在這里，將看到文件的名稱和發(fā)布按鈕。發(fā)布后，可以添加特定的描述，輸入詳細(xì)信息，有助于設(shè)計(jì)跟蹤正在更改的內(nèi)容及其原因?？偟膩?lái)說(shuō)，通過(guò)利用Pixso的組件庫(kù)功能，將大大改進(jìn)組件應(yīng)用的工作效率
樣式風(fēng)格
在 Pixso 中，UI設(shè)計(jì)師可以創(chuàng)建四種不太類型的樣式——網(wǎng)格、顏色、文本和效果，它們可以在本地使用和/或發(fā)布到團(tuán)隊(duì)資源庫(kù)中。
就像組件變體和組件庫(kù)功能一樣，Pixso樣式的工作方式與Sketch的工作方式略有不同。Pixso沒(méi)有將某些屬性(如顏色和文本)捆綁在一起，而是將它們分解為自己獨(dú)特的樣式，這種模塊化的方式使設(shè)計(jì)師更容易在不同的項(xiàng)目中調(diào)整樣式。相比之下，在Sketch中設(shè)計(jì)師必須為每種顏色和對(duì)齊方式創(chuàng)建多種文本樣式。
約束
Pixso中的約束對(duì)Sketch來(lái)說(shuō)會(huì)很熟悉，但有一個(gè)很大的不同——它們是在框架級(jí)別，而不是組。習(xí)慣這樣的約束可能需要一些時(shí)間，但有一個(gè)很大的好處，通過(guò)在框架級(jí)別設(shè)置約束，你可以創(chuàng)建響應(yīng)式屏幕甚至嵌套框架來(lái)創(chuàng)建表格等。當(dāng)你將約束與布局網(wǎng)格結(jié)合時(shí)，你真正開(kāi)始看到約束的力量。
布局網(wǎng)格
與Sketch中的網(wǎng)格選項(xiàng)相比，Pixso中的布局網(wǎng)格有點(diǎn)獨(dú)特。你會(huì)注意到的第一件事是，它們不僅限于文件/頁(yè)面級(jí)別，而且可以添加到任何大小的任何框架中。你還可以將多個(gè)網(wǎng)格添加到單個(gè)框架中，因此擁有8 * 8px方形網(wǎng)格、16px垂直基線網(wǎng)格和水平12列網(wǎng)格都是完全可能的。Pixso甚至支持使用網(wǎng)格創(chuàng)建樣式，以便設(shè)計(jì)師可以將它們發(fā)布到組件庫(kù)中。
原型制作
在Pixso中，UI/UX設(shè)計(jì)師可以使用組件的任何部分進(jìn)行原型制作，而在Sketch中，你只能使用整個(gè)符號(hào)作為過(guò)渡點(diǎn)。這樣做的好處是UI/UX設(shè)計(jì)師實(shí)際上可以從主組件(在同一頁(yè)面內(nèi))設(shè)置原型連接。然后，當(dāng)你復(fù)制它，從而創(chuàng)建樣式時(shí)，它將攜帶這些連接。這有很多很好的用例，比如快速設(shè)置標(biāo)簽欄導(dǎo)航。
文件瀏覽與保存
Pixso不僅可以使用瀏覽器隨時(shí)隨地查看文件，還帶有內(nèi)置的文件管理。它將設(shè)計(jì)師所有文件都存儲(chǔ)在云中，因此不再需要擔(dān)心與Dropbox或Google Drive等服務(wù)共享內(nèi)容。這也有助于讓你的硬盤(pán)避免被各種終稿版本的文件塞滿。
Pixso中文件組織方式的標(biāo)準(zhǔn)層次結(jié)構(gòu)：
團(tuán)隊(duì)>項(xiàng)目>文件>頁(yè)面
團(tuán)隊(duì)和項(xiàng)目中包含無(wú)限的文件，可以將Pixso的想象成是一個(gè)空間，而不是一個(gè)特定設(shè)計(jì)項(xiàng)目，如設(shè)計(jì)師按工作任務(wù)創(chuàng)建項(xiàng)目：個(gè)人文件、客戶文件、設(shè)計(jì)資料，每個(gè)項(xiàng)目下又可以創(chuàng)建無(wú)限的文件。實(shí)現(xiàn)了設(shè)計(jì)師和產(chǎn)設(shè)研團(tuán)隊(duì)的靈活管理。尤其是Pixso專業(yè)版與企業(yè)私有化部分，可以獲得無(wú)限的版本歷史和訪問(wèn)團(tuán)隊(duì)庫(kù)功能。如果你和團(tuán)隊(duì)正考慮從Sketch遷移到Pixso，Pixso還提供了無(wú)限的團(tuán)隊(duì)層級(jí)數(shù)量，增加安全性、訪問(wèn)權(quán)限、角色管理等多種企業(yè)級(jí)功能。
（免責(zé)聲明：本網(wǎng)站內(nèi)容主要來(lái)自原創(chuàng)、合作伙伴供稿和第三方自媒體作者投稿，凡在本網(wǎng)站出現(xiàn)的信息，均僅供參考。本網(wǎng)站將盡力確保所提供信息的準(zhǔn)確性及可靠性，但不保證有關(guān)資料的準(zhǔn)確性及可靠性，讀者在使用前請(qǐng)進(jìn)一步核實(shí)，并對(duì)任何自主決定的行為負(fù)責(zé)。本網(wǎng)站對(duì)有關(guān)資料所引致的錯(cuò)誤、不確或遺漏，概不負(fù)任何法律責(zé)任。
任何單位或個(gè)人認(rèn)為本網(wǎng)站中的網(wǎng)頁(yè)或鏈接內(nèi)容可能涉嫌侵犯其知識(shí)產(chǎn)權(quán)或存在不實(shí)內(nèi)容時(shí)，應(yīng)及時(shí)向本網(wǎng)站提出書(shū)面權(quán)利通知或不實(shí)情況說(shuō)明，并提供身份證明、權(quán)屬證明及詳細(xì)侵權(quán)或不實(shí)情況證明。本網(wǎng)站在收到上述法律文件后，將會(huì)依法盡快聯(lián)系相關(guān)文章源頭核實(shí)，溝通刪除相關(guān)內(nèi)容或斷開(kāi)相關(guān)鏈接。 ）
