通過axure做原型設(shè)計(jì)生成的html代碼,能不能夠讓開發(fā)直接用，要分兩個方面來看（可用和不可用）一.可用如果是給自己公司或者自己個人做的東西，對頁面的代碼規(guī)范，沒有特別的要求，開發(fā)時間充足的話，那么可以嵌套使用不在意頁面中的冗余代碼較多不考慮后期的優(yōu)化與改動不在意頁面加載速度的快慢問題二.不可用商用網(wǎng)站頁面，不要直接使用，還是開發(fā)標(biāo)準(zhǔn)的html頁面在進(jìn)行嵌套較好頁面代碼不規(guī)范，嵌套使用不方便頁面代碼雜亂，代碼冗余量較大，不利于后期的優(yōu)化三.示例圖總結(jié)：如上圖所示，開發(fā)一個頁面的話，axure做完原型圖以后，會生成自帶的.html文件，但是文件需要加載的項(xiàng)較多，能不能夠使用，要看開發(fā)人的需求與實(shí)際情況

網(wǎng)站設(shè)計(jì)八步驟 由于目前所見即所得類型的工具越來越多，使用也越來越方便，所以制作網(wǎng)頁已經(jīng)變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學(xué)者經(jīng)過短暫的學(xué)習(xí)就可以學(xué)會制作網(wǎng)頁，于是他們認(rèn)為網(wǎng)頁制作非常簡單，就匆匆忙忙制作自己的網(wǎng)站，可是做出來之后與別人一比，才發(fā)現(xiàn)自己的網(wǎng)站非常粗糙，這是為什么呢？常言道：“性急吃不了熱豆腐”。建立一個網(wǎng)站就像蓋一幢大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設(shè)計(jì)出一個滿意的網(wǎng)站。 一、確定網(wǎng)站主題 網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找準(zhǔn)一個自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。 二、搜集材料 明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。 三、規(guī)劃網(wǎng)站 一個網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容，我們在下面會有詳細(xì)介紹。四、選擇合適的制作工具 盡管選擇什么樣的工具并不會影響你設(shè)計(jì)網(wǎng)頁的好壞，但是一款功能強(qiáng)大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具，這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了，如果是初學(xué)者，F(xiàn)rontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網(wǎng)頁特效工具，如有聲有色等，網(wǎng)上有許多這方面的軟件，你可以根據(jù)需要靈活運(yùn)用。 五、制作網(wǎng)頁 材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡單后復(fù)雜，就是先設(shè)計(jì)出簡單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運(yùn)用模板，這樣可以大大提高制作效率。 六、上傳測試 網(wǎng)頁制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開自己的網(wǎng)站，逐頁逐個鏈接的進(jìn)行測試，發(fā)現(xiàn)問題，及時修改，然后再上傳測試。全部測試完畢就可以把你的網(wǎng)址告訴給朋友，讓他們來瀏覽。 七、推廣宣傳 網(wǎng)頁做好之后，還要不斷地進(jìn)行宣傳，這樣才能讓的朋友認(rèn)識它，提高網(wǎng)站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網(wǎng)站交換鏈接、加入廣告鏈等。 八、維護(hù)更新 網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容，保持內(nèi)容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補(bǔ)充新的內(nèi)容，才能夠吸引住瀏覽者 這是整體上的步驟，至每一個步驟我們還可以進(jìn)一步分。越詳細(xì)應(yīng)該是越好的。

