What to do when you know how to use the software and know the basics of designing interfaces? There are a few simple things that you can do to take your skills to the next level, and you don’t need to invest in expensive online courses and tutorials.

當您知道如何使用軟件并了解界面設計基礎時該怎么辦？ 您可以做一些簡單的事情，將自己的技能提高到一個新的水平，并且無需投資昂貴的在線課程和教程。

Here’s what to try and learn!

這是嘗試和學習的方法！

1.學會在界面中使用人類感知法則 (1. Learn to use human perception laws in your interfaces)

Is your design following the rules of human perception? It is good to know them quite well, because without this knowledge you can’t really explain the reasoning behind your visual choices. There’s a handful of them, but for know focus on the most crucial ones:

您的設計是否遵循人類感知的規則？ 很好地了解它們是一件好事，因為沒有這些知識，您將無法真正解釋視覺選擇背后的原因。 其中有少數幾個，但要知道要專注于最關鍵的幾個:

鄰近法則 (Law of Proximity)

If we have multiple elements present, the ones that are close to each other are perceived as a group (even, if they look different).

如果存在多個元素，則彼此接近的元素將被視為一個組(即使它們看起來不同)。

That’s why it is so important to keep the right distance and margins between the elements and sections. Don’t be afraid of too much whitespace (better too much, than too little) — make sure that whitespace is around 50% of your design. It makes the UI look clean and tidy and it helps to keep the right hierarchy of the elements.

這就是為什么在元素和部分之間保持正確的距離和邊距如此重要的原因。 不要擔心太多的空格(最好多于少)—確保空格大約占設計的50％。 它使UI看起來干凈整潔，并有助于保持元素的正確層次結構。

雅各布定律 (Jakob’s Law)

“Users spent most of their time on the other sites”. You definitely heard that one before, right? In general, it’s all about making the UI elements look familiar to the user. In many cases, too creative UI design can be overwhelming.

“用戶將大部分時間都花在了其他站點上”。 您肯定以前聽說過，對吧？ 通常， 所有這些都是關于使UI元素看起來對用戶熟悉的 。 在許多情況下，過于創新的UI設計可能會讓人不知所措。

We all don’t like what we don’t understand. If you have to choose between standard and unusual visual solution, choose the standard, understandable and well-known one.

我們都不喜歡我們不了解的東西。 如果您必須在標準和不尋常的視覺解決方案之間進行選擇，請選擇標準，易于理解且眾所周知的解決方案。

隔離效果 (The Isolation Effect)

Also called Von Restroff Effect, says that when they are many elements present, the one that differs catches the most attention and it’s easier to remember. For example: That’s why when we design CTA button, we have to make sure that the color of it stands out!

也稱為馮·斯特羅夫效應(Von Restroff Effect)，它表示當它們存在很多元素時，不同的元素會引起最多的關注，并且更容易記住 。 例如:這就是為什么在設計CTA按鈕時，我們必須確保其顏色突出！

2.嘗試不同的設計風格和趨勢 (2. Try different design styles and trends)

Your client might want to create a UI for their product in a particular style. It happens quite often. You may not like all the design styles or trends that are happening right now, but it’s good to try at least once and see for yourself if they suit you, and learn how to achieve certain effects just in case.

您的客戶可能想要以特定樣式為其產品創建UI。 它經常發生。 您可能不喜歡目前正在發生的所有設計風格或趨勢，但最好至少嘗試一次，看看自己是否適合您 ，并學習如何以防萬一。

It will give you a personal perspective!

它將給您個人的觀點！

3.簡化字體集合 (3. Simplify your font collection)

Designers often tend to complicate the typography in their designs, and use too many fonts in different pairings. The truth is, you don’t have to own many fonts to create a stunning, useful UI.

設計師通常會使設計中的版式復雜化，并在不同的配對中使用過多的字體。 事實是，您不必擁有許多字體即可創建令人驚嘆且有用的UI。

