中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

對網站界面設計師而言，HTML5 與CSS3 的出現已經可以取代許多以前只能由繪圖軟體才能畫出的效果，厲害一點的設計師會開始學習把HTML5 當畫布、CSS3 當畫筆來繪制界面，讓這些界面本身就是以Markup 語言??為基礎。有時候互相理解對方所使用的工具就是最好的溝通方法，同樣的一行HTML Code，在設計師眼中和在工程師眼中可能是完全不同的東西。

舉例來說：設計師們已經很熟悉Photoshop 那種圖層似的概念(或是Illustrator 那種物件式的)，當他們看到HTML Code 的時候，幾乎都會把它們轉換成畫布上的圖層，設計師非常善用圖像化的方法來在腦海中想像自己將做出來的東西。而同樣的一段程式碼，對于注重邏輯以及資料關連性的工程師來說，可能看起來比較像是物件模型中的節點與資料的關系。

　　用雛形溝通

在整個設計的過程中，最大的困難就是溝通了。最基礎的溝通會從架構與整體互動就開始，透過Paper Prototype 的方式，讓所有參與設計與實作的人都能了解整個界面的操作流程是什么。制作雛形可以快速的收斂大家的構想，即使有不同的思考方式，但也可以得到相同的洞察與了解。

許多設計師在設計階段所提供的草圖是Photoshop 或Illustrator 檔案，但是這兩種檔案幾乎都是靜態的，或者是幾個不同狀態的截圖。舉例來說，如果設計的是一個多層次的下拉式選單，設計師可能提供四張圖分別是：選單關閉、打開選單、打開次選單和滑鼠移到選單上的畫面。也就是說當草圖交到工程師手上的時候，他們必須自行想像選單關閉到打開中間需要什么樣的動畫，淡出(Fade In)嗎?還是往下滑出(Slide Down)呢?彈跳效果(Bounce)?還是設計師根本只是想要他突然出現?這些都需要更仔細的對話才能解釋清楚，或者干脆引入更具有互動效果的設計工具。

最簡單的雛形制作方法就是紙面原型的方式制作雛形，可以考慮使華人之光POP: Prototyping on Paper來快速制作能互動的雛形。另外，Infragistics也是一個很棒的原型工具可以制作出神奇的效果。

制作網站的時候，許多設計師可以透過簡單的HTML, CSS 以及Javascript 來表現他們的想法，但是制作App 的時候難度就提高了許多。無論如何，因為我們設計的就是整個互動的效果，偶爾還會加上一些物理性的特效(彈簧、伸縮、漸變等等)，采用這些靜態的方法表示動態的圖像，代表著溝通總是會有落差。設計師們也許可以學習一些工具，像是前一陣子因為Facebook Home 火紅的Quantz Composer 就是個很容易就可以讓設計師做出互動效果的工具，或者其實采用Flash 做一點簡單的效果，有個簡單的漸變動畫讓工程師能理解那中間的過程(不是把Flash 當做最后的作品，而是當成一種Prototyping 與溝通的工具)。