ExtJs是一個用于創(chuàng)建Web用戶界面的JS框架，提供了豐富的界面部件及布局方式，對于web開發(fā)者來說，實現(xiàn)企業(yè)應用所需的各種畫面只要掌握JS語言即可。不必再引入flash或silverlight技術(shù)，而且能很容易的創(chuàng)建風格統(tǒng)一的企業(yè)應用程序。

    雖然ExtJs支持各種流行的瀏覽器，甚至包括IE6，但是它在IE系瀏覽器下運行、渲染的效率不高。在谷歌瀏覽器下表現(xiàn)最好，F(xiàn)ireFox瀏覽器次之（這得益于谷歌瀏覽器的JS腳本引擎）。

    然而谷歌瀏覽器和FireFox瀏覽器的核心都是WebKit（蘋果公司開源的瀏覽器核心，負責解析HTML文本，并呈現(xiàn)到界面上），所以，要想讓我們的CB/S+ExtJs結(jié)構(gòu)的應用程序能有更好的表現(xiàn)，我們必須采用WebKit核心的瀏覽器。

    雖然我們能很方便的獲得WebKit的源碼，然而編譯它卻十分耗時費力，不但要選對編譯工具，還要安裝一系列的SDK，編譯時間更是長的驚人（這幾乎是大型C++項目的通病）。編譯出來的DLL使用起來也不是很方便（要翻閱大量的WebKit的API）。

    幸運的是QT界面庫為我們做了這些工作，QT庫中包含webkit的瀏覽器控件，并且這個C++庫是跨平臺的，也就是說基于這幾項技術(shù)開發(fā)的CB/S企業(yè)應用可以部署在Linux系統(tǒng)內(nèi)。

    除了使用QT界面庫，還可以選擇gtk+和wxWidgets兩個界面庫，而且這兩個界面庫都對WebKit做過包裝，但是從開發(fā)方式，生產(chǎn)效率，運行速度等多方面考慮，還是QT最為合適。

    QT界面庫也分為兩個版本，一個是收費的digia提供的QT，另一個是免費的qt-project提供的QT（GPL V3 LGPL V2)，這里我們選擇免費版的QT，本文第三節(jié)會介紹如何搭建開發(fā)環(huán)境。

隨著公司企業(yè)對設計的重視越來越高。很多視覺設計師和交互設計師都有這非常明確的定位。不管是設計網(wǎng)站頁面還是應用界面的風格定位或者是移動App的應用交互等等。在設計過程中設計師都需要一個構(gòu)思的過程。有一部分設計師會通過一些交互軟件來做最前期的架構(gòu)和構(gòu)思。但是更多的設計師還是喜歡用最原生的方法來構(gòu)思——草圖！我想這應該也是最原始的前期構(gòu)思了。把好的靈光一現(xiàn)瞬間畫在稿紙上，做好標記。我們在使用的很多經(jīng)典的工具界面都有著最初的線框草圖。今天我們要分享的就是一些優(yōu)秀的線框示意草圖。你可以看到這些最初的設計雛形。相信你可以從中得到創(chuàng)意的靈感。

1. 交互設計師應當具備的能力

如果我們簡單的將用戶體驗領域涉及到的技能分為：用戶研究、產(chǎn)品（概念/功能）設計、交互設計、視覺設計、工程技術(shù)，我認為任何一個交互設計師和視覺設計師等等，都應該具有整體的復合技能，只是哪部分更多哪部分更少的問題。

1) 用戶研究：對于交互設計師，不具備基本的用戶研究能力，無法吸收來自用戶的「信息營養(yǎng)」，如何做出真正以用戶為重心的設計呢？觀察法、訪談法、問卷法、可用性測試、行為數(shù)據(jù)分析等等，這些基本的方法應該要有所掌握。

2) 產(chǎn)品（概念/功能）設計和交互設計：這方面不必多說，交互設計師必須有大局觀，能夠真正的理解產(chǎn)品的思路和方向，從交互的角度實現(xiàn)產(chǎn)品層面的意圖。這也是很多交互設計師轉(zhuǎn)向產(chǎn)品設計師、產(chǎn)品經(jīng)理的原因，在很多方面有交叉。

