設計網(wǎng)站正在從PHOTOSHOP切換到Sketch...

2019-09-30    分類: 網(wǎng)站建設

海外的網(wǎng)站設計公司正在從PHOTOSHOP切換到Sketch設計網(wǎng)站的原因

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

設計網(wǎng)站正在從PHOTOSHOP切換到Sketch...

這里有5個原因,設計團隊他們決定采用Sketch...

1.更輕更快的體驗

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

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

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

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

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

2.矢量精度

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

素描樣機

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

草圖將其簡單導出為您的WE國外資產(chǎn)作為SVG的,以確保他們無縫擴展,而不會失去質(zhì)量。本文章來自網(wǎng)站建設公司創(chuàng)新互聯(lián)www.bm7419.com

3.接口設計師的工具包

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

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

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

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

4.無縫手動工具

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

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

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

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

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

5.無痛插針

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

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

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

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

大家可以關注一下!

網(wǎng)站標題:設計網(wǎng)站正在從PHOTOSHOP切換到Sketch...
瀏覽路徑:http://www.bm7419.com/news14/80564.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供小程序開發(fā)靜態(tài)網(wǎng)站、搜索引擎優(yōu)化動態(tài)網(wǎng)站、云服務器ChatGPT

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

h5響應式網(wǎng)站建設