利用Dreamweaver制作一個個人虛擬網(wǎng)站的步驟如下：1、打開DW，DW界面如圖2、分析所制作的網(wǎng)頁的需求，明確目標(biāo)3、明確需求。如果是建議一個網(wǎng)站，需要建立一個站點(diǎn)，方便管理并使制作步驟更為有條理。4、新建站點(diǎn)彈出來的窗口。在這里以“新聞網(wǎng)頁”來舉例，放在Dreamwaver CS6文件夾下的新聞網(wǎng)頁文件夾5、在新聞網(wǎng)頁文件夾下新建“images”文件，導(dǎo)入制作網(wǎng)頁所需要的素材，這里所需要的素材都是圖片6、新建HTML，選擇“創(chuàng)建”7、在“標(biāo)題”中輸入“新聞網(wǎng)頁首頁”，轉(zhuǎn)換到“設(shè)計(jì)”界面8、根據(jù)制作網(wǎng)頁需求插入表格，只是在行列有所變化，下面的“表格寬度”以下選項(xiàng)根據(jù)圖設(shè)置9、插入表格如圖，選擇表格，會看到表格邊框變紅，選擇之后變黑。在屬性中對齊選項(xiàng)選擇“居中對齊”10、在表格第一行第一列輸入“用戶名”，在第一行第二個表格插入“文件域”。然后是密碼，同樣的插入“文件域”。切換到“拆分”界面，選中密碼對應(yīng)的“文件域”，將“type”改為“password”11、插入圖像，不知道怎么填的話就一直選擇“確定”即可12、插入按鈕，同上面插入圖像的處理方法那樣處理，如果不知道填什么就一直“確定”，無妨。在屬性欄里的值改為“登錄”。然后插入圖像“谷歌logo”，附上效果圖13、選中第二行，點(diǎn)擊鼠標(biāo)右鍵，選擇“表格”，“合并單元格”14、在第二行插入圖片。完成頁面制作。保存HTML文件。然后在站點(diǎn)“新聞網(wǎng)頁”可以看到保存的HTML文件15、點(diǎn)擊制作好的HTML文件，選擇用360瀏覽器打開，輸入用戶名和密碼，然后會看到如下情況：用戶名課件，密碼不可見，符合實(shí)際16、當(dāng)然也可以在Dreamwaver CS6 的實(shí)時視圖中完成第15步