Own just a few: two or three sans-serifs, one serif and one decorative (handwritten, but simple enough to be easily readable — it may come in handy sometimes). You won’t drown in hundreds of choices anymore. This is a real game changer and time saver!

僅有幾個:2或3個無襯線字體，1個襯線和1個裝飾性字體(手寫，但足夠簡單以至于易于閱讀-有時可能會派上用場)。 您不會再淹沒數百種選擇。 這是真正的改變游戲規則和節省時間的工具！

If you are actually searching for amazing, readable fonts to use that look good in UI, try the free ones: Montserrat, Poppins, Lato or the paid ones (but worth the money - I use them on a daily basis as my main fonts) Sofia Pro, Gilroy, Brandon Grotesque or Proxima Nova. They are also available via Adobe Fonts.

如果您實際上是在尋找令人驚嘆的可讀字體以在UI中使用好看的字體，請嘗試免費的字體: Montserrat ， Poppins ， Lato或付費的字體(但物有所值-我每天都將它們用作主要字體) Sofia Pro ， Gilroy ， Brandon Grotesque或Proxima Nova 。 也可以通過Adobe字體獲得它們。

4.了解認知負荷并嘗試將其最小化 (4. Learn about the Cognitive Load and try to minimize it)

Coco Chanel once said “Before you leave the house, look in the mirror and remove one accessory”.

可可·香奈兒(Coco Chanel)曾經說過“離開家之前，照鏡子并卸下一個配件”。

I believe it can also apply to the UI design.

我相信它也可以應用于UI設計。

When there’s too much going on, it’s hard for the user to focus on the most important elements. Before you end up with the final design, try to remove something that is the most unnecessary.

當發生太多事情時，用戶很難專注于最重要的元素。 在進行最終設計之前，請嘗試刪除最不必要的內容。

Maybe the button doesn't need all those effects? Maybe the background could be simpler? Maybe you can minimize the number of the font sizes and styles?

也許按鈕不需要所有這些效果？ 也許背景可能更簡單？ 也許您可以減少字體大小和樣式的數量？

5.始終檢查可訪問性 (5. Always check the accessibility)

I encourage you to learn more about the accessibility in user interfaces, and make your own accessibility checklist.

我鼓勵您更多地了解用戶界面中的輔助功能，并制作自己的輔助功能清單。

Every time you design an interface, walk through the checklist to make sure that your interface follows the rules. Here are some of them:

每次設計界面時，請遍歷清單以確保界面遵循規則。 這里是其中的一些:

• Is the contrast between elements right? Try the Contrast Checker tool.

  元素之間的對比正確嗎？ 嘗試使用“ 對比度檢查器”工具。

• Does every clickable element has the right touch target? (minimal is around 44x44px).

  是否每個可點擊元素都具有正確的觸摸目標？ (最小值約為44x44px)。

• Is text readable enough? (The minimal font size should be 12p).

  文字是否足夠可讀？ (最小字體應為12p)。

Ensuring UI accessibility and readability is often overlooked — make the difference and design simple and friendly products that everyone can use with ease!

確保UI的可訪問性和可讀性經常被忽略-有所作為，設計簡單友好的產品，每個人都可以輕松使用！

您想要了解更多嗎？ :nerd_face :: graduation_cap: (Do you want to learn more? 🤓🎓)

Get the “Designing Interfaces” book with over 400 pages of the most important knowledge about designing UI.

獲得“ Designing Interfaces”一書，其中包含超過400頁有關設計UI的最重要知識。

Only now you can choose the exclusive bundle and get the second book about UI Styles completely for free!

只有現在，您可以選擇獨家捆綁包，并完全免費獲得有關UI樣式的第二本書！

I 🖋 write about design and I’m a 👩🏻?🔧 co-founder/lead designer at HYPE4design-driven software agency.

我🖋 寫關于設計的文章 ，我是👩🏻?🔧 HYPE4設計驅動軟件代理商的聯合創始人/首席設計師。