學(xué)習(xí)ui設(shè)計(jì)

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

當(dāng)我們想學(xué)習(xí)新東西時(shí)，總會(huì)問(wèn)一個(gè)問(wèn)題。

Where to start?

從哪兒開(kāi)始？

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!

當(dāng)我想學(xué)習(xí)UI設(shè)計(jì)時(shí)，這也是我的問(wèn)題。 在本文中，我將嘗試分享學(xué)習(xí)UI設(shè)計(jì)的過(guò)程。 實(shí)際上，這篇文章是為我自己寫(xiě)的，但是我認(rèn)為如果用中等語(yǔ)言寫(xiě)會(huì)更好。 所以我們開(kāi)始！

1.學(xué)習(xí)UI設(shè)計(jì)基礎(chǔ) (1. Learn The Basic of UI Design)

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

這是最基本的事情，您可以從學(xué)習(xí)基本的UI設(shè)計(jì)開(kāi)始。 從...開(kāi)始：

• 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.

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

• Typhography

  印刷術(shù)

  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設(shè)計(jì)中需要學(xué)習(xí)的另一件事是排版。 印刷術(shù)是文本的樣式或外觀。 您需要了解一些常見(jiàn)的字體類(lèi)型，例如Serif，Sans Serif，Scripts，Blackletter，All-Caps等。 在某種程度上，字體有其自身的語(yǔ)言并影響我們的設(shè)計(jì)。 例如，由于具有經(jīng)典外觀，Serif是雜志和報(bào)紙等更傳統(tǒng)項(xiàng)目的不錯(cuò)選擇。

  For more about typography you can watch this video.

  有關(guān)排版的更多信息，請(qǐng)觀看此視頻。

• 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:

  在某種程度上，這是設(shè)計(jì)的基礎(chǔ)。 它們提供了您的工作結(jié)構(gòu)，使瀏覽變得更加容易。 共有五項(xiàng)基本原則可以幫助您轉(zhuǎn)變工作并提高設(shè)計(jì)視野：

Proximity

接近

White space

空格

Alignment

對(duì)準(zhǔn)

Contrast

對(duì)比

Repetition

重復(fù)

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

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

• 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設(shè)計(jì)基礎(chǔ)上學(xué)習(xí)的下一件事是在我們的設(shè)計(jì)中使用圖像。 圖像不僅僅是裝飾。 在設(shè)計(jì)中，它們是吸引觀眾的鉤子。引人入勝的視覺(jué)效果可以幫助您與觀眾建立聯(lián)系，并在他們甚至一個(gè)字都沒(méi)有讀懂之前就給人留下深刻的印象。 有關(guān)圖像使用的更多詳細(xì)信息，您可以觀看此視頻。

2.了解Android和iOS準(zhǔn)則 (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設(shè)計(jì)師，我們的任務(wù)是設(shè)計(jì)數(shù)字顯示產(chǎn)品，其中之一是基于移動(dòng)的。 因此，至少我們需要了解Android和iOS平臺(tái)的準(zhǔn)則，因?yàn)橹悄苁謾C(jī)上的每個(gè)操作系統(tǒng)都有不同的準(zhǔn)則。 您可以查看以下鏈接，以獲取有關(guān)準(zhǔn)則的更多詳細(xì)信息。

Android guidelines

Android指南

iOS guidelines

iOS準(zhǔn)則

3.學(xué)到很多 (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.

學(xué)習(xí)UI設(shè)計(jì)的下一步是學(xué)習(xí)很多東西。 您可以閱讀文章或書(shū)籍，觀看視頻以及收聽(tīng)與UI設(shè)計(jì)相關(guān)的播客。 我最喜歡的一些資料如下。

• 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.

  視頻： 在未來(lái)的危機(jī) ， 助焊劑 ， 設(shè)計(jì)課程 ， Dansky ， 生活在Gojek ， Kukuh阿爾迪 。

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

  播客： Dribbble加班 ， UI早餐 ， Belajar UX設(shè)計(jì) ， Dunia Dalam Desain ， 坐下，交談，設(shè)計(jì) 。

• 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 ， 坐，談，設(shè)計(jì) 。

4.學(xué)習(xí)UI設(shè)計(jì)的基本軟件 (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:

一旦您開(kāi)始了解UI設(shè)計(jì)的基礎(chǔ)知識(shí)，就該嘗試將其應(yīng)用于以后要進(jìn)行的設(shè)計(jì)了。 當(dāng)然，您需要學(xué)習(xí)使用通常用于UI設(shè)計(jì)的軟件。 這些軟件通常非常易于學(xué)習(xí)，因?yàn)闇?zhǔn)備的功能不像Photoshop那樣復(fù)雜，該軟件僅具有一些真正專注于UI設(shè)計(jì)的功能。 您可以嘗試以下軟件：

5.開(kāi)始練習(xí)并探索您的口味 (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:

這是學(xué)習(xí)，實(shí)踐中最重要的一步。 在學(xué)習(xí)工具或軟件之前，您已經(jīng)學(xué)習(xí)了基本的UI設(shè)計(jì)，現(xiàn)在是您練習(xí)的時(shí)候了。 我們?cè)撊绾尉毩?xí)？ 經(jīng)常使用幾種方法：

• Exploration

  勘探

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

  我們可以根據(jù)我們的計(jì)劃以主題，屏幕/頁(yè)面數(shù)或顏色進(jìn)行設(shè)計(jì)探索。

• Redesign

  重新設(shè)計(jì)

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

  我們可以通過(guò)重新設(shè)計(jì)現(xiàn)有設(shè)計(jì)來(lái)進(jìn)行練習(xí)。 嘗試模仿并改進(jìn)設(shè)計(jì)。

• 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.

  嗯，這有點(diǎn)復(fù)雜，該過(guò)程從我們開(kāi)始尋找問(wèn)題并嘗試使用我們?cè)O(shè)計(jì)出的解決方案來(lái)開(kāi)始。

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.

不要忘記探索您的設(shè)計(jì)品味。 因?yàn)樵O(shè)計(jì)趨勢(shì)變化如此之快，所以我們需要通過(guò)參考大量有關(guān)現(xiàn)代和新鮮設(shè)計(jì)的參考文獻(xiàn)來(lái)繼續(xù)實(shí)踐我們的設(shè)計(jì)品味。 您可以嘗試在Dribbble上查看設(shè)計(jì)。 因?yàn)橛刑鄥⒖假Y料可供我們學(xué)習(xí)。 您可以輸入與您要查找的內(nèi)容匹配的關(guān)鍵字，并且可以從顏色，字體大小，圖像和陰影的使用開(kāi)始分析其中的設(shè)計(jì)。

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!

永遠(yuǎn)不要停止學(xué)習(xí)，因?yàn)槲覀兠刻於急仨殞W(xué)習(xí)新的信息。 我們現(xiàn)在所學(xué)的內(nèi)容不一定會(huì)在將來(lái)應(yīng)用。 并記住不要忘記總是共享。 因此，永遠(yuǎn)不要停止學(xué)習(xí)，永遠(yuǎn)不要停止共享。 謝謝閱讀！

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

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

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

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

翻譯自: https://uxdesign.cc/what-you-need-to-do-if-you-want-to-learn-ui-design-fcc844dec294

學(xué)習(xí)ui設(shè)計(jì)

總結(jié)

以上是生活随笔為你收集整理的学习ui设计_如果您想学习UI设计，该怎么办的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。