UI設(shè)計(jì)軟件相關(guān)的技術(shù)學(xué)習(xí)UI圖形界面設(shè)計(jì)，常用的幾個軟件分別是Photoshop、Illustrator、fireworks.一、Photoshop介紹：多數(shù)人對于PHOTOSHOP的了解僅限于“一個很好的圖像編輯軟件”，并不知道它的諸多應(yīng)用方面，實(shí)際上，PHOTOSHOP的應(yīng)用領(lǐng)域很廣泛的，在圖像、圖形、文字、視頻、出版各方面都有涉及。請看下面介紹： 1、平面設(shè)計(jì) 平面設(shè)計(jì)是PHOTOSHOP應(yīng)用最為廣泛的領(lǐng)域，無論是我們正在閱讀的圖書封面，還是大街上看到的招帖、海報，這些具有豐富圖像的平面印刷品，基本上都需要PHOTOSHOP軟件對圖像進(jìn)行處理。 2、修復(fù)照片 PHOTOSHOP具有強(qiáng)大的圖像修飾功能。利用這些功能，可以快速修復(fù)一張破損的老照片，也可以修復(fù)人臉上的斑點(diǎn)等缺陷。 3、廣告攝影 廣告攝影作為一種對視覺要求非常嚴(yán)格的工作，其最終成品往往要經(jīng)過PHOTOSHOP的修改才能得到滿意的效果。 4、影像創(chuàng)意 影像創(chuàng)意是PHOTOSHOP的特長，通過PHOTOSHOP的處理可以將原本風(fēng)馬牛不相及的對象組合在一起，也可以使用“貍貓換太子”的手段使圖像發(fā)生面目全非的巨大變化。 5、藝術(shù)文字 當(dāng)文字遇到PHOTOSHOP處理，就已經(jīng)注定不再普通。利用PHOTOSHOP可以使文字發(fā)生各種各樣的變化，并利用這些藝術(shù)化處理后的文字為圖像增加效果。 6、網(wǎng)頁制作 網(wǎng)絡(luò)的普及是促使人需要掌握PHOTOSHOP的一個重要原因。因?yàn)樵谥谱骶W(wǎng)頁時PHOTOSHOP是必不可少的網(wǎng)頁圖像處理軟件。 7、建筑效果圖后期修飾 在制作建筑效果圖包括許多三維場景時，人物與配景包括場景的顏色常常需要在PHOTOSHOP中增加并調(diào)整。 8、繪畫 由于PHOTOSHOP具有良好的繪畫與調(diào)色功能，許多插畫設(shè)計(jì)制作者往往使用鉛筆繪制草稿，然后用PHOTOSHOP填色的方法來繪制插畫。 除此之外，近些年來非常流行的像素畫也多為設(shè)計(jì)師使用PHOTOSHOP創(chuàng)作的作品。 9、繪制或處理三維帖圖 在三維軟件中，如果能夠制作出精良的模型，而無法為模型應(yīng)用逼真的帖圖，也無法得到較好的渲染效果。實(shí)際上在制作材質(zhì)時，除了要依靠軟件本身具有材質(zhì)功能外，利用PHOTOSHOP可以制作在三維軟件中無法得到的合適的材質(zhì)也非常重要。 10、婚紗照片設(shè)計(jì) 當(dāng)前越來越多的婚紗影樓開始使用數(shù)碼相機(jī)，這也便得婚紗照片設(shè)計(jì)的處理成為一個新興的行業(yè)。 11、視覺創(chuàng)意 視覺創(chuàng)意與設(shè)計(jì)是設(shè)計(jì)藝術(shù)的一個分支，此類設(shè)計(jì)通常沒有非常明顯的商業(yè)目的，但由于他為廣大設(shè)計(jì)愛好者提供了廣闊的設(shè)計(jì)空間，因此越來越多的設(shè)計(jì)愛好者開始了學(xué)習(xí)PHOTOSHOP，并進(jìn)行具有個人特色與風(fēng)格的視覺創(chuàng)意。 12、圖標(biāo)制作 雖然使用PHOTOSHOP制作圖標(biāo)在感覺上有些大材小用，但使用此軟件制作的圖標(biāo)的確非常精美。 13、界面設(shè)計(jì) 界面設(shè)計(jì)是一個新興的領(lǐng)域，已經(jīng)受到越來越多的軟件企業(yè)及開發(fā)者的重視，雖然暫時還未成為一種全新的職業(yè)，但相信不久一定會出現(xiàn)專業(yè)的界面設(shè)計(jì)師職業(yè)。在當(dāng)前還沒有用于做界面設(shè)計(jì)的專業(yè)軟件，因此絕大多數(shù)設(shè)計(jì)者使用的都是PHOTOSHOP。 上述列出了PHOTOSHOP應(yīng)用的13大領(lǐng)域，但實(shí)際上其應(yīng)用不止上述這些。例如，目前的影視后期制作及二維動畫制作，PHOTOSHOP也有所應(yīng)用的。二、Illustrator介紹 Illustrator是美國ADOBE(奧多比)公司推出的專業(yè)矢量繪圖工具。Adobe Illustrator是出版、多媒體和在線圖像的工業(yè)標(biāo)準(zhǔn)矢量插畫軟件。無論您是生產(chǎn)印刷出版線稿的設(shè)計(jì)者和專業(yè)插畫家、生產(chǎn)多媒體圖像的藝術(shù)家、還是互聯(lián)網(wǎng)頁或在線內(nèi)容的制作者，都會發(fā)現(xiàn)Illustrator 不僅僅是一個藝術(shù)產(chǎn)品工具。該軟件為您的線稿提供無與倫比的精度和控制，適合生產(chǎn)任何小型設(shè)計(jì)到大型的復(fù)雜項(xiàng)目。 作為全球最著名的圖形軟件Illustrator，以其強(qiáng)大的功能和體貼用戶的界面已經(jīng)占據(jù)了全球矢量編輯軟件中的大部分份額。具不完全統(tǒng)計(jì)全球有97%的設(shè)計(jì)師在使用Illustrator進(jìn)行藝術(shù)設(shè)計(jì)！尤其基于Adobe公司專利的PostScript技術(shù)的運(yùn)用，Illustrator已經(jīng)完全占領(lǐng)專業(yè)的印刷出版領(lǐng)域。無論你是線稿的設(shè)計(jì)者和專業(yè)插畫家、生產(chǎn)多媒體圖像的藝術(shù)家、還是互聯(lián)網(wǎng)頁或在線內(nèi)容的制作者，使用過Illustrator后都會發(fā)現(xiàn)，其強(qiáng)大的功能和簡潔的界面設(shè)計(jì)風(fēng)格只有Freehand能相比！三、Fireworks介紹 Adobe Fireworks CS3 軟件可以加速 Web 設(shè)計(jì)與開發(fā), 是一款創(chuàng)建與優(yōu)化 Web 圖像和快速構(gòu)建網(wǎng)站與 Web 界面原型的理想工具。Fireworks CS3 不僅具備編輯矢量圖形與位圖圖像的靈活性, 還提供了一個預(yù)先構(gòu)建資源的公用庫, 并可與 Adobe Photoshop CS3、Adobe Illustrator CS3、Adobe Dreamweaver CS3 和 Adobe Flash CS3 軟件省時集成。 在 Fireworks 中將設(shè)計(jì)迅速轉(zhuǎn)變?yōu)槟Ｐ? 或利用來自 Illustrator、Photoshop 和 Flash 的其它資源。 然后直接置入 Dreamweaver CS3 中輕松地進(jìn)行開發(fā)與部署

