原型:模擬真實產品功能與設計,用於初期階段測試產品的可行性與效果,節省開發成本與週期。
可以完成的:
1.線框圖(快速成型)粗略構思
2.進一步升級低保真原型(元素設計更細化,加交互效果)進一步細化細節
考慮到項目週期和成本:低保真原型會交付交互設計師或者UI設計師
3.交互說明/流程圖:理清楚頁面邏輯關係和交互元素的說明
4.高保真原型:模擬真實產品的點擊、滑動、瀏覽效果(耗費週期和成本較長)
頁面的使用
頁面、子頁面、刪除、重命名等等
元件庫(常用)
按住shift等比例調整,WH輸入數值精確改變大小。(填充色,邊框的選擇等等)
文本(標題、段落、標籤)標題加粗,段落大面積,標籤小備註。
文本顏色可以進行吸取截圖的顏色,找到吸管即可。
button,主要按鈕,在樣式裏面可以調整button的形狀。
單行文本框,密碼文本框可選擇屬性---類型----下拉選擇密碼。
選擇提示文字:例如:其輸入登錄郵箱/手機,提示樣式可以設置字體顏色。
表單文件,勾選框
關閉/其他方式登錄/二維碼,都是用圖片來實現
設計好之後進行對齊(先選擇的爲參照物)和分佈。
頂層可以改變元件的上下關係