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