UI設(shè)計(jì)軟件相關(guān)的技術(shù)學(xué)習(xí)UI圖形界面設(shè)計(jì)，常用的幾個軟件分別是Photoshop、Illustrator、fireworks.一、Photoshop介紹：多數(shù)人對于PHOTOSHOP的了解僅限于“一個很好的圖像編輯軟件”，并不知道它的諸多應(yīng)用方面，實(shí)際上，PHOTOSHOP的應(yīng)用領(lǐng)域很廣泛的，在圖像、圖形、文字、視頻、出版各方面都有涉及。請看下面介紹： 1、平面設(shè)計(jì) 平面設(shè)計(jì)是PHOTOSHOP應(yīng)用最為廣泛的領(lǐng)域，無論是我們正在閱讀的圖書封面，還是大街上看到的招帖、海報，這些具有豐富圖像的平面印刷品，基本上都需要PHOTOSHOP軟件對圖像進(jìn)行處理。 2、修復(fù)照片 PHOTOSHOP具有強(qiáng)大的圖像修飾功能。利用這些功能，可以快速修復(fù)一張破損的老照片，也可以修復(fù)人臉上的斑點(diǎn)等缺陷。 3、廣告攝影 廣告攝影作為一種對視覺要求非常嚴(yán)格的工作，其最終成品往往要經(jīng)過PHOTOSHOP的修改才能得到滿意的效果。 4、影像創(chuàng)意 影像創(chuàng)意是PHOTOSHOP的特長，通過PHOTOSHOP的處理可以將原本風(fēng)馬牛不相及的對象組合在一起，也可以使用“貍貓換太子”的手段使圖像發(fā)生面目全非的巨大變化。 5、藝術(shù)文字 當(dāng)文字遇到PHOTOSHOP處理，就已經(jīng)注定不再普通。利用PHOTOSHOP可以使文字發(fā)生各種各樣的變化，并利用這些藝術(shù)化處理后的文字為圖像增加效果。 6、網(wǎng)頁制作 網(wǎng)絡(luò)的普及是促使人需要掌握PHOTOSHOP的一個重要原因。因?yàn)樵谥谱骶W(wǎng)頁時PHOTOSHOP是必不可少的網(wǎng)頁圖像處理軟件。 7、建筑效果圖后期修飾 在制作建筑效果圖包括許多三維場景時，人物與配景包括場景的顏色常常需要在PHOTOSHOP中增加并調(diào)整。 8、繪畫 由于PHOTOSHOP具有良好的繪畫與調(diào)色功能，許多插畫設(shè)計(jì)制作者往往使用鉛筆繪制草稿，然后用PHOTOSHOP填色的方法來繪制插畫。 除此之外，近些年來非常流行的像素畫也多為設(shè)計(jì)師使用PHOTOSHOP創(chuàng)作的作品。 9、繪制或處理三維帖圖 在三維軟件中，如果能夠制作出精良的模型，而無法為模型應(yīng)用逼真的帖圖，也無法得到較好的渲染效果。實(shí)際上在制作材質(zhì)時，除了要依靠軟件本身具有材質(zhì)功能外，利用PHOTOSHOP可以制作在三維軟件中無法得到的合適的材質(zhì)也非常重要。 10、婚紗照片設(shè)計(jì) 當(dāng)前越來越多的婚紗影樓開始使用數(shù)碼相機(jī)，這也便得婚紗照片設(shè)計(jì)的處理成為一個新興的行業(yè)。 11、視覺創(chuàng)意 視覺創(chuàng)意與設(shè)計(jì)是設(shè)計(jì)藝術(shù)的一個分支，此類設(shè)計(jì)通常沒有非常明顯的商業(yè)目的，但由于他為廣大設(shè)計(jì)愛好者提供了廣闊的設(shè)計(jì)空間，因此越來越多的設(shè)計(jì)愛好者開始了學(xué)習(xí)PHOTOSHOP，并進(jìn)行具有個人特色與風(fēng)格的視覺創(chuàng)意。 12、圖標(biāo)制作 雖然使用PHOTOSHOP制作圖標(biāo)在感覺上有些大材小用，但使用此軟件制作的圖標(biāo)的確非常精美。 13、界面設(shè)計(jì) 界面設(shè)計(jì)是一個新興的領(lǐng)域，已經(jīng)受到越來越多的軟件企業(yè)及開發(fā)者的重視，雖然暫時還未成為一種全新的職業(yè)，但相信不久一定會出現(xiàn)專業(yè)的界面設(shè)計(jì)師職業(yè)。在當(dāng)前還沒有用于做界面設(shè)計(jì)的專業(yè)軟件，因此絕大多數(shù)設(shè)計(jì)者使用的都是PHOTOSHOP。 上述列出了PHOTOSHOP應(yīng)用的13大領(lǐng)域，但實(shí)際上其應(yīng)用不止上述這些。例如，目前的影視后期制作及二維動畫制作，PHOTOSHOP也有所應(yīng)用的。二、Illustrator介紹 Illustrator是美國ADOBE(奧多比)公司推出的專業(yè)矢量繪圖工具。Adobe Illustrator是出版、多媒體和在線圖像的工業(yè)標(biāo)準(zhǔn)矢量插畫軟件。無論您是生產(chǎn)印刷出版線稿的設(shè)計(jì)者和專業(yè)插畫家、生產(chǎn)多媒體圖像的藝術(shù)家、還是互聯(lián)網(wǎng)頁或在線內(nèi)容的制作者，都會發(fā)現(xiàn)Illustrator 不僅僅是一個藝術(shù)產(chǎn)品工具。該軟件為您的線稿提供無與倫比的精度和控制，適合生產(chǎn)任何小型設(shè)計(jì)到大型的復(fù)雜項(xiàng)目。 作為全球最著名的圖形軟件Illustrator，以其強(qiáng)大的功能和體貼用戶的界面已經(jīng)占據(jù)了全球矢量編輯軟件中的大部分份額。具不完全統(tǒng)計(jì)全球有97%的設(shè)計(jì)師在使用Illustrator進(jìn)行藝術(shù)設(shè)計(jì)！尤其基于Adobe公司專利的PostScript技術(shù)的運(yùn)用，Illustrator已經(jīng)完全占領(lǐng)專業(yè)的印刷出版領(lǐng)域。無論你是線稿的設(shè)計(jì)者和專業(yè)插畫家、生產(chǎn)多媒體圖像的藝術(shù)家、還是互聯(lián)網(wǎng)頁或在線內(nèi)容的制作者，使用過Illustrator后都會發(fā)現(xiàn)，其強(qiáng)大的功能和簡潔的界面設(shè)計(jì)風(fēng)格只有Freehand能相比！三、Fireworks介紹 Adobe Fireworks CS3 軟件可以加速 Web 設(shè)計(jì)與開發(fā), 是一款創(chuàng)建與優(yōu)化 Web 圖像和快速構(gòu)建網(wǎng)站與 Web 界面原型的理想工具。Fireworks CS3 不僅具備編輯矢量圖形與位圖圖像的靈活性, 還提供了一個預(yù)先構(gòu)建資源的公用庫, 并可與 Adobe Photoshop CS3、Adobe Illustrator CS3、Adobe Dreamweaver CS3 和 Adobe Flash CS3 軟件省時集成。 在 Fireworks 中將設(shè)計(jì)迅速轉(zhuǎn)變?yōu)槟Ｐ? 或利用來自 Illustrator、Photoshop 和 Flash 的其它資源。 然后直接置入 Dreamweaver CS3 中輕松地進(jìn)行開發(fā)與部署

