UI設(shè)計培訓(xùn)哪里有？UI設(shè)計培訓(xùn)哪家強(qiáng)？
動效元素切圖輸出

動效元素切圖一般是指在app中加載動效所需要的切圖元素，比如qq的下拉加載動效就是由若干張切圖連續(xù)播放形成的動畫效果。這些圖片按照序號排序播放我們頁把他們叫做序列切圖。序列切圖是在做UI設(shè)計的過程中必然會遇到的問題，這種切圖要求要保證動效播放時的流暢自然，是需要設(shè)計師仔細(xì)斟酌的。

序列圖切圖


序列圖實現(xiàn)效果


可拉伸元素切圖輸出

可拉伸元素一般是指按鈕、輸入框等切圖過程中可以對切圖進(jìn)行瘦身壓縮的元素。這些元素通過瘦身壓縮可以極大地見效圖片的大小提升用戶在使用app中的加載速度。在ios中這種切圖方式叫做平鋪切圖，在安卓中這種切圖方式叫做點九切圖法。

橫向拉伸切圖


豎向拉伸切圖


無需切圖的部分

再設(shè)計切圖輸出中很多元素是不需要輸出的，直接使用系統(tǒng)原生的設(shè)計元素修改參數(shù)即可。作為設(shè)計師需要知道哪些元素是需要切圖，哪些元素是使用系統(tǒng)自帶的避免不必要的切圖。比如文字、卡片背景、線條和一些標(biāo)準(zhǔn)的集合圖形是不需要提供切圖的。例如搜索框只需要在標(biāo)注中表明尺寸大小、圓角大小、描邊粗細(xì)、色值即可，工程師會根據(jù)設(shè)計效果通過代碼實現(xiàn)這種效果。