1.4.3在Adobe Express中大量建立Assets

開始此練習前,請先從https://one-adobe-tech-insiders.s3.us-west-2.amazonaws.com/one-adobe/Adobe_Express.zip下載必要的資產,然後在您的案頭上解壓縮。

Adobe Express

1.4.3.1建立您的基本資產

移至https://new.express.adobe.com/。 按一下​ + ​圖示以建立新的​ 影像

Adobe Express

選取​ 像片,然後選擇​ 上傳媒體

Adobe Express

導覽至您的案頭,前往包含您先前下載之資產的資料夾​ Adobe_Express。 選取檔案​ banner.png ​並按一下​ 開啟

Adobe Express

您應該會看到此訊息。 選取​ 編輯影像

Adobe Express

接著,移至​ 媒體 ​並選取​ 上傳影像。 導覽至您的案頭,前往包含您先前下載之資產的資料夾​ Adobe_Express。 選取檔案​ man.png ​並按一下​ 開啟

Adobe Express

您應該會看到此訊息。

Adobe Express

接下來,您應該新增​ CitiSignal ​標誌。 移至​ 品牌 ​並選取白色CitiSignal標誌。 按一下3個點​ ,然後選取​ 置入

Adobe Express

調整CitiSignal標誌影像的位置,以反映以下影像中的相同位置。

Adobe Express

移至​ 文字 ​並按一下​ 新增您的文字

Adobe Express

在新文字方塊中,新增文字Empowering Connections。 將文字方塊拖曳至類似位置,如下圖所示。 接下來,移至​ 品牌,移至​ 字型。 按一下第3字型上的3個點​ ,然後按一下​ 套用

Adobe Express

接著,將字型顏色變更為​ 白色

Adobe Express

再次移至​ 文字 ​並按一下​ 新增您的文字

Adobe Express

在新文字方塊中,輸入文字Your pathway to reliable communication。 調整文字方塊的位置,使其位於上一個文字方塊下方,類似於下面的影像。

移至​ 品牌字型,然後按一下第二個字型上的3個點​ 。 然後,按一下​ 套用

Adobe Express

然後您應該擁有此專案。 接著,移至​ 元素形狀,然後按一下圓角矩形形狀。

Adobe Express

您的影像就會有新的圓角矩形形狀。 調整大小和位置,使其看起來像按鈕。 然後,將圓角矩形的顏色變更為​ 黑色

Adobe Express

再次移至​ 文字 ​並按一下​ 新增您的文字

Adobe Express

在新文字方塊中輸入文字Shop now,並將文字方塊的位置變更為以按鈕為中心。 移至​ 品牌字型,然後按一下第三個字型上的3個點​ 。 然後,按一下​ 套用

Adobe Express

您應該會看到此訊息。

Adobe Express

在Adobe Express中大量建立1.4.3.2

接著,按一下​ 大量建立

Adobe Express

您應該會看到此訊息。 按一下​ 瀏覽

Adobe Express

導覽至您的案頭,並移至資料夾​ Adobe_Express ​中的​ Express Bulk Create ​資料夾,其中包含您先前下載的資產。 選取檔案​ CTA-options.csv ​並按一下​ 開啟

Adobe Express

您應該會看到此訊息。 按一下​ 下一步

Adobe Express

按一下​ 連線元素

Adobe Express

選取包含文字​ 您通往可靠通訊的路徑 ​的文字方塊。 然後按一下「元素1」按鈕,並將其連結至CSV檔案中的欄位,在此案例中是欄位​ Subhead

Adobe Express

接著,選取包含文字​ 立即購物 ​的文字方塊。

Adobe Express

然後按一下「元素1」按鈕,並將其連結至CSV檔案中的欄位,在此案例中是欄位​ CTA

Adobe Express

您應該會看到此訊息。 接著,按一下個人的影像。

Adobe Express

按一下按鈕​ 元素1

Adobe Express

然後您會看到此快顯視窗。 按一下​ 瀏覽

Adobe Express

導覽至您的案頭,並移至資料夾​ Adobe_Express ​中的​ Express Bulk Create ​資料夾,其中包含您先前下載的資產。 選取6-7個影像檔案,然後按一下​ 開啟

Adobe Express

您將會看到此訊息。 將不同的影像拖放至資產的每個變數。 按一下​ 完成

Adobe Express

然後您會看到產生的影像變化。 按一下​ 建立頁面

Adobe Express

您的變數現已準備就緒,您可以個別檢查每個變數以進行檢閱和驗證。

Adobe Express

您現在已經完成此練習。

後續步驟

移至摘要與優點

返回Adobe Express和Adobe Experience Cloud

返回所有模組

recommendation-more-help
4bbf020c-24db-4a43-b239-88fab142f02d