html 和 javascript、css 語言PHOTOSHOP和網(wǎng)頁制作軟件Dreamweaver、還有Flash 、Firewokks、FrontPage等。動態(tài)網(wǎng)頁要涉及的多媒體知識，涉及到的多媒體軟件會。

1.精通Photoshop、Dreamweaver、Flash、Illustrator或Freehand等矢量圖形編輯軟件；2.具備較強(qiáng)的網(wǎng)頁美術(shù)設(shè)計(jì)能力和很深的美術(shù)功底，極好地把握視覺色彩與網(wǎng)站布局；3.較強(qiáng)的分析問題和解決問題的能力；細(xì)致的觀察能力，較強(qiáng)的創(chuàng)造力；對產(chǎn)品流程、用戶操作流程及用戶使用習(xí)慣有深入理解，掌握用戶研究、可用性測試和評估技能，有很強(qiáng)的交互和視覺創(chuàng)新能力；4.熟悉HTML，XML，DIV，CSS，熟練運(yùn)用DIV+CSS制作網(wǎng)頁，能夠手寫代碼者優(yōu)先。關(guān)系：交互設(shè)計(jì)師主要是研究用戶需求和界面的關(guān)系，并且根據(jù)這種關(guān)系，對產(chǎn)品的功能和界面交互模塊進(jìn)行設(shè)計(jì)和規(guī)劃。例如要做一個網(wǎng)站，交互設(shè)計(jì)師主要考慮的問題是，這個網(wǎng)站的目標(biāo)人群是誰，滿足他們的什么需求，目標(biāo)用戶有什么樣的操作習(xí)慣。根據(jù)分析相關(guān)的需求調(diào)研數(shù)據(jù)，交互設(shè)計(jì)師會建立一個或者幾個用戶模型，然后分析這些用戶的使用習(xí)慣，建立網(wǎng)站的設(shè)計(jì)原型，這個原型可以是普通的相框稿，也有可能是一個高保真模型，但是并不需要設(shè)計(jì)元素細(xì)節(jié)和具體的視覺效果。一般來說，交互設(shè)計(jì)師的工作內(nèi)容就到此為止了。UI設(shè)計(jì)師，顧名思義，會更側(cè)重用戶界面的設(shè)計(jì)，前面那些用戶模型、需求分析什么的，UI設(shè)計(jì)師一般不用參與，等交互設(shè)計(jì)師把這些工作都搞定了，完成了一個設(shè)計(jì)原型之后，UI設(shè)計(jì)師再對頁面的細(xì)節(jié)進(jìn)行設(shè)計(jì)和優(yōu)化，所以UI設(shè)計(jì)師的工作會根偏向視覺一些。不過這兩個工作的交叉點(diǎn)還是很多的，如果做交互的有UI設(shè)計(jì)的經(jīng)歷，那么做產(chǎn)品原型的時候就會更加規(guī)范和美觀，如果做UI設(shè)計(jì)的有交互設(shè)計(jì)的經(jīng)歷，那么在進(jìn)行具體設(shè)計(jì)的時候就會更加關(guān)注用戶需求和用戶體驗(yàn)，所以有的公司招交互設(shè)計(jì)師，要負(fù)責(zé)UI方面的工作，有的招UI，卻要有交互的從業(yè)背景~~你要想學(xué)UI設(shè)計(jì)的話，建議你去國信安吧。很好的。

1、dreamweaver——集WEB端網(wǎng)頁設(shè)計(jì)和網(wǎng)站管理于一身的所見即所得網(wǎng)頁編輯器2、Axure——原型設(shè)計(jì)工具，主要設(shè)計(jì)WEB原型3、墨客——原型設(shè)計(jì)工具，對PC端和WEB端都很友好以上這幾款使用率都比較高，最近幾年用Axure原型設(shè)計(jì)的較多。DW工具比較早。

網(wǎng)頁設(shè)計(jì)，不知道你是單純的設(shè)計(jì)還是設(shè)計(jì)加制作?，F(xiàn)在來說，設(shè)計(jì)軟件越來越多，可以選擇的余地比較大。以前流行的說法是網(wǎng)頁三劍客：Dreamweaver、firework、flash?，F(xiàn)在來說，個人還是喜歡：設(shè)計(jì)類：Photoshop（數(shù)字）、illustrator（矢量）、flash（動畫）。網(wǎng)頁編程類：Dreamweaver（html+div+css）myeclipse eclipse notepad++ editplus等等很多優(yōu)秀軟件。