APP 介面設計工作流程

其實在這篇APP的流程規劃前，我也是在網路上找了非常多的範例跟教學，但很少是從一 ... 有了wireframe後，接著就是開始進行UI設計了，因為本身有官網，所以設計風格 ... 跳到主要內容 Premiere快速新增字幕，字幕特效教學 影片剪輯 影音剪輯 Effects Premiere教學 video 0 取得連結 Facebook Twitter Pinterest 以電子郵件傳送 其他應用程式 APP介面設計工作流程 取得連結 Facebook Twitter Pinterest 以電子郵件傳送 其他應用程式 其實在這篇APP的流程規劃前，我也是在網路上找了非常多的範例跟教學，但很少是從一開始的規劃開始，因此我將這次協助公司開發APP的歷程記錄下來。

1.APP的企劃確認 初步先將上級的構想先用心智圖記錄下來，只要有點子或者任何覺得需要的功能就先寫上去，這邊我是使用雲端的Coggle去做，因為是雲端版本，可以隨時隨地存取，非常方便！ 2.企劃的整理 經過多次的討論後，將主要的架構統整出來，這部分比較類似做Sitemap，在進行統整的時候注意一下分支的數量也不要過多，大概到這個部分就會知道會有幾個頁面。

3.畫wireframe 再來就是將架構拖拉出大致的wireframe，這邊我也是使用google雲端的繪圖去做，也會去Freebie參考一下近期流行的介面，包含觸發按鈕跟跳轉頁面會在這邊一併思考。

4.UI設計 有了wireframe後，接著就是開始進行UI設計了，因為本身有官網，所以設計風格直接參考官網，UI的部分我偏好使用Sketch來做，當然用Photoshop也可以！(有一款AdobeXD現在正在推免費推廣，也可以使用看看，不過XD目前只支援日文、英文就是了)。

為了確保動線正確，會先將完成的UI雛形放上Invision上做出Phototype，比起只有wireframe的設計稿，使用Phototype可以更讓客戶或設計師較容易找出流程中的不順或錯誤。

Ptototype>> https://goo.gl/oRPFj2 之後就是進行反覆的試驗、修改、溝通，產出的最後版本就可以開始交給工程師寫code囉！ 取得連結 Facebook Twitter Pinterest 以電子郵件傳送 其他應用程式 留言 StevenHWicker2019年3月7日凌晨3:33Hello,anamazingInformationdude.Thanksforsharingthisniceinformationwithus.兒童興趣班回覆刪除回覆回覆新增留言載入更多… 張貼留言 熱門文章 Mac如何改變字體大小？輕鬆把字變大！ 年紀大的長輩是不是都覺得電腦螢幕的字體太小、ICON太小，看不清楚呢？要把字體變大其實很簡單！1.在Dock點下「系統偏好設定」，點選「顯示器」。

2.進到顯示器畫面，按下「縮放」。

3.下面就會出現「較大文字」＆「更多空間」可以選囉！點下後Mac會自動顯示給你看，自己選擇適合的吧～ 如何在MAC下分割PDF檔案？只要用內建的「預覽程式」！ MAC下分割PDF檔案其實非常直覺化，只要拖、拉就能完成囉！假設我現在有一份13頁的PDF檔，要取其中的第2頁出來獨立一個檔案，首先我們先用mac裡的preview開啟這份PDF檔，按下「顯示方式」的「縮覽圖」。

將Finder打開另開一個要放入獨立PDF檔案的資料夾，將視窗放在右手邊。

直接在13的PDF的縮覽圖中的第二頁，用滑鼠直接拖到Finder底下放開，就會將第二頁的PDF獨立出來了。

不過拖出來的檔案檔名會預設（已拖移）這點對我們直接要交paper的話有點不方便，如果我有好幾十頁都要獨立出來，一個一個改檔案檔名會累死啊！在mac下其實只要全選（command+a)所有檔案，按下右鍵「重新命名Ｎ個項目」就可以全部一次重新命名了，真的非常方便！ 簡單做出專業級「簽名檔」，展現個人特色，提升個人價值！ 不管在工作上還是私下，Email往來使用都非常的頻繁，為了讓收到信件的廠商/客戶第一時間就知道所有資訊，做「簽名檔」是最佳選擇，現今網路上有很多簡易簽名檔製作工具，今天我要介紹這一套：MySignatureMySignature網址>> https://mysignature.io/x只要三分鐘就能做出專業級又具有設計感的「個人簽名檔」！1.進到官網後，按下「Createfreeemailsignature」開始製作簽名檔。

2.欄位都設定好了，只要將您的個人資料填入。

3.內建有幾個免費的模板，還有更精緻的付費模板，如果需要替換模板就按下「Choosetemplate」。

4.選好後，按下「Finish」來看一下個人的簽名檔吧！5.那要怎麼將做好的簽名檔放到我們Email上呢？這邊用Gmail為例，按下「Copytoclipboard」複製簽名檔，然後到自己的Gmail按下「設定」，往下拉會有一個簽名的html，只要將游標停在Html編輯器內，貼上後按下「儲存」就好囉！