我們并不是那些天生就想成為設(shè)計(jì)師的獨(dú)角獸，他們天生就是這樣的藝術(shù)家。設(shè)計(jì)是習(xí)得的。

設(shè)計(jì)就是解決問(wèn)題。這是一個(gè)不斷發(fā)現(xiàn)問(wèn)題并為他們創(chuàng)造解決方案的過(guò)程。

有很多設(shè)計(jì)領(lǐng)域:UI、UX、產(chǎn)品設(shè)計(jì)師、圖形設(shè)計(jì)師、交互設(shè)計(jì)師、信息架構(gòu)師，等等。從找出你更感興趣的專(zhuān)業(yè)開(kāi)始。

現(xiàn)在，讓我們關(guān)注最常見(jiàn)的類(lèi)型:界面和體驗(yàn)的混合:UI/UX設(shè)計(jì)師。

1.熟悉UI原則。

在進(jìn)行設(shè)計(jì)之前，首先要做的就是學(xué)習(xí)一些設(shè)計(jì)原則。這樣，你就能進(jìn)入設(shè)計(jì)世界，開(kāi)始“創(chuàng)造性地”思考。你將學(xué)習(xí)設(shè)計(jì)的心理學(xué)方面:為什么它看起來(lái)很好，為什么它會(huì)失敗。

以下是一些你應(yīng)該知道的基本原則。

1.顏色

顏色詞匯、基礎(chǔ)和色彩心理學(xué)。

設(shè)計(jì)的原則:顏色

2.平衡

對(duì)稱(chēng)和不對(duì)稱(chēng)。

設(shè)計(jì)原則:平衡

3.對(duì)比

使用對(duì)比來(lái)組織信息、構(gòu)建層次結(jié)構(gòu)和創(chuàng)建焦點(diǎn)。

設(shè)計(jì)原理:對(duì)比

4.排版

選擇字體并在web上創(chuàng)建可讀的文本。

可讀性和網(wǎng)頁(yè)排版的10個(gè)原則。

5.一致性

最重要的原則，創(chuàng)建直觀和可用的設(shè)計(jì)從這里開(kāi)始。

設(shè)計(jì)原則:一致性

2.學(xué)習(xí)創(chuàng)造性的用戶(hù)體驗(yàn)過(guò)程。

接下來(lái)就是要理解創(chuàng)作過(guò)程。UI/UX設(shè)計(jì)是每個(gè)有創(chuàng)意的人都經(jīng)歷的特定階段的過(guò)程。

創(chuàng)意的過(guò)程

“雙鉆石”分為四個(gè)不同的階段——發(fā)現(xiàn)、定義、開(kāi)發(fā)和交付——這是一個(gè)簡(jiǎn)單的設(shè)計(jì)過(guò)程的可視化地圖。

發(fā)現(xiàn)

這是項(xiàng)目的開(kāi)始。設(shè)計(jì)師開(kāi)始研究，獲得靈感，收集想法。

定義

這是定義階段，設(shè)計(jì)者定義從發(fā)現(xiàn)階段提取的想法。由此，創(chuàng)造了一個(gè)清晰的創(chuàng)意簡(jiǎn)報(bào)。

開(kāi)發(fā)

這就是解決方案或概念的創(chuàng)建、原型、測(cè)試和迭代的地方。這個(gè)過(guò)程的嘗試和錯(cuò)誤幫助設(shè)計(jì)師改進(jìn)和完善他們的想法。

交付

最后階段是交付階段，最終項(xiàng)目最終確定、生產(chǎn)和啟動(dòng)。

3.提高你的設(shè)計(jì)審美。

知道設(shè)計(jì)原則是很好的，但有時(shí)這還不夠，你還需要訓(xùn)練你的眼睛，以看到好的設(shè)計(jì)和糟糕的設(shè)計(jì)，并找出設(shè)計(jì)的強(qiáng)項(xiàng)和弱點(diǎn)。

最有效的訓(xùn)練眼睛的方法是通過(guò)靈感。

在打開(kāi)一張空白的畫(huà)布，盯著它看半個(gè)小時(shí)之前，你要知道，要想有創(chuàng)意，唯一的方法就是研究。有時(shí)候，頭腦不能自己創(chuàng)造想法，你必須先看看其他的設(shè)計(jì)才能開(kāi)始創(chuàng)造你自己的想法，特別是當(dāng)你是一個(gè)初學(xué)者的時(shí)候。

瀏覽Dribbble的作品集網(wǎng)站

所以，看看其他設(shè)計(jì)師在Dribbble上做了什么，當(dāng)你遇到漂亮的設(shè)計(jì)或與你的項(xiàng)目相關(guān)的東西時(shí)，把它保存在你的筆記中，并提及你喜歡的東西，你也可以截圖。這樣，你就會(huì)有一堆靈感設(shè)計(jì)供你開(kāi)始。

以下是我最喜歡的網(wǎng)站:

onepagelove.com網(wǎng)站為你的靈感設(shè)計(jì)了一個(gè)網(wǎng)頁(yè)。

