2019-09-30 分類: 網(wǎng)站建設(shè)
海外的網(wǎng)站設(shè)計(jì)公司正在從PHOTOSHOP切換到Sketch設(shè)計(jì)網(wǎng)站的原因
Sketch是由國外ohemian Coding制作的應(yīng)用程序正快速成為界面設(shè)計(jì)師的選工具Sketch。
這里有5個(gè)原因,設(shè)計(jì)團(tuán)隊(duì)他們決定采用Sketch...
1.更輕更快的體驗(yàn)
Photoshop是一個(gè)潘多拉盒的工具和功能。其龐大的軍械庫長期以來一直是其優(yōu)勢,自90年代初以來是大多數(shù)網(wǎng)頁設(shè)計(jì)師的選軟件。諷刺的是,這也是人們現(xiàn)在轉(zhuǎn)向替代品如Sketch的一個(gè)重要原因。Photoshop從來沒有打算作為一個(gè)網(wǎng)頁設(shè)計(jì)工具,但它的靈活性已經(jīng)使設(shè)計(jì)師能夠把它模制成一個(gè)強(qiáng)大的界面設(shè)計(jì)程序。
Photoshop的核心力量和它第一次創(chuàng)建的原因是照片編輯。這是它的大部分功能是設(shè)計(jì)的。
有數(shù)百個(gè)工具和選項(xiàng),這不可避免地使整體體驗(yàn)繁瑣和緩慢 - 它帶來了很多的多余!對于接口設(shè)計(jì)器,這可能變得非常令人沮喪,因?yàn)樵趩蝹€(gè)文件中構(gòu)建大量圖像和設(shè)計(jì)資產(chǎn)可能會(huì)迅速停止。
Sketch在這個(gè)部門比Photoshop有一個(gè)巨大的優(yōu)勢,因?yàn)樗菍iT為界面設(shè)計(jì),意味著沒有冗余的功能,減緩你的工作流。它運(yùn)行非常輕,因此為用戶提供了更快的體驗(yàn)。必須說,Photoshop仍然是一個(gè)設(shè)計(jì)師去照片編輯工具,所以將永遠(yuǎn)需要,但是Sketch真的贏得了速度的戰(zhàn)爭,當(dāng)涉及到網(wǎng)站或應(yīng)用程序設(shè)計(jì)。
SKETCH比PHOTOSHOP有一個(gè)巨大的優(yōu)勢,因?yàn)樗菫榻涌谠O(shè)計(jì)專門構(gòu)建的。
2.矢量精度
接口設(shè)計(jì)的一個(gè)巨大的部分是創(chuàng)建資產(chǎn)。這些是組成網(wǎng)站的個(gè)別設(shè)計(jì)元素,例如徽標(biāo),圖標(biāo)和其他圖形元素。無論你設(shè)計(jì)的是什么媒體,好實(shí)踐一直是使用軟件,如Ado國外e Illustrator創(chuàng)建這些資產(chǎn)作為向量。Photoshop是一個(gè)基于像素的程序,因此不允許您直接創(chuàng)建或編輯向量。這在設(shè)計(jì)過程中始終是一個(gè)令人沮喪的斷裂 - 兩種不同圖形格式之間的不斷交織。
素描樣機(jī)
Sketch已經(jīng)解決了這個(gè)問題,因?yàn)樗彩且粋€(gè)基于矢量的程序。光柵圖形在we國外上的使用越來越少,特別是自引入可縮放矢量圖形(SVG)以來。這是當(dāng)今界面設(shè)計(jì)師的選格式,因?yàn)樗鼈兡軌蛟诓粨p失質(zhì)量的情況下進(jìn)行擴(kuò)展。Sketch支持導(dǎo)入,實(shí)時(shí)編輯和導(dǎo)出矢量圖形,從而節(jié)省時(shí)間,使得設(shè)計(jì)體驗(yàn)更加無縫。
草圖將其簡單導(dǎo)出為您的WE國外資產(chǎn)作為SVG的,以確保他們無縫擴(kuò)展,而不會(huì)失去質(zhì)量。本文章來自網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)jinyejixie.com
3.接口設(shè)計(jì)師的工具包
Sketch中的工具完全用于界面設(shè)計(jì)。Photoshop已經(jīng)變得更好的近年來,并已盡大努力添加功能,以幫助網(wǎng)頁設(shè)計(jì)師,但它只是所有感覺太強(qiáng)迫。它試圖覆蓋太多的東西,可以使它很難管理。Sketch是從底層設(shè)計(jì)的接口設(shè)計(jì),所以它的工具有一個(gè)明確的目的。符號是一個(gè)好的例子。任何需要在整個(gè)設(shè)計(jì)中重復(fù)的資產(chǎn),例如按鈕或圖標(biāo),都可以創(chuàng)建一次,只需觸摸一個(gè)按鈕即可。這意味著如果您更新主符號,所有實(shí)例將通過您的設(shè)計(jì)更新。簡單!
Sketch的另一個(gè)重要方面是單元和測量與CSS中使用的單元和測量直接相關(guān)。
這是一個(gè)Photoshop崩潰的領(lǐng)域。這允許設(shè)計(jì)師相信,他們的設(shè)計(jì)將由前端開發(fā)人員編碼時(shí)準(zhǔn)確地翻譯。在Photoshop中,諸如字母間距的屬性以不同于CSS的方式來衡量,這意味著需要進(jìn)行耗時(shí)的轉(zhuǎn)換。當(dāng)與Invision Inspect工具(閱讀進(jìn)一步了解這一點(diǎn)!)結(jié)合,它真的是更快更容易開發(fā)人員從Sketch解釋設(shè)計(jì),而不是從Photoshop。
SKETCH的另一個(gè)重要方面是單位和測量與CSS中使用的直接相關(guān)。
4.無縫手動(dòng)工具
在We國外 Kitchen我們一直在尋找方法來銳化我們的工作流程。我們整個(gè)流程的一大部分是將設(shè)計(jì)文件從設(shè)計(jì)人員移交給開發(fā)人員。網(wǎng)站的前端開發(fā)依賴于開發(fā)人員對他們已經(jīng)給出的設(shè)計(jì)的解釋和理解。到目前為止,這涉及打開由設(shè)計(jì)團(tuán)隊(duì)提供的Photoshop文件,基本上將它們分開,以確定將設(shè)計(jì)轉(zhuǎn)換為HTML和CSS所需的所有細(xì)節(jié)和資產(chǎn)。
Invision的團(tuán)隊(duì)最近的一項(xiàng)創(chuàng)新看起來像轉(zhuǎn)換過程。
長期以來使用Invision作為向客戶提供內(nèi)部和外部的靜態(tài)設(shè)計(jì)原型的工具。至于因?yàn)檫@是非常有用的,他們新的檢查工具,可能真的是一個(gè)改變游戲規(guī)則。我們現(xiàn)在可以將我們的直播Sketch文件直接同步到Invision,我們的開發(fā)人員將能夠檢查設(shè)計(jì)的每個(gè)方面!邊距,大小,字體,可下載的資產(chǎn)等等。將不再需要繁瑣的Photoshop文件的繁瑣的移交。開發(fā)人員甚至不需要任何設(shè)計(jì)軟件。他們只需登錄Invision,它就在那里等待他們。
這顯然是對設(shè)計(jì)工作流的巨大改進(jìn),整個(gè)We國外 Kitchen團(tuán)隊(duì)真的很興奮開始實(shí)施。
同步您的現(xiàn)場SKETCH文件直接到INVISION,開發(fā)人員可以檢查設(shè)計(jì)的每一個(gè)方面!
5.無痛插針
Sketch的一個(gè)巨大好處是,已經(jīng)有一個(gè)由開發(fā)人員,用戶和貢獻(xiàn)者共同推動(dòng)應(yīng)用程序向前發(fā)展的熱門社區(qū)。這樣做的直接結(jié)果是一個(gè)重要的插件庫,旨在提高軟件的用戶體驗(yàn),并添加有用的功能和快捷方式,不預(yù)先安裝。這是早期的創(chuàng)新互聯(lián)網(wǎng)站與草圖,但我們已經(jīng)愛上了工藝插件,除其他外,允許您快速復(fù)制設(shè)計(jì)元素,并填充現(xiàn)實(shí)虛擬內(nèi)容從網(wǎng)絡(luò)。
作為一個(gè)團(tuán)隊(duì),我們越來越重視從最初設(shè)計(jì)階段開始的真實(shí)內(nèi)容的重要性,因此我們經(jīng)常在設(shè)計(jì)中從頭開始編寫內(nèi)容。也就是說,類似Craft的插件在某些情況下仍然非常有用,其他插件也是可用的。
瀏覽插件庫和銳化您的工作流程示意圖今天!
總的來說,經(jīng)過大量的測試和研究,我們相信Sketch將對我們的行業(yè)網(wǎng)站設(shè)計(jì)的日常生活和團(tuán)隊(duì)的整體工作流程做出重大改進(jìn)。
大家可以關(guān)注一下!
網(wǎng)站標(biāo)題:設(shè)計(jì)網(wǎng)站正在從PHOTOSHOP切換到Sketch...
瀏覽路徑:http://jinyejixie.com/news14/80564.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供小程序開發(fā)、靜態(tài)網(wǎng)站、搜索引擎優(yōu)化、動(dòng)態(tài)網(wǎng)站、云服務(wù)器、ChatGPT
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容