公司新聞每一個設計作品都舉世無雙

當前位置:主頁 > 新聞資訊 > 公司新聞 >

一款APP從設計稿到切圖過程全方位揭秘

日期:2015-10-10 / 人氣:

我本身是一名GUI設計師,所以我只站在GUI設計師的角度去把APP從項目啟動到切片輸出的過程寫一寫,相當于工作流程的介紹吧。公司不同,流程不盡相同,但是終究還是能有些幫助。
 
依舊聲明:這里寫的不是一種規范,只是一種工作方法,大家在具體工作中,一定要靈活運用。另外,技術的更新是非常快的,我寫的這些可能某些東西已經和你們的工程師搭檔所用的方法不一樣了,所以,還是要靈活運用~
 
這里我們只說IOS系統下的設計,至于Android,因為尺寸太多,涉及的東西比較亂,我整理好以后再說吧。
 
頁面篇幅比較長,不推薦一次性看完,那樣你潛意識里就會對它厭煩了,所以可以有時間讀一讀,看一看。
 
Part 1 項目立項
完善的公司會把項目相關人員聚集起來,產品經理會把產品詳細的用原型展示出來,包括產品定位,市場需求,主打賣點,產品性質以及各模塊具體功能,邏輯跳轉演示一下;之后會評估項目用時,各部門協調,項目啟動。
 
在項目設計之初,就該進行項目歸檔整理,我的習慣是“項目名稱+版本序列”;
 
沒有最正確的工作方法,只有最適合自己的工作習慣。
 
我個人習慣把不同類型的文件劃分到不同類型的文件夾里,有的設計師習慣全都放在一個文件夾里,如果文件少還說的過去,如果頁面過多,就知道這樣的利弊了。
 
工欲善其事必先利其器,基本上我做界面設計用的最多的就是PS和AI了,版本無所謂,用著舒服就行,推薦版本高一點的,低版本好多方便功能都沒有。
 
標注工具:
PxCook,目前我還沒用上Mac,所以也不知道傳說中的Sketch到底多神奇。PxCook在Windows上標注還比較順手,雖然它還附帶切圖功能,但是比較雞肋,不推薦用它切圖。
 
 
一款PS的插件,切圖非常方便,但不支持綠色免安裝版本PS,而且對PS版本要求比較高,針對CS 6的已經不維護更新了。推薦安裝官方完整版PS cc,然后自行破解。官網上有安裝使用教程,自己研究下吧,因為我也是最近才開始接觸這款插件。

作者:admin


上一篇:關于移動端設計工作者必備相關素質 下一篇:沒有了
久久免费视频-久久精品视频