awwwards.com獎(jiǎng)勵(lì)設(shè)計(jì)人才網(wǎng)站。

dribbble.com 設(shè)計(jì)師分享他們工作的社區(qū)。

pttrns.com 移動(dòng)設(shè)計(jì)模式的集合。

uimovement.com最好的UI設(shè)計(jì)師每天尋找設(shè)計(jì)靈感的地方。

4.每天讀設(shè)計(jì)的文章

為了讓自己熟悉設(shè)計(jì)，最好的方法是每天讀幾篇文章。

讓閱讀設(shè)計(jì)新聞和博客成為日常習(xí)慣。網(wǎng)上有數(shù)百萬(wàn)篇文章供我們發(fā)現(xiàn)新的趨勢(shì)、用例和教程。我們要做的就是找到他們。沒(méi)有什么比學(xué)習(xí)別人的經(jīng)驗(yàn)更好的了。

所以，開(kāi)始一天的工作吧，喝杯咖啡，在Medium或Smashing雜志上寫(xiě)一些鼓舞人心的文章。早上學(xué)習(xí)新東西會(huì)開(kāi)闊你的思路，并在白天為你的創(chuàng)造力騰出空間。

然后，時(shí)不時(shí)地休息一下，多讀點(diǎn)書(shū)。休息對(duì)于創(chuàng)造力來(lái)說(shuō)是非常重要的，尤其是當(dāng)你被困住并且感覺(jué)沒(méi)有效率的時(shí)候。將你喜歡的網(wǎng)站作為你的瀏覽器主頁(yè)或者訂閱一份設(shè)計(jì)簡(jiǎn)報(bào)。

以下是我最喜歡的博客和新聞網(wǎng)站的設(shè)計(jì):

blog.marvelapp.com

medium.com/design

smashingmagazine.com

webdesignernews.com

sitepoint.com/design-ux

5.設(shè)計(jì)假項(xiàng)目。

熟能生巧。我們都知道沒(méi)有經(jīng)驗(yàn)我們無(wú)法得到客戶(hù)/工作。但是沒(méi)有工作或項(xiàng)目，我們就不能實(shí)踐，對(duì)嗎？

但是我們可以通過(guò)自己練習(xí)來(lái)打破這個(gè)循環(huán)，通過(guò)制造假的項(xiàng)目來(lái)獲得樂(lè)趣！Dribbble充滿(mǎn)了它。

Facebook的材料設(shè)計(jì)項(xiàng)目 by Kevin McCarthy

騰出時(shí)間選擇你已經(jīng)使用的網(wǎng)站或應(yīng)用，重新設(shè)計(jì)它。它可以是任何你認(rèn)為可以更好的東西。你也可以設(shè)計(jì)自己的應(yīng)用程序。

從這里，您將構(gòu)建您的設(shè)計(jì)組合，并將實(shí)踐設(shè)計(jì)。

6.學(xué)習(xí)最新的網(wǎng)頁(yè)設(shè)計(jì)工具。

有大量的設(shè)計(jì)工具，但是你不需要知道它們。去了解最好的那些，選擇你的最?lèi)?ài)，并保持最新的特點(diǎn)和趨勢(shì)。

以下是我在設(shè)計(jì)過(guò)程中使用的最新工具:

Sketch 做界面設(shè)計(jì)

Figma 做協(xié)同界面設(shè)計(jì)

Balsamiq 做低保線框圖設(shè)計(jì)

Adobe XD 用于界面設(shè)計(jì)和原型設(shè)計(jì)

Marvel App 制作模型互動(dòng)

Invision App 做原型和協(xié)作

7.導(dǎo)師和指導(dǎo)。

另一個(gè)學(xué)習(xí)設(shè)計(jì)的好方法是找一個(gè)愿意幫忙的設(shè)計(jì)導(dǎo)師或設(shè)計(jì)師朋友。它們將幫助你加速學(xué)習(xí)過(guò)程。

設(shè)計(jì)師會(huì)檢查你的作品，并盡可能給出他們的評(píng)論。就像一個(gè)捷徑。他們也會(huì)給你一些他們從經(jīng)驗(yàn)中學(xué)到的技巧和技巧。所以，請(qǐng)先發(fā)郵件給設(shè)計(jì)師，問(wèn)問(wèn)題，討論你的問(wèn)題。

而且，從我教設(shè)計(jì)和前端的那幾年，我學(xué)到的東西比我教的要多。當(dāng)你準(zhǔn)備開(kāi)始與人談?wù)撛O(shè)計(jì)時(shí)，你可以指導(dǎo)或教育某人設(shè)計(jì)。你將學(xué)會(huì)從不同的角度看問(wèn)題，你會(huì)得到你可能從未想過(guò)的反饋和問(wèn)題。

當(dāng)你在和別人談?wù)撛O(shè)計(jì)時(shí)，你的大腦會(huì)一直處于“頭腦風(fēng)暴”模式，你會(huì)發(fā)現(xiàn)自己越來(lái)越對(duì)設(shè)計(jì)感興趣。