- 動靜有法 Sketch+Principle UI設計基礎教程
- 張怡琪(張小碗兒)編著
- 1085字
- 2021-04-16 16:13:25
2.1.2 Sketch在UI設計中的優勢
在眾多設計軟件中,Sketch對于UI設計有獨特的優勢,下面具體分析。
1.為用戶提供UI設計模板
UI設計師在繪制作品之前,首先要創建畫布。Sektch提供了主流機型尺寸,在檢查器面板里,只需單擊相應機型的模板,就可以直接創建以該機型為模板的畫布,包括iPhone、Android等平臺主流機型尺寸的畫布,不需要手動輸入數值。


在UI設計中,icon(圖標)的設計也要遵循規范,Sketch提供了iPhone、Android等主流平臺icon的規范尺寸。下圖所示就是SketcH(高)為設計師們提供的iOS App icon尺寸模板。

(iOS App icon尺寸模板)
2.強大的Symbols(元件庫)
當設計師將App整體界面做好之后,通過Sketch中的Link功能實現簡化的可操作模擬案例。在設計師或整個項目組體驗產品的過程中,難免會遇到App存在某些問題需要修改的情況。例如,項目組體驗App后,決定將按鈕統一由直角風格改為圓角風格,那么一般的設計軟件需要進入每一個界面,逐個修改按鈕。但是在Sketch中,有一個功能可以快速修改——Create Symbol。將按鈕繪制好之后,通過Creat Symbol功能將按鈕存儲到元件庫中,這樣在修改所有按鈕時,只需修改元件庫里面的按鈕,界面中所有的按鈕都被瞬間修改完成。
Sketch提供了強大的Symbois(元件庫),不僅可以輔助設計師的工作,還可以輔助整個團隊的設計制作。共享元件庫可以幫助團隊快速更新產品中的所有設計元素,加快整體團隊的設計進度。

3.靈活的樣式
在設計界面時,UI 設計師會遵循統一的視覺風格、形狀樣式、文字樣式等。例如確定某個界面使用的字體、文字顏色、字號之后,可以快速地將該字體樣式存儲到樣式庫中,進入下一個界面。創建一段文字,可以直接在樣式庫中選擇存儲好的樣式,節省了大量調整字體的時間。

4.方便的測量工具
UI設計要遵循一定的尺寸規范。比如,頂部欄尺寸是多少、底部欄尺寸是多少。在設計的時候,下方的大標題和左上角的返回按鈕在任何界面中與底部的距離都應該保持一致,Sketch中的測量工具有助于設計師觀察各個設計元素與底部的距離。

5.快捷的導出功能
整個App界面設計完成后,需要將設計稿按照不同的機型尺寸適配,并導出效果圖。Sketch是非常了解設計師需求的軟件,它的導出功能可以快速地幫助設計師生成需要的尺寸。以iOS設計稿為例,在導出界面能選擇各種類型的導出尺寸,真正做到一鍵導出。

6.視覺預覽
整個App界面設計完成后,設計師一般只能通過一張一張的圖片來預覽整套設計,Sketch提供了Preview(預覽)工具,能快速簡單地將按鈕及其他可點按區域進行快速鏈接,讓人在預覽圖片的同時,還能體驗產品的交互性,做到一舉兩得。

以上只是簡單地介紹了Sketch在UI設計中的優勢,Sketch還有很多功能能夠快速地幫助UI設計師解決煩惱,比如剪刀工具、圖層樣式等。當然,還有很多插件,可以讓UI設計師在使用Sketch進行設計的時候如虎添翼。
- Spring Boot 2實戰之旅
- 企業級Java EE架構設計精深實踐
- C/C++算法從菜鳥到達人
- 數據庫系統原理及MySQL應用教程
- 微服務設計原理與架構
- Groovy for Domain:specific Languages(Second Edition)
- Instant RubyMotion App Development
- 人人都懂設計模式:從生活中領悟設計模式(Python實現)
- bbPress Complete
- Android程序設計基礎
- Creating Stunning Dashboards with QlikView
- Python從入門到精通
- 細說Python編程:從入門到科學計算
- Spring MVC+MyBatis開發從入門到項目實踐(超值版)
- 進入IT企業必讀的324個Java面試題