一、熟悉UI原則

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

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

1、顏色

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

設(shè)計(jì)原則：色彩

2、平衡

對(duì)稱性和不對(duì)稱性。

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

3、對(duì)比

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

設(shè)計(jì)原則：對(duì)比

4、 排版

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

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

5、一致性

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

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

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

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

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

創(chuàng)作過程

發(fā)現(xiàn)

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

定義

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

開發(fā)

在這里創(chuàng)建原型，測(cè)試和迭代解決方案或概念的地方。這種反復(fù)試驗(yàn)過程有助于設(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)。

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

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

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

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

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

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

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

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

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

實(shí)踐是檢驗(yàn)真理的唯一標(biāo)準(zhǔn)，并且我們清楚的知道，沒有設(shè)計(jì)經(jīng)驗(yàn)我們就無法獲得客戶/工作。但如果沒有客戶/工作我們就沒有辦法加強(qiáng)設(shè)計(jì)技能。所以我們可以通過自己的實(shí)踐來打破這個(gè)循環(huán)，進(jìn)行概念項(xiàng)目設(shè)計(jì)以獲得樂趣以及成長(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ì)過程中使用的工具：

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

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

用于低保真線框圖：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ā)表意見。這就像一條捷徑，他們還會(huì)分享他們的經(jīng)驗(yàn)和方法論以及設(shè)計(jì)技巧。因此請(qǐng)向有經(jīng)驗(yàn)的設(shè)計(jì)師或者導(dǎo)師提出問題并討論您的疑問。

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

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