據(jù)我所知，沒(méi)有什么大的秘密可以讓你成為一個(gè)更好的設(shè)計(jì)師——這是多年來(lái)的練習(xí)來(lái)完善你的工藝。我所能提供的是如何通過(guò)提高你在網(wǎng)頁(yè)設(shè)計(jì)工作的所有方面的效率來(lái)達(dá)到這一點(diǎn)的技巧。每一秒你都可以在你做的任何方面刮胡子，這將允許更多的時(shí)間在設(shè)計(jì)上。

這個(gè)列表是為了節(jié)省你的時(shí)間，所以你可以在設(shè)計(jì)壯觀的網(wǎng)站上花費(fèi)更多的精力。

硬件

第二臺(tái)顯示器

我在我17歲的MacBook Pro上讀了所有的大學(xué)。我選擇了這樣一個(gè)大模型，因?yàn)槠聊坏姆康禺a(chǎn)對(duì)于設(shè)計(jì)非常重要。我的屏幕是一個(gè)不和諧的標(biāo)簽，finder窗口，電子郵件，和一個(gè)大的Photoshop窗口。獲得第二個(gè)監(jiān)視器對(duì)我的過(guò)程是一個(gè)明顯的好處。更少的滾動(dòng)，更少的在程序之間的標(biāo)簽，并且能夠把所有重要的東西放在一個(gè)監(jiān)視器上，而在第二個(gè)監(jiān)視器上，這意味著我花更少的時(shí)間去檢查或引用一些東西和更多的時(shí)間設(shè)計(jì)。

與360?滾動(dòng)鼠標(biāo)

手工具被高估了，我知道你討厭它。為什么要拖著你的路穿過(guò)畫(huà)布，在你能快速、流暢地用已經(jīng)在做其他事情的手的時(shí)候滑出你的路呢?如果你想在設(shè)計(jì)軟件上花很長(zhǎng)時(shí)間，那就用滾珠來(lái)做鼠標(biāo)。如果你能負(fù)擔(dān)得起，考慮一下最新的蘋(píng)果魔術(shù)鼠標(biāo)——我對(duì)它有非常積極的感覺(jué)。

外殼是固態(tài)的

你的電腦是否感覺(jué)有點(diǎn)遲鈍，開(kāi)始顯示出年齡的跡象?假設(shè)你的機(jī)器是一個(gè)合格的工作計(jì)算機(jī)，它仍然可以通過(guò)升級(jí)某些組件來(lái)挽救它，讓它感覺(jué)像新的一樣好。

我的2009年MacBook Pro在試圖跟上最新的硬件和軟件更新的同時(shí)，已經(jīng)開(kāi)始感到疲憊不堪，這是在購(gòu)買它的四年之后。我在上一份工作中學(xué)到了:我的cd驅(qū)動(dòng)器，把它換成固態(tài)硬盤(pán)，載入系統(tǒng)文件，定期應(yīng)用到SSD上，使用舊硬盤(pán)來(lái)常規(guī)文件，和繁榮-完全恢復(fù)的機(jī)器!
我在電腦的各個(gè)方面都能感受到速度的增加，這是無(wú)與倫比的。一切都是閃電快。我的Adobe程序的響應(yīng)速度更快，讓我可以在不等待工具初始化的情況下快速瀏覽設(shè)計(jì)。這很好，我極力推薦它。

如果你想更多地閱讀這篇文章，這是Joe Corbett的一篇博文，他第一次提醒我這個(gè)鮮為人知的技巧。

資產(chǎn)/研究

研究/靈感

你和你所沉浸在的內(nèi)容一樣好。確保它永遠(yuǎn)是偉大的!我試著不斷地發(fā)現(xiàn)和收藏有效的解決方案，并從Behance、Dribbble和我最喜歡的機(jī)構(gòu)中實(shí)現(xiàn)了良好的設(shè)計(jì)。對(duì)于布局和解決問(wèn)題來(lái)說(shuō)，總是有一個(gè)便于收集的參考資料是很重要的。這個(gè)人的設(shè)計(jì)是如何達(dá)到它的目標(biāo)的，他們?nèi)绾文軌驅(qū)讉€(gè)復(fù)雜的元素組合成一個(gè)適合整個(gè)頁(yè)面的節(jié)奏:這些都是需要問(wèn)的重要問(wèn)題。

