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