本節簡介:講解線框原型應該包含的內容,設計線框原型需要注意的事項、以及對應掌握sketch的形狀圖層、數值屬性、復制、不透明度、文本屬性等知識點進行實操分析。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
選中組內的某個圖層:按住command單擊該圖層。按鈕描邊一般選擇內描邊。
形狀圖層的高度調整:單純按上下鍵改變1px,按住shift+上下鍵改變10px。Option+shift平移復制。
快捷鍵T插入文本。選中某一圖層,按住option鍵,鼠標移動,可以查看該圖層和周邊的邊距,上下左右鍵可調整邊距。右側檢查器可設置文本字體顏色等屬性。
快捷鍵a創建畫板。改畫板顏色:單擊畫板名稱,勾選背景色,選擇顏色。
注意事項:樣式的選擇(產品是否需要遵循設計規范或者說采用什么布局)、層級關系(黑白灰無色相設計,顏色越深層級越重)、設計風格(如按鈕,要設計成黑白灰的,不要弄漸變之類的)
線框原型包含:結構(產品之間的相互關系,菜單布局等)、內容(每個頁面的內容)、展現形式(框架傳達,如頁面布局)、功能(界面的銜接、步驟等)、交互行為(點擊之后的跳轉行為)
線框原型包含:結構、內容、展現形式、功能、交互行為
如果菜單切換是高頻的 就采用底部菜單,低頻一般選用抽屜式菜單
1. 文字行高一般為文字字號的1.2-1.4倍為佳。 2. 不透明度快捷鍵0,1,2,..9.。 3. 313131深色填充
線框原型應包含的內容:結構/內容/展現形式/功能/交互行為
①shift+↑=輸入框數值增加20 ②option+shift=平移復制 ③ctrl點組=可跳過組選中組內圖形 (圖形與圖形之間的距離一般給8的倍數或10的倍數,輸入框60高+1px間隔線)
a鍵調出畫板尺寸,ctrl-/ctrl+畫布縮放,ctrl+G編組
文藝氣息、切換頻率不多的用下拉菜單,切換頻率較大的用底部tab