Adobe XD入門教程翻譯+演示
對XD軟件explore the basics模塊,進(jìn)行了翻譯以及操作演示;后續(xù)會持續(xù)更新關(guān)于XD的基礎(chǔ)教程。
就按照XD Tutorial這個文件的步驟來一一演示吧

1.預(yù)覽當(dāng)前設(shè)計
點擊右上角的播放按鈕,打開預(yù)覽窗口。這是可以交互的,你可以點擊運行他。

2.創(chuàng)建一個畫板
選擇左側(cè)面板里的畫板工具,在右側(cè)長方形的內(nèi)部點擊,你就可以創(chuàng)建一個畫板了!切換到選擇工具(左側(cè)面板)拖拽和放置下面的這個藍(lán)色的logo到畫板上。雙擊畫板,使用右側(cè)畫板中的填充顏色工具,你可以設(shè)置背景顏色。

3.選擇一個圖像文件
從你的電腦上任意選擇一張圖片拖拽到左側(cè)的這個home面板上的灰色圓上面。圖片會被這個圓自動裁切,去自適應(yīng)圖形。

4.擴(kuò)展博客列表
在Latest Adventures下選擇這個已經(jīng)成組的矩形,點擊右側(cè)面板的Repeat Grid工具向下拖拽把手,制作一個列表,通過拖拽兩個元件之間的粉色區(qū)域調(diào)整元件的距離。
多張圖片上傳小技巧:從電腦上選擇多張圖片,一起把他們拖拽到Repeat Grid上,表格會自動更新你的所有圖像。

5.讓他滾動起來
通過點擊畫板名字"Gear"選擇這個畫板;在右側(cè)面板中找到“Scrolling”下拉選擇“Vertical”垂直;把畫板底部中間的圓圈下拉使畫板變長,在原型演示的時候就會滾動起來。(這里進(jìn)行了一個操作前后的演示對比)

6.制作交互原型
點擊上面左側(cè)的原型按鈕切換到原型制作模式。
選擇“Gear”畫板底部的藍(lán)色“Next Article”按鈕然后拖拽藍(lán)色箭頭到“Adventure”畫板。
現(xiàn)在將“Adventure”畫板的返回箭頭鏈接到“Gear”畫板上。

7.分享你的原型以獲得反饋
現(xiàn)在可以返回到演示窗口,看看你的工作。
當(dāng)你完成了你的工作,你可以通過右上角的分享按鈕去創(chuàng)建一個可分享的鏈接。(目前中國區(qū)注冊的賬戶無法使用這個功能)

最后依舊是Thanks!!





































