一、熟悉UI原則

在進(jìn)行設(shè)計(jì)練習(xí)之前，你需要做的第一件事就是學(xué)習(xí)一些設(shè)計(jì)原則。這樣你才能夠進(jìn)入設(shè)計(jì)世界，并開(kāi)始進(jìn)行“創(chuàng)造性”的思考。你會(huì)學(xué)到心理學(xué)對(duì)設(shè)計(jì)方案的影響，例如：為什么它看起來(lái)不錯(cuò)，為什么會(huì)失敗。

下面是你應(yīng)該了解的一些設(shè)計(jì)基本原則。

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、 排版

選擇字體和在網(wǎng)絡(luò)上創(chuàng)建可讀的文本。

易讀性的10個(gè)原則與網(wǎng)頁(yè)排版

5、一致性

最重要的原則，創(chuàng)造直觀(guān)和實(shí)用的設(shè)計(jì)。

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

下面是設(shè)計(jì)好的界面一些好的方法和需要注意的事項(xiàng)。

二、了解創(chuàng)意用戶(hù)體驗(yàn)流程

接下來(lái)要了解創(chuàng)作過(guò)程，UI / UX設(shè)計(jì)是設(shè)計(jì)都要經(jīng)歷的特定階段。它分為四個(gè)不同的階段，發(fā)現(xiàn)、定義、開(kāi)發(fā)和交付。

創(chuàng)作過(guò)程

發(fā)現(xiàn)

在項(xiàng)目的最開(kāi)始，設(shè)計(jì)師會(huì)開(kāi)始研究，獲取靈感并收集想法。

定義

在定義階段，設(shè)計(jì)人員定義從發(fā)現(xiàn)階段提取的想法。由此創(chuàng)建了一個(gè)清晰的創(chuàng)意設(shè)計(jì)方案。

開(kāi)發(fā)

在這里創(chuàng)建原型，測(cè)試和迭代解決方案或概念的地方。這種反復(fù)試驗(yàn)過(guò)程有助于設(shè)計(jì)師改進(jìn)和完善他們的想法。

交付

最后交付階段，項(xiàng)目會(huì)最終確定并且投入使用。

三、培養(yǎng)你的設(shè)計(jì)視野

了解設(shè)計(jì)原則雖然有很大的幫助，但這是遠(yuǎn)遠(yuǎn)不夠的，還需要培養(yǎng)你的視野，知道什么是好的設(shè)計(jì)和壞的設(shè)計(jì)，并且能找到設(shè)計(jì)方案的優(yōu)缺點(diǎn)。

在打開(kāi)一張空白的畫(huà)布并盯著它看半個(gè)小時(shí)之前，你明白創(chuàng)新的唯一方法是通過(guò)研究。培養(yǎng)你的設(shè)計(jì)視野的最有效方式是通過(guò)看更多的設(shè)計(jì)方案來(lái)尋找靈感。尤其當(dāng)你是初學(xué)者的時(shí)候，有時(shí)候無(wú)法自己打開(kāi)腦洞，這時(shí)候你必須先看看其他人的設(shè)計(jì)。

瀏覽靈感類(lèi)網(wǎng)站

所以看看其他設(shè)計(jì)師在Dribbble上做了什么，每當(dāng)你遇到漂亮的設(shè)計(jì)或與你的項(xiàng)目相關(guān)的東西時(shí)，將它保存在筆記中并能說(shuō)出你為什么喜歡，你也可以截屏保存。通過(guò)這種方式，你將擁有一個(gè)豐富的設(shè)計(jì)素材庫(kù)，設(shè)計(jì)之路由此展開(kāi)。

四、每天閱讀設(shè)計(jì)文章

為了讓自己盡快的熟悉設(shè)計(jì)，最好的方法是每天閱讀一些文章。讓閱讀設(shè)計(jì)新聞和博客成為日常習(xí)慣。我們有數(shù)百萬(wàn)篇在線(xiàn)文章可供我們了解新趨勢(shì)，設(shè)計(jì)方法和教程。我們所要做的就是找到它們，沒(méi)有比從其他人總結(jié)的經(jīng)驗(yàn)中學(xué)習(xí)更好的了。

