Name: 用戶體驗設計教程 - 為你的用戶體驗項目尋找靈感 (UX Design Tutorial - Finding inspiration for your UX project)
Uploaded: 2022-11-04T18:01:27.000Z
Duration: 9 min 22 s

情態助動詞 B1

- [Emmanuel] Any UX project must start from somewhere

- [Emmanuel]任何用戶體驗項目都必須從某處入手

So for us, we'll assume we're building a purchase flow

是以，對我們來說，我們將假設我們正在建立一個購買流程

called H+ Sports Supplements and Active Wear

and we'll be designing the purchase flow for mobile.

而我們將為移動端設計購買流程。

So let's get some inspiration by researching the web

是以，讓我們通過研究網絡來獲得一些靈感吧

for colors and potential ideas for design.

以瞭解顏色和潛在的設計想法。

Again, feel free to completely use different colors

同樣，請放心地完全使用不同的顏色

So where I usually go is at pinterest.com

所以我通常去的地方是pinterest.com

but you can also use something like Behance or ArtStation

但你也可以使用像Behance或ArtStation這樣的東西。

or any other sites that you find your inspiration.

或任何其他你能找到靈感的網站。

So for example, for me, this is where I go.

是以，例如，對我來說，這是我去的地方。

是以，讓我們首先做一些研究。

and soccer companies and things like that,

和足球公司以及諸如此類的事情。

and if you scroll down, you're going to find some colors.

如果你向下滾動，你會發現一些顏色。

So what I usually do is scroll on Pinterest

所以我通常做的是在Pinterest上滾動播放

and kind of look at the colors that they're suggesting.

So I like this really cool green and blue.

所以我喜歡這種非常酷的綠色和藍色。

This is something that's trendy right now.

是以，無論你喜歡什麼顏色，就去做吧

And I'm going to show you in a few seconds

我們如何把靈感放在素描表演中。

One that I wanted to look for is a little bit down in here

so let's go for the other one that I've seen here,

所以讓我們去找我在這裡看到的另一個人。

it's very similar to the colors that we're going for.

它與我們要用的顏色非常相似。

所以，我們走了，它就在那裡。

So what I usually do is create inside of Sketch

所以我通常做的是在Sketch中創建

是以，讓我們繼續下去，做這件事

and then we'll drag and drop some photos inside of Sketch.

然後我們將在Sketch中拖放一些照片。

So let's go ahead and create a new document.

是以，讓我們繼續前進，創建一個新的文件。

So open Sketch and then click on new document, choose

所以打開Sketch，然後點擊新文檔，選擇

This is going to show all the pages inside of Sketch, like so

這將顯示Sketch裡面的所有頁面，像這樣

and the first one let's rename it to inspiration.

和第一個，讓我們把它重命名為inspiration。

And what I usually do is create a huge board

而我通常做的是創建一個巨大的董事會

and just drag and drop the images for inspiration.

是以，你創建一個新的董事會，通過做一個

but for our case here it's going to be something

但對於我們這裡的情況，它將是一些

and let's just create a brand new preset,

並讓我們創建一個全新的預設。

and usually I go by a thousand pixels by a thousand pixels.

而通常我都是按一千個像素來計算。

而一旦你創建了一個自定義的預設。

this will be available for future use as well.

so you can go ahead and create this new one and click on it.

所以你可以繼續前進，創建這個新的，並點擊它。

所以你在這裡得到了你的靈感板。

So another shortcut for Sketch is to click on command

所以Sketch的另一個快捷方式是點擊命令

and scroll with your mouse, basically on the Mac,

並用你的滑鼠滾動，基本上在Mac上。

you can also do the same by using a track pad

你也可以通過使用跟蹤墊來做同樣的事情

and scrolling up and down by hitting command and track pad.

並通過敲擊命令和跟蹤墊上下滾動。

So once you have that you'll have your board center as well.

所以一旦你有了這個，你也就有了你的董事會中心。

and this is something that will be useful

once we have multiple boards on our application,

一旦我們的應用程序上有多個板塊。

it's to use shift and then use the track pad

它是使用移位，然後使用跟蹤墊。

and then you can move left and right like that.

然後你就可以像這樣左右移動。

所以我們要做的是回到Pinterest去

and start dragging images inside of our inspiration board.

並開始在我們的靈感板中拖動圖片。

我將最大限度地提高這兩點，以便我可以拖動

and drop in between application, like so.

並將其放入應用程序之間，像這樣。

So I want to have the first image on the top

所以我想把第一張圖片放在上面

and then inside of Sketch just move it to wherever you want.

然後在Sketch中把它移到你想去的地方。

And then what you could do is type some notes here.

然後你可以做的是在這裡打一些筆記。

所以你可以用快捷鍵t來表示文本

而只是做一些類似顏色的事情。

Let me type some notes here like the green

讓我在這裡打出一些說明，如綠色

所以你們可以真正看到它，就像這樣

and because we're going to have some other things,

而且因為我們會有一些其他的事情。

let's just move it here and there you go.

讓我們把它移到這裡，你就可以了。

當你在Sketch中移動東西的時候。

這不是一個關於Sketch的基礎課程。

so you may be familiar with this, if you're not,

所以你可能對這個很熟悉，如果你不熟悉的話。

then you'll see that whenever you move things around,

然後你就會看到，每當你移動東西的時候。

字幕列表影片播放

用戶體驗設計教程 - 為你的用戶體驗項目尋找靈感 (UX Design Tutorial - Finding inspiration for your UX project)

stuff

potential

assume

approach