官术网_书友最值得收藏!

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進行設計的時候如虎添翼。

主站蜘蛛池模板: 华阴市| 江西省| 万州区| 乌兰察布市| 岚皋县| 剑川县| 沭阳县| 万山特区| 淮滨县| 昌图县| 宁乡县| 莫力| 分宜县| 临朐县| 海门市| 奉新县| 祥云县| 图片| 鄂尔多斯市| 孟州市| 宝鸡市| 绵阳市| 峨边| 神池县| 长垣县| 太和县| 德兴市| 曲靖市| 博客| 海阳市| 积石山| 横峰县| 桑植县| 嘉义市| 余干县| 凤城市| 芜湖市| 英吉沙县| 定边县| 铜梁县| 汤阴县|