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

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

硬件

第二臺顯示器

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

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

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

外殼是固態(tài)的

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

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

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

資產(chǎn)/研究

研究/靈感

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

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

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

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

有組織的字體庫

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

字體庫

而設(shè)計

先畫，然后扣動扳機(jī)

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

考慮到響應(yīng)

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

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

PSD的組織

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

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

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

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