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

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

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

1.更輕更快的體驗

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

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

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

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

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

2.矢量精度

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

素描樣機

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

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

3.接口設計師的工具包

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

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

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

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

4.無(wú)縫手動(dòng)工具

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

Invision的團隊最近的一項創(chuàng )新看起來(lái)像轉換過(guò)程。

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

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

同步您的現場(chǎng)SKETCH文件直接到INVISION，開(kāi)發(fā)人員可以檢查設計的每一個(gè)方面！

5.無(wú)痛插針

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

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

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

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

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