作為一名UI設計師,基于矢量的設計是非常有必要且基礎的,因為各種尺寸的屏幕帶來了各種分辨率,基于矢量設計,直接縮放成各種版本的尺寸就好了。
例如,設計iPad的UI,目前iPad有1024x768和2048x1536這2種分辨率,如果基于位圖的設計,如PS,那必須按照2048x1536的尺寸設計,不然沒辦法放大,那在Ai里,可以直接使用1024x768的分辨率進行設計,然后縮放即可,這樣做的好處是,即使在筆記 本上,或者一些分辨率較低的顯示器上也能順利完成設計,同時工程文件也會小很多,執行和操作也會快很多。
但是問題又來了,設計的時候如果不能直接在設備上預覽,效率就實在太低了。
主要體現在:校色,布局,按鈕尺寸。
首先是顏色的差異,顯示器上的色差,蘋果顯示器顏色都在出廠時校過色,色差不大,但是和移動設備上的色彩顯示,還是有明顯的差別的,更別提Windows兼容機的各種顯示器的明顯色差了;另外還有操作系統上的設置差異,都可以導致和最終顯示的結果完全不一樣。
然后是尺寸和位置,按鈕的大小和排列,哪怕不能按,但是如果能在設備上實際比例預覽,也能比劃出是否合適,還有各種UI元素的布局,這個只能靠經驗來探索嗎?太累了。
所以我們開發了“設計預覽”這個app,目標只有一個,就是最有效率地使用Adobe
illustrator來設計UI。
界面內置在Ai里,可以預覽當前畫板,也可以一次性輸出預覽所有畫板,而且可以輸入縮放倍數。
在移動設備上預覽,自然可以縮放、拖動、翻頁等功能里。
還有一個多設備預覽功能,在開會或者討論UI設計的時候,拿上筆記本,其他討論的人拿著設備,啟動了App,在AI里隨時修改,大家都可以一起獲得預覽,實時看到結果,展開激烈的討論。
為了方便使用,我們還把教程內置在里面了,當然還有視頻教程,鏈接在下面。
視頻教程地址:設計預覽 for Adobe illustrator
使用指南(PDF文檔):http://pan.baidu.com/s/1jGETQvG
應用程序地址:蘋果應用程序商店 中的“設計預覽·Ai”
使用過程遇到問題或者有任何建議,可以使用微博和郵件跟我們聯系:
電郵:designpreview@yeah.net