一、熟悉UI原則

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

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

1、顏色

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

設(shè)計原則：色彩

2、平衡

對稱性和不對稱性。

設(shè)計原則：平衡

3、對比

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

設(shè)計原則：對比

4、 排版

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

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

5、一致性

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

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

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

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

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

創(chuàng)作過程

發(fā)現(xiàn)

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

定義

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

開發(fā)

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

交付

最后交付階段，項目會最終確定并且投入使用。

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

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

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

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

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

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

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

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

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

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

五、設(shè)計概念項目

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

Facebook Material Design by Kevin McCarthy

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

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

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

界面設(shè)計：Sketch

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

用于低保真線框圖：Axure

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

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

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

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

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

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

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