海外的網(wǎng)站設(shè)計文章來自于：南通網(wǎng)站設(shè)計公司正在從PHOTOSHOP切換到Sketch設(shè)計網(wǎng)站的原因

Sketch是由國外ohemian Coding制作的應用程序正快速成為界面設(shè)計師的******工具Sketch。

這里有5個原因，設(shè)計團隊他們決定采用Sketch...

1.更輕更快的體驗

Photoshop是一個潘多拉盒的工具和功能。其龐大的軍械庫長期以來一直是其優(yōu)勢，自90年代初以來是大多數(shù)網(wǎng)頁設(shè)計師的******軟件。諷刺的是，這也是人們現(xiàn)在轉(zhuǎn)向替代品如Sketch的一個重要原因。Photoshop從來沒有打算作為一個網(wǎng)頁設(shè)計工具，但它的靈活性已經(jīng)使設(shè)計師能夠把它模制成一個強大的界面設(shè)計程序。

Photoshop的核心力量和它第一次創(chuàng)建的原因是照片編輯。這是它的大部分功能是設(shè)計的。

有數(shù)百個工具和選項，這不可避免地使整體體驗繁瑣和緩慢 - 它帶來了很多的多余！對于接口設(shè)計器，這可能變得非常令人沮喪，因為在單個文件中構(gòu)建大量圖像和設(shè)計資產(chǎn)可能會迅速停止。

Sketch在這個部門比Photoshop有一個巨大的優(yōu)勢，因為它是專門為界面設(shè)計，意味著沒有冗余的功能，減緩你的工作流。它運行非常輕，因此為用戶提供了更快的體驗。必須說，Photoshop仍然是一個設(shè)計師去照片編輯工具，所以將永遠需要，但是Sketch真的贏得了速度的戰(zhàn)爭，當涉及到網(wǎng)站或應用程序設(shè)計。

SKETCH比PHOTOSHOP有一個巨大的優(yōu)勢，因為它是為接口設(shè)計專門構(gòu)建的。

2.矢量精度

接口設(shè)計的一個巨大的部分是創(chuàng)建資產(chǎn)。這些是組成網(wǎng)站的個別設(shè)計元素，例如徽標，圖標和其他圖形元素。無論你設(shè)計的是什么媒體，******實踐一直是使用軟件，如Ado國外e Illustrator創(chuàng)建這些資產(chǎn)作為向量。Photoshop是一個基于像素的程序，因此不允許您直接創(chuàng)建或編輯向量。這在設(shè)計過程中始終是一個令人沮喪的斷裂 - 兩種不同圖形格式之間的不斷交織。

素描樣機

Sketch已經(jīng)解決了這個問題，因為它也是一個基于矢量的程序。光柵圖形在we國外上的使用越來越少，特別是自引入可縮放矢量圖形（SVG）以來。這是當今界面設(shè)計師的******格式，因為它們能夠在不損失質(zhì)量的情況下進行擴展。Sketch支持導入，實時編輯和導出矢量圖形，從而節(jié)省時間，使得設(shè)計體驗更加無縫。

草圖將其簡單導出為您的WE國外資產(chǎn)作為SVG的，以確保他們無縫擴展，而不會失去質(zhì)量。本文章來自網(wǎng)站建設(shè)文章來自于：南通網(wǎng)站建設(shè)公司南通泛亞文章來自于：南通網(wǎng)站建設(shè)www.ccxcn.com

3.接口設(shè)計師的工具包

Sketch中的工具完全用于界面設(shè)計。Photoshop已經(jīng)變得更好的近年來，并已盡******努力添加功能，以幫助網(wǎng)頁設(shè)計師，但它只是所有感覺太強迫。它試圖覆蓋太多的東西，可以使它很難管理。Sketch是從底層設(shè)計的接口設(shè)計，所以它的工具有一個明確的目的。符號是一個完美的例子。任何需要在整個設(shè)計中重復的資產(chǎn)，例如按鈕或圖標，都可以創(chuàng)建一次，只需觸摸一個按鈕即可。這意味著如果您更新主符號，所有實例將通過您的設(shè)計更新。簡單！

Sketch的另一個重要方面是單元和測量與CSS中使用的單元和測量直接相關(guān)。

這是一個Photoshop崩潰的領(lǐng)域。這允許設(shè)計師相信，他們的設(shè)計將由前端開發(fā)人員編碼時準確地翻譯。在Photoshop中，諸如字母間距的屬性以不同于CSS的方式來衡量，這意味著需要進行耗時的轉(zhuǎn)換。當與Invision Inspect工具（閱讀進一步了解這一點?。┙Y(jié)合，它真的是更快更容易開發(fā)人員從Sketch解釋設(shè)計，而不是從Photoshop。

SKETCH的另一個重要方面是單位和測量與CSS中使用的直接相關(guān)。

4.無縫手動工具

在We國外 Kitchen我們一直在尋找方法來銳化我們的工作流程。我們整個流程的一大部分是將設(shè)計文件從設(shè)計人員移交給開發(fā)人員。網(wǎng)站的前端開發(fā)依賴于開發(fā)人員對他們已經(jīng)給出的設(shè)計的解釋和理解。到目前為止，這涉及打開由設(shè)計團隊提供的Photoshop文件，基本上將它們分開，以確定將設(shè)計轉(zhuǎn)換為HTML和CSS所需的所有細節(jié)和資產(chǎn)。

Invision的團隊最近的一項創(chuàng)新看起來像轉(zhuǎn)換過程。

長期以來使用Invision作為向客戶提供內(nèi)部和外部的靜態(tài)設(shè)計原型的工具。至于因為這是非常有用的，他們新的檢查工具，可能真的是一個改變游戲規(guī)則。我們現(xiàn)在可以將我們的直播Sketch文件直接同步到Invision，我們的開發(fā)人員將能夠檢查設(shè)計的每個方面！邊距，大小，字體，可下載的資產(chǎn)等等。將不再需要繁瑣的Photoshop文件的繁瑣的移交。開發(fā)人員甚至不需要任何設(shè)計軟件。他們只需登錄Invision，它就在那里等待他們。

這顯然是對設(shè)計工作流的巨大改進，整個We國外 Kitchen團隊真的很興奮開始實施。

同步您的現(xiàn)場SKETCH文件直接到INVISION，開發(fā)人員可以檢查設(shè)計的每一個方面！

5.無痛插針

Sketch的一個巨大好處是，已經(jīng)有一個由開發(fā)人員，用戶和貢獻者共同推動應用程序向前發(fā)展的熱門社區(qū)。這樣做的直接結(jié)果是一個重要的插件庫，旨在提高軟件的用戶體驗，并添加有用的功能和快捷方式，不預先安裝。這是早期的南通泛亞網(wǎng)站與草圖，但我們已經(jīng)愛上了工藝插件，除其他外，允許您快速復制設(shè)計元素，并填充現(xiàn)實虛擬內(nèi)容從網(wǎng)絡(luò)。

作為一個團隊，我們越來越重視從最初設(shè)計階段開始的真實內(nèi)容的重要性，因此我們經(jīng)常在設(shè)計中從頭開始編寫內(nèi)容。也就是說，類似Craft的插件在某些情況下仍然非常有用，其他插件也是可用的。

瀏覽插件庫和銳化您的工作流程示意圖今天！

總的來說，經(jīng)過大量的測試和研究，我們相信Sketch將對我們的行業(yè)網(wǎng)站設(shè)計的日常生活和團隊的整體工作流程做出重大改進。

大家可以關(guān)注一下！