(如果筆電螢幕較小,切換成 100% 沒辦法看到全部,可以先點擊設計稿,然後兩指在觸控板上平移,如果是使用滑鼠的話需要按住空白健並搭配滑鼠左健來平移)
不同裝置裡各種縮放比例對應的 Size 會有所不同,可在右上角調整縮放比例的地方點擊"向下箭頭 icon 圖標"透過下拉選單將縮放比例調整為適合,調整完畢後就會將縮放比例調整為適合的 Size
或是點選一個元素,再把滑鼠移動到想測距離的元素上
點擊想下載的圖片,在右側會出現資源的欄位,以及有下載的按鍵,點擊下載後會是 zip 檔,解壓縮後就有圖片的 png 檔了
如果想下載整張設計稿圖片,後勤組 Jimmy 寫了份教學
以設計稿的「個人資料」文字為例,點選「個人資料」,在右側選單中的樣式欄位就會有相關的文字樣式,滑鼠停留在小圖示上就會顯示他是文字間距、行間距或是段落間距
另外點擊一下內容欄位中的文字就可以複製整段文字了
卡斯伯老師:Adobe XD 繪製時有個小缺點,行高會不一定等於實際呈現的區域,所以繪製時會稍做調整
同學舉例的圖
點選右邊欄位第一個可檢視動態效果
or
or
By clicking below, you agree to our terms of service.
New to HackMD? Sign up
Syntax | Example | Reference | |
---|---|---|---|
# Header | Header | 基本排版 | |
- Unordered List |
|
||
1. Ordered List |
|
||
- [ ] Todo List |
|
||
> Blockquote | Blockquote |
||
**Bold font** | Bold font | ||
*Italics font* | Italics font | ||
~~Strikethrough~~ | |||
19^th^ | 19th | ||
H~2~O | H2O | ||
++Inserted text++ | Inserted text | ||
==Marked text== | Marked text | ||
[link text](https:// "title") | Link | ||
 | Image | ||
`Code` | Code |
在筆記中貼入程式碼 | |
```javascript var i = 0; ``` |
|
||
:smile: | ![]() |
Emoji list | |
{%youtube youtube_id %} | Externals | ||
$L^aT_eX$ | LaTeX | ||
:::info This is a alert area. ::: |
This is a alert area. |
On a scale of 0-10, how likely is it that you would recommend HackMD to your friends, family or business associates?
Please give us some advice and help us improve HackMD.
Do you want to remove this version name and description?
Syncing