優(yōu)秀Web設計師必備十款免費模型工具
譯文要創(chuàng)建一套專業(yè)水平的網(wǎng)站,我們需要認真思考每個環(huán)節(jié)并為其選取合適的工具。而在決定了新的設計概念之后,大家往往需要投入數(shù)個小時編寫原型代碼。不過,當前的各類模型工具能夠快速建立起示例設計,同時激發(fā)更為豐富的構(gòu)圖,幫助我們著眼宏觀、規(guī)避錯誤。
在今天的文章中,我們將分享十款卓越的免費模型工具,下面馬上進入正題:
1.Naview
這項在線服務允許大家設計并構(gòu)建原型設計,同時測試導航設計的實用性。如果大家希望為自己的網(wǎng)站建立出色的導航結(jié)構(gòu),那么這款工具絕對值得一試。另外,我們不僅能夠利用它建立良好的菜單與功能布局,同時也可以節(jié)約大量用于繪制草稿及思維導圖的時間。
2. Lumzy
這款模型工具允許大家創(chuàng)建并體驗網(wǎng)站或應用的實際功能。例如,大家可以利用該工具的控制列表添加各類事件。其中包含的大量功能可以幫助我們在網(wǎng)站上輕松創(chuàng)建功能,包括添加信息提示、設置外部鏈接以及交互式頁面導航等。再有,Lumzy還具備多種實時團隊編輯工具以及用于設計流程的聊天引擎。
3. MockFlow
這款高人氣工具可用于實現(xiàn)網(wǎng)站項目的創(chuàng)建、設計及協(xié)作。有了它的幫助,我們能夠在已經(jīng)創(chuàng)建的頁面中建立站點地圖,且格式可隨意選擇。MockFLow還擁有相當豐富的功能儲備,大家可免費使用。
這款新型模型工具包含大量功能。除了核心功能之外,它還是一款非常靈活的工具,能夠用于創(chuàng)建不同原型設計風格,具體包括交互式框體、用戶界面原型、桌面軟件原型、網(wǎng)站布局、網(wǎng)站地圖以及其它各類屏幕導航方案等。另外,它亦提供協(xié)作工具,幫助我們將成果與客戶及同事進行共享。
5. Mockplus
這是一款速度出色的桌面模型應用,可用于為移動及Web應用構(gòu)建原型設計。其適用于每位Web設計師,無論大家剛剛接觸Web設計工作還是已經(jīng)擁有豐富的從業(yè)經(jīng)驗。它易于上手且界面簡潔。如果大家希望在創(chuàng)建交互式原型設計時節(jié)約時間,那么這絕對是款不容錯過的工具。它提供多種實用功能,且***版本新增了大量功能,包括彈出菜單、圖像旋轉(zhuǎn)以及滑動效果等等。
這款模型工具提供兩種選項:設計師能夠使用鉛筆樣式編輯器或者插圖編輯器。這兩套編輯器擁有同樣的功能。其易于使用,能夠幫助我們創(chuàng)建任意理想中的iPhone模型。大家也能夠點擊按鈕直接將成果與他人共享。我們做出的一切改動都會被同步及他人處,非常方便。
7. Pidoco
這款模型工具易于使用,Web設計師可借此快速構(gòu)建原型。它的界面非常簡潔,能夠在保證設計效果的前提下維持出色的質(zhì)量標準。另外,它還能夠脫機使用,這一點對于Web設計師非常重要。在線用戶則可以快速對結(jié)果進行測試。
8. Axure
如果大家需要一款多功能模型工具,借此探索網(wǎng)頁設計中的***特性,那么Axure絕對值得一試。在它的幫助下,我們能夠以便捷的方式創(chuàng)建實體模型、原型、iPad實體模型、框體、iPhone模型、流程圖、網(wǎng)絡設計以及演示文稿等等。
這是一款實用的模型工具,能夠作為線框編輯器輕松使用且包含大量線框部件。我們可以借此為自己的網(wǎng)站與應用程序創(chuàng)建線框。其適用于iOS與Android應用,且配備故事板功能,意味著我們能夠?qū)⒐适掳迮c線框加以結(jié)合以完成場景設計。總而言之,如果大家希望讓自己的界面設計更具說服力,那么Visual Paradigm可算是不二選項。
10. DUB – DENIM
這款模型工具擁有紙面素描優(yōu)勢,同時亦提供現(xiàn)代電子原型功能。在它的幫助下,我們能夠快速繪制界面并進行演示。在另一方面,該工具交互程度***,大家可以快速解釋需求并加以修改。該工具適用于Windows、Unix與OS X系統(tǒng)。
當然,***再提一句——在著手設計網(wǎng)站之前,請首先充分考慮實際需求。充分融入需求考量的設計才是最出色的設計。
原文標題:10 Free Mockup Tools for Web Designers
【51CTO譯稿,合作站點轉(zhuǎn)載請注明原文譯者和出處為51CTO.com】































