There is a question that is always asked when we want to learn something new.

當我們想學習新東西時，總會問一個問題。

Where to start?

從哪兒開始？

This is also being my question when I want to learn UI design. In this article, I will try to share what I did to learn UI design. Actually, this article was written for myself, but I think it would be better if I wrote it in medium. So here we go!

當我想學習UI設計時，這也是我的問題。 在本文中，我將嘗試分享學習UI設計的過程。 實際上，這篇文章是為我自己寫的，但是我認為如果用中等語言寫會更好。 所以我們開始！

1.學習UI設計基礎 (1. Learn The Basic of UI Design)

This is the most basic thing, you can start by learning the basic UI design. Starting from:

這是最基本的事情，您可以從學習基本的UI設計開始。 從...開始：

• Color

  顏色

  Color is very important to learn. It plays a vital role in design and everyday life. You should learn from color psychology to how to choose and match colors. Every color sends a message. For example Red is the iconic color used for brands like Coca Cola and YouTube. The color red tends to encourage appetite hence why brands like Coca Cola use it often in their branding. YouTube likely uses the color red due to the excitement of watching videos online. For more details, you can learn it in this article and video.

  顏色對學習非常重要。 它在設計和日常生活中起著至關重要的作用。 您應該從顏色心理學中學到如何選擇和匹配顏色。 每種顏色都會發送一條消息。 例如，紅色是可口可樂和YouTube等品牌使用的標志性顏色。 紅色往往會刺激食欲，因此為什么可口可樂等品牌經常在品牌宣傳中使用它。 由于可能會在線觀看視頻，因此YouTube可能會使用紅色。 有關更多詳細信息，可以在本文和視頻中學習。

• Typhography

  印刷術

  Another things you need to learn in basic UI design is typography. Typography is the style or appearance of text. You need to know about some common types of fonts such as Serif, Sans Serif, Scripts, Blackletter, All-Caps, and others. In a way, fonts have their own language and affect our design. For example, because of their classic look, Serif is a good choice for more traditional projects such as magazines and newspapers.

  在基本的UI設計中需要學習的另一件事是排版。 印刷術是文本的樣式或外觀。 您需要了解一些常見的字體類型，例如Serif，Sans Serif，Scripts，Blackletter，All-Caps等。 在某種程度上，字體有其自身的語言并影響我們的設計。 例如，由于具有經典外觀，Serif是雜志和報紙等更傳統項目的不錯選擇。

  For more about typography you can watch this video.

  有關排版的更多信息，請觀看此視頻。

• Layout and Composition

  布局和組成

  In a way, this is the foundation of design. They give your work structure and make it easier to navigate. There are five basic principles that can help you transform your work and sharpen your eye for design:

  在某種程度上，這是設計的基礎。 它們提供了您的工作結構，使瀏覽變得更加容易。 共有五項基本原則可以幫助您轉變工作并提高設計視野：

1. Proximity
   接近
2. White space
   空格
3. Alignment
   對準
4. Contrast
   對比
5. Repetition
   重復

You can check out the rest of layout and composition topic at this video.

您可以在此視頻中查看其余的布局和構圖主題。

• Images

  圖片

  The next things that you also need to learn on the basic of UI design is the use of images in our design. Images are more than just decoration. In design, they’re the hook that draws the viewer in. compelling visuals can help you connect with the audience and make a strong impression before they’ve even read a single word. For more details about the use of images, you can check this video.

  您還需要在UI設計基礎上學習的下一件事是在我們的設計中使用圖像。 圖像不僅僅是裝飾。 在設計中，它們是吸引觀眾的鉤子。引人入勝的視覺效果可以幫助您與觀眾建立聯系，并在他們甚至一個字都沒有讀懂之前就給人留下深刻的印象。 有關圖像使用的更多詳細信息，您可以觀看此視頻。

2.了解Android和iOS準則 (2. Learn Android and iOS Guidelines)

As UI designers, we have a task to design digital display products, one of which is mobile based. So, at least we need to know the guidelines of the Android and iOS platforms because each operating system on a smartphone has different guidelines. You can check the link below for more details about the guidelines.

作為UI設計師，我們的任務是設計數字顯示產品，其中之一是基于移動的。 因此，至少我們需要了解Android和iOS平臺的準則，因為智能手機上的每個操作系統都有不同的準則。 您可以查看以下鏈接，以獲取有關準則的更多詳細信息。

Android guidelines

Android指南

iOS guidelines

iOS準則

3.學到很多 (3. Learn a Lot)

The next step to learn UI design is to learn a lot. You can read articles or books, watch videos, and listen to podcasts related to UI design. Some of my favorite sources are as follows.