每當(dāng)我看到一個(gè)網(wǎng)頁(yè),我想有一個(gè)特殊的功能,我使用一個(gè)OSX應(yīng)用,PageLayers(http://www.pagelayers.com/)抓取屏幕截圖和目錄到我的“設(shè)計(jì)在野外”文件夾中。它工作得很好，非常有用，可以獲得桌面的完整屏幕截圖和站點(diǎn)的響應(yīng)性崩潰。

許多客戶端到我們這里幾乎沒(méi)有任何圖像資源，所以它有助于填補(bǔ)空白，增加你所呈現(xiàn)的可信度。像Compfight和名詞Project這樣的網(wǎng)站已經(jīng)成為我不可或缺的工具，提供了免版稅的圖片和圖標(biāo)，這些圖像和圖標(biāo)讓設(shè)計(jì)比使用cilantro的圖片更現(xiàn)實(shí)世界的執(zhí)行。

進(jìn)一步閱讀:https://medium.com/design-ux/62ae4bcbe01b

有組織的字體庫(kù)

從印刷到網(wǎng)絡(luò)，我絕對(duì)沒(méi)有太多的空間去挑選和選擇狂野、時(shí)髦的字體;然而，對(duì)我來(lái)說(shuō)，快速知道我能做什么，不能在網(wǎng)上使用是很重要的。你正在使用的任何字體管理器都應(yīng)該有定制的收集功能——保持最新的字體可以節(jié)省你從返回谷歌的web字體庫(kù)或fonts.com的時(shí)間，重新發(fā)現(xiàn)你可以做什么，并且在你開(kāi)始一個(gè)項(xiàng)目的時(shí)候不能做。

字體庫(kù)

而設(shè)計(jì)

先畫(huà)，然后扣動(dòng)扳機(jī)

實(shí)踐我聽(tīng)說(shuō)第一次從主藝術(shù)總監(jiān)歐文Shifflet(http://www.owenshifflett.com/),你應(yīng)該知道你要做什么在你試圖這樣做。在你跳上電腦之前，花點(diǎn)時(shí)間停下來(lái)，寫(xiě)生，寫(xiě)下你的想法。紙計(jì)劃很好，因?yàn)槟愀菀撞脸椭刂媚愕南敕?mdash;—當(dāng)你在電腦上工作的時(shí)候，你會(huì)花更多的時(shí)間在實(shí)際上行不通的想法上。避免自己在圈子里設(shè)計(jì)自己的麻煩。

考慮到響應(yīng)

我在派臣設(shè)計(jì)的任何項(xiàng)目的每一個(gè)階段，都是那些看著我工作的人問(wèn)的最常見(jiàn)的問(wèn)題:“這將如何打破不同的屏幕尺寸?”總是有一個(gè)答案，并且總是假設(shè)人們會(huì)使用你在他們的小手機(jī)上做的很酷的桌面。在設(shè)計(jì)的時(shí)候，你應(yīng)該時(shí)刻記住，當(dāng)你在你的手掌上設(shè)計(jì)一個(gè)桌面的時(shí)候，會(huì)發(fā)生什么。

響應(yīng)性設(shè)計(jì)的目標(biāo)不是從站點(diǎn)上刪除內(nèi)容，而是將其刪除，這樣用戶仍然可以訪問(wèn)與在桌面站點(diǎn)上能夠訪問(wèn)的內(nèi)容一樣的內(nèi)容。確保它永遠(yuǎn)在你的腦海里!

PSD的組織

在Photoshop中很容易進(jìn)入一個(gè)穩(wěn)定的節(jié)奏，如此專注于完整的畫(huà)面，以至于你忘記將圖層組件組織成可導(dǎo)航的東西。多花點(diǎn)時(shí)間給你的圖層命名，以合理的方式組合它們，并以一種有意義的方式排列它們(最好是人們閱讀的方式:從上到下，從左到右)。這將幫助您更輕松地編輯您的文件，并將輸出用于開(kāi)發(fā)的資產(chǎn)。

協(xié)作/簽到/可行性

問(wèn)問(wèn)你的設(shè)計(jì)師，問(wèn)問(wèn)你的開(kāi)發(fā)人員——試著避免在真空中設(shè)計(jì)。如果您不是編碼器，您可能需要與開(kāi)發(fā)人員進(jìn)行檢查，以確保您想要的野生交互在范圍之內(nèi);同樣地，你應(yīng)該問(wèn)你的設(shè)計(jì)師同行，如果一切看起來(lái)都像在你的腦海里一樣清晰。在整個(gè)設(shè)計(jì)過(guò)程中，讓彼此的想法相互碰撞，只會(huì)讓最終的成果更加精煉。

本文由重慶網(wǎng)站建設(shè)公司派臣科技收集于網(wǎng)絡(luò)并整理發(fā)布。