3) 視覺設計：視覺設計是很多交互設計師的軟肋，常常無法忍受一些交互設計師做出的沒有美感的文檔?，F(xiàn)在，特別是在移動互聯(lián)網(wǎng)的設計領域，交互和視覺往往是高度交叉的。交互會影響視覺，視覺反過來也會影響交互。對于一個交互設計師，在做交互設計師，腦海中就應該浮現(xiàn)出視覺的輪廓，為視覺設計留下能夠發(fā)揮的空間。另外，交互設計師一定要有很好的視覺設計的感覺，知道如何判斷好的和不好的視覺設計。像素眼（能夠通過肉眼分辨出一像素的差別）至少要具備吧？

　　交互設計師之所以要懂得視覺語言，主要體現(xiàn)在原型制作的工作部分，

　　因為輸出的雖然是低保真原型，但低保真原型的設計過程其實也是一個視覺化過程。

　　廢話少說，直接解釋吧(大致按照動手的時間順序，以數(shù)字媒體界面為例)。

本文全系列滿滿干貨，是從眾多交互設計前輩們分享的寶貴經(jīng)驗里挑選出的最實用的方法，不僅能讓你徹底了解交互設計，還能幫有志在這個領域發(fā)展，卻苦于沒有老師的童鞋，從零開始學習成為一名優(yōu)秀的交互設計師。



在校大學生、想轉(zhuǎn)行的設計師還能在這兒得到前輩的實用建議，想進階的交互也有職場系列經(jīng)驗分享，文末還有超贊的資源奉獻，干貨量大，推薦童鞋們收藏 ：)

規(guī)范的沉淀對已知問題的積累有促進作用；同樣，對過去的規(guī)范進行更為深入的優(yōu)化，規(guī)范也會變得越來越完善和優(yōu)質(zhì)。

細致的設計規(guī)范在不注重設計的互聯(lián)網(wǎng)公司十分難以推行，一方面是節(jié)奏變化非?？?，你隨時需要應用用戶數(shù)據(jù)做出改變，二來，你的老板們哪天不爽，也可以分分鐘推翻你的血汗。

Ai Search 是一款主打集成搜索的應用，當用戶輸入關鍵詞，應用就會在預選好的多個搜索引擎和網(wǎng)站同時發(fā)起搜索。并且 Ai Search 可以為指定搜索引擎或網(wǎng)站添加標簽，連同關鍵詞一并搜索，也可以由用戶自行添加搜索的引擎或網(wǎng)站。

　　如果你也是一枚剛?cè)腴T的交互設計師，是不是常有這樣一種感覺：不知從何下手，悶頭讀了一大堆書、學了一大堆軟件、畫了一大堆圖之后還是感覺心里不踏實，總害怕自己還缺點什么，恨不得要有本《交互設計學習大綱》就好了。出現(xiàn)這個問題有兩個原因，一是交互設計師沒有可視性強的產(chǎn)物，交互設計師的產(chǎn)物一般是線框圖、流程圖、信息架構(gòu)圖、說明文檔等等，但這些東西既不如視覺設計稿華麗精美，也不如程序代碼高貴冷艷，在外行人看來初級交互設計師和高級交互設計師畫的好像都差不多，輕易看不出你修煉到了幾層功力;第二個原因是交互設計是跨學科的專業(yè)，需要學的太多太雜，今天這位大神說要學好PS，明天那位大神又說要學程序，后天又有大神說要學心理學，blablabla…信息量太大、太亂就會導致這種不知所措的局面。

怎樣做好交互設計？

一 、瀏覽客戶給的需求文檔，不懂就問。
二 、瀏覽客戶行業(yè)內(nèi)競品，行業(yè)外的優(yōu)秀案例，盡可能的多看多收集，擴大視野。永遠不要被動，了解的越多，越有底氣。也更清晰自己做的東西在行業(yè)內(nèi)所處的位置。
三、 了解客戶的軟件誰在使用？用它做什么？文化程度？經(jīng)驗水準？核心任務是什么？客戶方不同角色的關注點？使用環(huán)境？
四 、形象思考，直觀表達。
縱觀全局，一個軟件可能有不同的子系統(tǒng)，不同的功能點，哪種布局在綜合情況下最合理？最具有拓展性？兼容性？最佳？嘗試手繪不同的布局。開始進行交互設計時一定不要先掉到的細節(jié)中，先進行大的宏觀思考。