學習UI設計的下一步是學習很多東西。 您可以閱讀文章或書籍，觀看視頻以及收聽與UI設計相關的播客。 我最喜歡的一些資料如下。

• Articles: Google Design, UX Collective, UX Planet, Bukalapak Design, Tokopedia Design, Insight Design, Belajar Desain, Dwinawan, Rizki Mardita.

  文章： Google Design ， UX集體 ， UX Planet ， Bukalapak Design ， Tokopedia Design ， Insight Design ， Belajar Desain ， Dwinawan ， Rizki Mardita 。

• Videos: The Futur, Flux, Design Course, Dansky, Life at Gojek, Kukuh Aldy.

  視頻： 在未來的危機 ， 助焊劑 ， 設計課程 ， Dansky ， 生活在Gojek ， Kukuh阿爾迪 。

• Podcasts: Overtime by Dribbble, UI Breakfast, Belajar UX Design, Dunia Dalam Desain, Sit, Talk, Design.

  播客： Dribbble加班 ， UI早餐 ， Belajar UX設計 ， Dunia Dalam Desain ， 坐下，交談，設計 。

• Instagram Post and Story: Pablo Stanley, The Futur, DKV Daily, Belajar Desain, Dunia Dalam Desain, Sit, Talk, Design.

  Instagram帖子和故事： Pablo Stanley ， Futur ， DKV Daily ， Belajar Desain ， Dunia Dalam Desain ， 坐，談，設計 。

4.學習UI設計的基本軟件 (4. Learn Basic Software of UI Design)

Once you start to understand the basics of UI design, it’s time for you to try apply it to the design you will make later. Of course you need to learn to use software that is often used for UI design. These software are commonly very easy to learn, because the features prepared are not too complicated like Photoshop, this software only has a few features that really focus on making UI design. You can try these software:

一旦您開始了解UI設計的基礎知識，就該嘗試將其應用于以后要進行的設計了。 當然，您需要學習使用通常用于UI設計的軟件。 這些軟件通常非常易于學習，因為準備的功能不像Photoshop那樣復雜，該軟件僅具有一些真正專注于UI設計的功能。 您可以嘗試以下軟件：

5.開始練習并探索您的口味 (5. Start a Practice and Explore Your Tastes)

This is the most important step in learning, practice. You have learned the basic UI design until you learn the tools or software and now is the time for you to practice. How can we practice? There are several ways that are often used:

這是學習，實踐中最重要的一步。 在學習工具或軟件之前，您已經學習了基本的UI設計，現在是您練習的時候了。 我們該如何練習？ 經常使用幾種方法：

• Exploration

  勘探

  We can make a design exploration with the theme, number of screens/pages, or colors according to our plan.

  我們可以根據我們的計劃以主題，屏幕/頁面數或顏色進行設計探索。

• Redesign

  重新設計

  We can practice by redesigning the existing design. Try to imitate and also improve the design.

  我們可以通過重新設計現有設計來進行練習。 嘗試模仿并改進設計。

• Case Study

  案例分析

  Well this is a little more complicated, the process starts with us looking for problems and trying to find solutions with the designs that we make.

  嗯，這有點復雜，該過程從我們開始尋找問題并嘗試使用我們設計出的解決方案來開始。

Don’t forget to explore your design taste. Because the design trends are changing so fast, we need to continue to practice our design tastes by seeing a lot of references about modern and fresh designs. You can try to look the designs on Dribbble. Because there are so many references we can use to learn. You can enter keywords that match what you are looking for, and you can analyze the designs that are there, starting from the use of color, font size, images and shadows.

不要忘記探索您的設計品味。 因為設計趨勢變化如此之快，所以我們需要通過參考大量有關現代和新鮮設計的參考文獻來繼續實踐我們的設計品味。 您可以嘗試在Dribbble上查看設計。 因為有太多參考資料可供我們學習。 您可以輸入與您要查找的內容匹配的關鍵字，并且可以從顏色，字體大小，圖像和陰影的使用開始分析其中的設計。

Never stop to learn, because there is new information that we must learn every day. What we have learned now will not necessarily apply in the future. And remember don’t forget to always sharing. So, never stop learning and never stop sharing. Thanks for reading!

永遠不要停止學習，因為我們每天都必須學習新的信息。 我們現在所學的內容不一定會在將來應用。 并記住不要忘記總是共享。 因此，永遠不要停止學習，永遠不要停止共享。 謝謝閱讀！

If you learn something new every day, you can teach something new every day — Martha Stewart

如果您每天都學習新東西，那么您每天都可以教一些新東西-瑪莎·斯圖爾特(Martha Stewart)

You can also check out my Dribbble, LinkedIn, and Instagram.

您也可以查看我的Dribbble ， LinkedIn和Instagram 。