界面設計工具

 互聯網公司對工程師掌握設計工具的要求不會像設計師那麼高。設計工具主要分爲兩種使用場景，一種是處理，一種是創做。

 處理是指處理視覺設計師交付的設計稿，對於Web工程師和App工程師等直接跟界面打交道的工程師，至少須要熟練使用Photoshop和Fireworks工具來分離圖層、導出格式，批量切圖等。這屬於基本的技術要求，跟設計感關係不大。

 創做是指利用本身自己的技術優點創做一些視覺設計師不擅長的產出，好比響應式頁面、App交互和動畫，或者CSS3動畫和滾動視差。

下面是一些經常使用工具的介紹。
Axure
 梳理完成所有產品信息架構和功能。Axure以頁面爲最小單位，目的是輸出整個網站的頁面脈絡，以及每一個頁面的交互框架。
Sketch
 Sketch是一個輕量的設計工具，可以基於以前的線框圖加強設計感，具象以前的產品。開發Sketch本意是幫助設計者可以短平快地畫出精緻的用戶界面，由於Photoshop中有大量圖片處理等界面設計不須要的功能，過於臃腫。使用Sketch能夠方便地製做UI設計圖。
Quartz Composer
 QC是一款圖形化的編程工具，專門用來生成各類複雜和細膩的動態視覺效果，以及可交互的界面原型。由於QC本質上是編程工具，因此一些視覺設計師不太喜歡這種方式，做爲全棧工程師的您能夠承擔這個工做。

延伸閱讀:
《響應式Web設計全流程解析》 Stephen Hay，人民郵電出版社
《寫給你們看的設計書（第3版）》Robin Williams ，人民郵電出版社
《寫給你們看的設計書：實例與創意》Robin Williams ，人民郵電出版社