如果擔(dān)心不知道如何設(shè)計(jì)網(wǎng)站、編輯網(wǎng)頁技術(shù)程式，很多人會(huì)選擇快速又便利的Wix。然而，如果想要建造一個(gè)最適合的網(wǎng)站，客制化網(wǎng)站還是你的不二選擇。網(wǎng)站設(shè)計(jì)中的UI設(shè)計(jì)與一般平面設(shè)計(jì)不一樣，所需的軟體也不同。
網(wǎng)站界面設(shè)計(jì)常用制作工具
1.?OmniGraffle
用來繪制圖表，流程圖，組織結(jié)構(gòu)圖以及插圖，也可以用來來組織頭腦中思考的資訊，繪制心智圖，是設(shè)計(jì)網(wǎng)頁前的工具之一，有個(gè)小小缺點(diǎn)，就是只能于執(zhí)行在Mac OS X和iPad平臺(tái)之上而已，可以輸出PDF，TIFF，PNG，JPEG，EPS，HTML圖像對(duì)映，SVG，Visio XML，Photoshop和BMP等一系列檔案格式。OmniGraffle使用蘋果的XML schema格式的plist儲(chǔ)存資料，其副檔名為.graffle。
2.?Draw IO
免費(fèi)線上圖表編輯工具，可直接連結(jié)Google Drive或是One Drive等等云端中，提供了很多類型的圖示，還能隨時(shí)隨地儲(chǔ)存您的編輯過程，而圖檔匯出格式支援多種類型格式，且支援中文顯示。
3.?InVision
主要是制作可互動(dòng)的prototype，容易操作，畫面簡潔美觀，可以透過Craft在sketch里的插件來匯入你的圖稿，也可以直接上傳jpg、png、gif等影像來創(chuàng)建一個(gè)專案。可以加入手勢以及簡單的轉(zhuǎn)場動(dòng)畫跟卷軸滑動(dòng)，方便與團(tuán)隊(duì)合作或客戶討論，整合性非常高的工具?？梢约涌烨捌跍贤鞒?。
4.?Principle
一款互動(dòng)設(shè)計(jì)軟體。相比Pixate 更容易上手，介面類似Sketch 等做圖軟體，思路有點(diǎn)像用Keynote 做動(dòng)畫，更「可視化」一些。制作動(dòng)畫門檻低，提供的動(dòng)畫原型效果已經(jīng)很足夠。您不需要花非常多的時(shí)間。再您的UI上加上一些動(dòng)畫，能使原型看起來更真實(shí)，不過Windows系統(tǒng)一樣支援喔。
5.?Axure
高擬真的原型工具， 能夠幫助您準(zhǔn)確地展現(xiàn)高層次的細(xì)節(jié)和概念，適合于外部溝通，讓客戶了解網(wǎng)站的功能和操作流程，除了能相互連結(jié)之外，也提供許多豐富的互動(dòng)設(shè)計(jì)。Axure RP 由Axure Software Solution Inc.所開發(fā)完成，在美國深獲好評(píng)，您可以搜尋到非常多相關(guān)的文章，不管是Axure RP 使用經(jīng)驗(yàn)分享或產(chǎn)品評(píng)價(jià)。悠識(shí)以提供「網(wǎng)站使用者經(jīng)驗(yàn)(Web User Experience)」服務(wù)為核心，為您尋找適當(dāng)?shù)墓ぞ哕涹w是最重要的服務(wù)之一，現(xiàn)在Axure RP也支援中文版了。
6.?Balsamiq
Demo Content?手繪風(fēng)格低保真原型，繪制Wireframe草圖的工具之一，簡易好操作，想像的到的流程、規(guī)劃、產(chǎn)品印象、相關(guān)的圖表與作業(yè)，幾乎都找得到符合的物件來做說明，可以很簡單的把你想表達(dá)的東西物像化適合呈現(xiàn)產(chǎn)品初期的概念。而且能夠快速討論、調(diào)整，著重于核心框架層，而不是視覺部分。好處是省時(shí)、高效；相對(duì)地，由于省略過多界面細(xì)節(jié)，較適合快速呈現(xiàn)自身想法或是內(nèi)部溝通。
