WireframeSketcher破解版是基于eclipse軟件制作的一款實(shí)用模型創(chuàng)建插件，使用這款工具可以幫助用戶制作出滿意的線框模型和原型，并且還支持將制作好的界面通過XML文件存儲(chǔ)為本地，適用于設(shè)計(jì)、開發(fā)人員和產(chǎn)品經(jīng)理等用戶使用。除此之外，軟件還提供了格點(diǎn)捕捉、智能化引導(dǎo)、廣泛的UI控件庫以及互動(dòng)原型等工具，適用于win、mac等操作系統(tǒng)，小編為大家?guī)淼氖莣indows版本。

WireframeSketcher安裝教程

1、雙擊“WireframeSketcher-6.0.0.exe”進(jìn)入到軟件安裝向?qū)?/p>

2、點(diǎn)擊next出現(xiàn)協(xié)議，選擇i agree

3、選擇軟件安裝目錄，默認(rèn)為“C:\Users\Administrator\AppData\Local\WireframeSketcher”

4、點(diǎn)擊install安裝就可以了

5.在安裝激活補(bǔ)丁前，首先要打開軟件的安裝目錄，如果忘記軟件的安裝目錄，請(qǐng)返回到桌面，找到軟件的桌面快捷圖標(biāo)，并右鍵點(diǎn)擊圖標(biāo)，出現(xiàn)彈窗后選擇“打開文件位置”即可獲得文件安裝目錄。如圖

6.在軟件安裝目錄找到“plugins”文件夾，并且打開此文件夾，如圖

7.最后將crack文件夾中的“com.wireframesketcher.ui_6.2.2.jar”文件復(fù)制到軟件安裝目錄，如圖

8.選擇“復(fù)制和替換”，如圖

9、最后運(yùn)行軟件在“幫助許可證”菜單中添加整個(gè)密鑰。(密鑰數(shù)據(jù)包中有提供)

WireframeSketcher特色

1、強(qiáng)大靈活

WireframeSketcher既可以作為獨(dú)立的模型和線框工具，也可以作為任何Eclipse IDE的插件。它是跨平臺(tái)的，在Windows，Mac OS X和Linux上具有本機(jī)和快速UI。創(chuàng)建從快速模型到大型原型的任何東西。內(nèi)置重構(gòu)可讓您無痛地重命名和移動(dòng)文件，而不會(huì)中斷鏈接。靈活的UI讓您可以利用多臺(tái)顯示器。

2、手繪或干凈的外觀

使用WireframeSketcher，您將獲得粗糙，未完成的手繪外觀。這樣，您的利益相關(guān)者就不會(huì)因?yàn)榧?xì)節(jié)而分心，您可以專注于重要的事項(xiàng)。需要時(shí)，您可以立即切換到干凈的外觀。

3、廣泛的UI控件庫