讓閱讀文章成為日常習(xí)慣

在早上學(xué)習(xí)新事物會(huì)擴(kuò)充你的腦洞，并為白天創(chuàng)造騰出更多的空間。因此你早上可以在Medium或Smashing Magazine看一些優(yōu)秀的設(shè)計(jì)文章，開(kāi)始新的一天。

另外要注意勞逸結(jié)合，不時(shí)地休息一下，閱讀更多設(shè)計(jì)內(nèi)容。特別是當(dāng)你陷入困境并感到?jīng)]有想法的時(shí)候，更有停下來(lái)休息，休息對(duì)于創(chuàng)造力非常重要。你可以將您喜歡的網(wǎng)站收藏為書(shū)簽或訂閱設(shè)計(jì)博客。

五、設(shè)計(jì)概念項(xiàng)目

實(shí)踐是檢驗(yàn)真理的唯一標(biāo)準(zhǔn)，并且我們清楚的知道，沒(méi)有設(shè)計(jì)經(jīng)驗(yàn)我們就無(wú)法獲得客戶(hù)/工作。但如果沒(méi)有客戶(hù)/工作我們就沒(méi)有辦法加強(qiáng)設(shè)計(jì)技能。所以我們可以通過(guò)自己的實(shí)踐來(lái)打破這個(gè)循環(huán)，進(jìn)行概念項(xiàng)目設(shè)計(jì)以獲得樂(lè)趣以及成長(zhǎng)！Dribbble上有很多的概念設(shè)計(jì)，他們都做的很棒。

Facebook Material Design by Kevin McCarthy

你可以花點(diǎn)時(shí)間選擇你感興趣的網(wǎng)站或App并重新設(shè)計(jì)它。你可以完全賦予它新的創(chuàng)意和意義，并且由此你將形成你的設(shè)計(jì)風(fēng)格和作品，獲得快速的成長(zhǎng)。

六、了解的設(shè)計(jì)工具

我們有很多的設(shè)計(jì)工具，但你不需要都了解。你只需要選擇你喜歡的并且適合你的工具即可，并隨時(shí)了解的功能和趨勢(shì)，以下是我在設(shè)計(jì)過(guò)程中使用的工具：

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

用于協(xié)作界面設(shè)計(jì)：Figma

用于低保真線(xiàn)框圖：Axure

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

可交互動(dòng)態(tài)原型：Principle、Flinto

用于原型設(shè)計(jì)和協(xié)作：Invision App

七、尋找導(dǎo)師并且得到幫助

學(xué)習(xí)設(shè)計(jì)的另一個(gè)好方法是找到愿意提供幫助的設(shè)計(jì)導(dǎo)師或設(shè)計(jì)師朋友。他們將幫助您加快學(xué)習(xí)進(jìn)程，導(dǎo)師或者設(shè)計(jì)師朋友會(huì)對(duì)你的設(shè)計(jì)方案會(huì)盡可能地發(fā)表意見(jiàn)。這就像一條捷徑，他們還會(huì)分享他們的經(jīng)驗(yàn)和方法論以及設(shè)計(jì)技巧。因此請(qǐng)向有經(jīng)驗(yàn)的設(shè)計(jì)師或者導(dǎo)師提出問(wèn)題并討論您的疑問(wèn)。

另外在我教授設(shè)計(jì)和前端的幾年時(shí)間里，我學(xué)到的東西比我教的要多很多。所以當(dāng)你準(zhǔn)備好如何與人們討論設(shè)計(jì)時(shí)，你可以指導(dǎo)或教育某人有關(guān)設(shè)計(jì)的知識(shí)。你將學(xué)習(xí)從不同的角度看待它，你將獲得你可能從未想過(guò)的反饋和問(wèn)題。

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