WireframeSketcher配有大量的UI控件。你會(huì)找到按鈕，復(fù)選框，樹，表，你命名?？丶浅ｌ`活，可以使用屬性進(jìn)行定制，并在文本中直接應(yīng)用wiki語法。

4、快速方便使用

該接口針對(duì)速度進(jìn)行了優(yōu)化。多個(gè)快捷鍵允許高效的鍵盤使用。屬性視圖被簡化以最大化您的效率。使用網(wǎng)格捕捉和智能指南快速定位物體。

5、互動(dòng)原型

使用鏈接創(chuàng)建交互式原型。以全屏模式和點(diǎn)擊式顯示您的原型，以顯示應(yīng)用程序或網(wǎng)站應(yīng)如何工作。將您的原型導(dǎo)出為可點(diǎn)擊，高質(zhì)量的PDF(示例PDF)，并讓您的客戶自己測試。

6、靈活的wiki格式

維度格式化可以讓您調(diào)整任何支持文本的小部件。使用簡單的語法，您可以使一些文本加粗體，斜體，下劃線，甚至插入圖標(biāo)，使復(fù)選框，單選按鈕等。語法突出顯示可以讓您在文本中丟失。

7、使用自己的圖像

缺少一個(gè)小部件?想加入標(biāo)志?WireframeSketcher可以讓您使用自己的圖像。彩色圖像可以方便地以黑色和白色繪制，以與線框的整體外觀相融合。最好的東西 - 你可以使用SVG矢量圖形圖像，甚至可以自動(dòng)獲得手繪外觀。

8、大套矢量圖標(biāo)

WireframeSketcher配有200多個(gè)矢量圖標(biāo)，可以很方便地使用線框，可以在您自己的網(wǎng)站或應(yīng)用中自由使用。圖標(biāo)以任何尺寸工作，可以著色，旋轉(zhuǎn)和嵌入任何文本。要嵌入，只需在編輯窗口小部件的文本并從列表中選擇時(shí)按Ctrl + Space。如果這些圖標(biāo)不夠，只需從模具庫中安裝額外的圖標(biāo)包即可。

9、使用組件創(chuàng)建可重復(fù)使用的位

你需要一個(gè)通用的模板，一個(gè)主屏幕的所有?想在多個(gè)地方重復(fù)使用該標(biāo)準(zhǔn)對(duì)話框?使用組件來做到這一點(diǎn)。組件的更改在使用它的所有屏幕中即時(shí)可見。您可以將它們放在調(diào)色板中，并創(chuàng)建自己的模具。任何屏幕都可以用作組件。這意味著創(chuàng)建屏幕變化是容易的，沒有任何重復(fù)。簡單的繼承機(jī)制可以讓您更改組件的實(shí)例，而不會(huì)破壞其原點(diǎn)的鏈接。

10、注釋你的線框

在WireframeSketcher中直接注釋您的線框，以便為您的設(shè)計(jì)提供更詳細(xì)的規(guī)格。注釋可以附加到整個(gè)屏幕上，也可以附加到單個(gè)對(duì)象。

界面介紹

WireframeSketcher具有靈活的用戶界面，包括編輯器和視圖，全部在一起工作。這些用戶界面部分可以以各種方式方便地布局，以最適合您的喜好。WireframeSketcher帶有一個(gè)簡稱為Wireframing透視圖的初步安排，在界面中該軟件帶有以下模塊：

1、屏幕編輯器

屏幕編輯器是您創(chuàng)建或修改包含線框的屏幕的地方。編輯器與調(diào)色板，屬性，鏈接和大綱等其他視圖一起工作。雙擊編輯器的選項(xiàng)卡將其最大化并臨時(shí)獲得更多的屏幕空間。再次雙擊該選項(xiàng)卡以恢復(fù)編輯器的位置。

2、故事板編輯

故事板編輯器是您創(chuàng)建或修改故事板的地方。有兩種編輯模式可以使用底部的選項(xiàng)卡進(jìn)行切換。故事板選項(xiàng)卡顯示了故事的線性視圖。屏幕流程選項(xiàng)卡可讓您可視化故事中鏈接屏幕的流程圖。

3、項(xiàng)目瀏覽器

Project Explorer視圖是您可以探索和組織項(xiàng)目內(nèi)容的地方。屏幕(.screen)和故事板(.story)文件在此視圖中具有獨(dú)特的圖標(biāo)。雙擊文件以使用屏幕編輯器或故事板編輯器打開它。

4、調(diào)色板

該調(diào)色板的觀點(diǎn)是，你找到的部件庫和自定義資產(chǎn)，以添加到您的線框。您可以將調(diào)色板的位置更改為屏幕編輯器的左側(cè)，并調(diào)整其他調(diào)色板首選項(xiàng)。

可以從上下文菜單調(diào)整各種調(diào)色板布局設(shè)置。右鍵單擊調(diào)色板以訪問它。您可以縮小縮略圖圖標(biāo)，并將小部件顯示在列表中。還有一個(gè)Customize ...選項(xiàng)，允許您在調(diào)色板中隱藏小部件。

5、屬性

該屬性視圖允許您快速編輯性質(zhì)的的選擇對(duì)象。如果選擇了多個(gè)對(duì)象，則視圖允許您僅編輯這些對(duì)象的公共屬性。如果您希望使用編輯器最大化，則可以分離“ 屬性”視圖，以便它可以浮動(dòng)在編輯器畫布的上方。

6、大綱

該大綱視圖顯示的編輯的內(nèi)容的概述。對(duì)于屏幕，它以Z順序顯示小部件，后面的小部件位于列表的頂部，而在前面的那些在底部。對(duì)于故事板，它顯示包含的屏幕列表。

7、鏈接

該鏈接視圖用于連接屏幕為可點(diǎn)擊的原型。當(dāng)您選擇可以鏈接到另一個(gè)屏幕的對(duì)象時(shí)，“ 鏈接”視圖允許您編輯該對(duì)象的鏈接。

8、筆記

該票據(jù)視圖用于注釋屏幕與附加注釋。當(dāng)您選擇可注釋的對(duì)象時(shí)，Notes視圖允許您編輯該對(duì)象的注釋文本。

常見問題

1、如何導(dǎo)出多頁，可點(diǎn)擊的PDF文檔

要生成可點(diǎn)擊的多頁P(yáng)DF文檔，您需要先創(chuàng)建一個(gè)故事板。您可能已經(jīng)嘗試了內(nèi)置的演示模式，并驚奇地發(fā)現(xiàn)，將屏幕導(dǎo)出為PDF僅導(dǎo)出該屏幕。故事板很像PowerPoint演示文稿; 它是按照某個(gè)順序列出的屏幕。

2、如何安裝和使用自定義圖標(biāo)

WireframeSketcher可以讓您使用自定義圖標(biāo)。自定義圖標(biāo)必須是SVG格式的矢量文件。

3、組織項(xiàng)目的最佳做法

WireframeSketcher使用Workspace的概念，它是主目錄中的一個(gè)特殊文件夾。默認(rèn)情況下，所有新項(xiàng)目都將在此文件夾中創(chuàng)建。

這種方法適用于常規(guī)使用，但如果您正在尋找組織您的項(xiàng)目不同的方式，那么您應(yīng)該知道。