<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>網站/Mobile企劃顧問,課程,Axure RP-悠識數位 &#187; Axure 範例/技巧</title>
	<atom:link href="http://userxper.com/topics/axure-rp-samples/feed" rel="self" type="application/rss+xml" />
	<link>http://userxper.com</link>
	<description>悠識數位(UserXper)以「網站/Mobile企劃」為服務核心，提供三種網站企劃相關服務：分別是網站企劃軟體，網站企劃培訓，網站企劃專案。悠識數位將協助您為您的顧客創造更好的「網站使用者經驗 (Web User Experience」。</description>
	<lastBuildDate>Thu, 09 Feb 2012 07:58:18 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Axure RP效率提昇之Hot-Key秘技</title>
		<link>http://userxper.com/blog/archives/961</link>
		<comments>http://userxper.com/blog/archives/961#comments</comments>
		<pubDate>Sat, 27 Mar 2010 15:31:58 +0000</pubDate>
		<dc:creator>richard</dc:creator>
				<category><![CDATA[Axure RP 產品]]></category>
		<category><![CDATA[Axure 範例/技巧]]></category>
		<category><![CDATA[Axure RP]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://userxper.com/?p=961</guid>
		<description><![CDATA[學會這些Hot Key，讓你操作Axure RP快如閃電！ 標準秘技 (與一般Office軟體一樣) 剪下 Cut: Ctrl+X 複製 Copy: Ctrl+C 貼上 Paste: Ctrl+V 立即複製 Duplicate: Ctrl+D or Ctrl+ Click &#38;Drag 復原 Undo: Ctrl+Z 重複 Redo: Ctrl+Y 全選 Select All: Ctrl+A 開舊檔案 Open File: Ctrl+O 開新檔案 New File: Ctrl+N 存檔 Save File: Ctrl+S 離開 Exit: Alt+F4 列印 Print: Ctrl+P 尋找 Find: Ctrl+F 取代 Replace: Ctrl+H [...]]]></description>
		<wfw:commentRss>http://userxper.com/blog/archives/961/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WebGUI Axure RP 物件庫 (俄文)</title>
		<link>http://userxper.com/blog/archives/487</link>
		<comments>http://userxper.com/blog/archives/487#comments</comments>
		<pubDate>Thu, 29 Oct 2009 22:51:56 +0000</pubDate>
		<dc:creator>richard</dc:creator>
				<category><![CDATA[Axure 範例/技巧]]></category>
		<category><![CDATA[Axure RP]]></category>
		<category><![CDATA[Axure RP Widget Library]]></category>
		<category><![CDATA[物件庫]]></category>

		<guid isPermaLink="false">http://userxper.com/blog/archives/487</guid>
		<description><![CDATA[首次見識到俄文的的Axure RP 物件庫 (Widget Library)，由於語言不同，乍看之下還真是不太習慣。不過介面就是介面，就算走到俄國也差不多，原來Axure RP的愛用者遍佈全球啊！ 這套來自俄國的Axure RP Widget Pattern Library，裡頭有一些Web GUI介面的元件可以使用。 去哪裡下載？ webgui &#8211; Project Hosting on Google Code http://code.google.com/p/webgui/ 看不懂俄文沒關係，最下方的 『Скачать webgui.rplib『，就是下載Widget Library的連結。 如何使用Axure RP Widget Library？ 如何使用Axure RP Widget Library]]></description>
		<wfw:commentRss>http://userxper.com/blog/archives/487/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>精彩範例-Axure in action 1</title>
		<link>http://userxper.com/blog/archives/448</link>
		<comments>http://userxper.com/blog/archives/448#comments</comments>
		<pubDate>Fri, 09 Oct 2009 12:25:40 +0000</pubDate>
		<dc:creator>richard</dc:creator>
				<category><![CDATA[Axure 範例/技巧]]></category>
		<category><![CDATA[最新消息]]></category>

		<guid isPermaLink="false">http://userxper.com/blog/archives/448</guid>
		<description><![CDATA[「Axure in action 1」這是不容你錯過的精彩範例。如果你想要知道Axure RP設計出來的Web prototype，可以做出什麼樣程度的互動表現，那麼欣賞這個範例就對了！因為這個範例幾乎把各種Axure RP的互動效果都做在裡頭了，很值得學習跟研究！ 歡迎自行點選HTML prototype或下載此案例的RP檔： Axure in action: HTML Prototype Axure in action: AxureInAction_1_2.rp 檔案 (Axure RP 5.6格式) (3 MB) 這個範例由 Luca Benazzi 所設計。Luca Benazzi 是倫敦的使用者經驗設計師，從2003年開始，從事人機介面的設計及資訊架構的工作。他參與過的成功專案不計其數，其中包含許多知名品牌，比如eBay, PayPal, T-Moble, Dubai Holding, Royal Mail, Unilever, Sainsbury&#8217;s等。 Luca Benazzi (http://www.lucabenazzi.eu)]]></description>
		<wfw:commentRss>http://userxper.com/blog/archives/448/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>如何使用Axure RP Widget Library？</title>
		<link>http://userxper.com/blog/archives/491</link>
		<comments>http://userxper.com/blog/archives/491#comments</comments>
		<pubDate>Thu, 18 Dec 2008 15:12:44 +0000</pubDate>
		<dc:creator>richard</dc:creator>
				<category><![CDATA[Axure 範例/技巧]]></category>
		<category><![CDATA[操作問答]]></category>

		<guid isPermaLink="false">http://userxper.com/blog/archives/491</guid>
		<description><![CDATA[Axure RP Widget Library是Axure RP 5.5版以後新增的強大功能。它提供了更有效率的操作功能，讓使用者很方便的重複取用物件。甚至您可以為自己創建自己的物件庫。 如何使用Axure RP Widget Library？ Axure RP Widget Library的副檔名是 .rplib。 步驟一. 請將下載下來的 .rplib檔案放到電腦的【我的文件> My Axure RP Libraries】的檔案夾中。 步驟二. 再次啟動Axure RP時，Axure RP就會自動載入Library裡頭的物件。 去哪裡下載 Axure RP Widget Libaray? Axure官方釋出的Library- Yahoo! Design Stencil Kit WebGUI Axure RP 物件庫 (俄文) 了解如何創建物件庫，及相關功能 Axure RP Pro 5.5 新功能特色介紹]]></description>
		<wfw:commentRss>http://userxper.com/blog/archives/491/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>下載Loren Baxter提供的Axure PR Design Pattern</title>
		<link>http://userxper.com/blog/archives/312</link>
		<comments>http://userxper.com/blog/archives/312#comments</comments>
		<pubDate>Mon, 29 Sep 2008 18:50:23 +0000</pubDate>
		<dc:creator>richard</dc:creator>
				<category><![CDATA[Axure 範例/技巧]]></category>

		<guid isPermaLink="false">http://userxper.com/blog/archives/312</guid>
		<description><![CDATA[此頁移動到 此頁移到 首頁 > 免費下載 > 下載設計樣式庫 > Loren Baxter樣式庫 立刻前往]]></description>
		<wfw:commentRss>http://userxper.com/blog/archives/312/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>利用Inline Frame嵌入flash/video</title>
		<link>http://userxper.com/blog/archives/255</link>
		<comments>http://userxper.com/blog/archives/255#comments</comments>
		<pubDate>Wed, 20 Aug 2008 01:51:54 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Axure 範例/技巧]]></category>

		<guid isPermaLink="false">http://userxper.com/blog/archives/255</guid>
		<description><![CDATA[如果你想把現成的網頁，或者flash swf檔案直接放進 Axure RP的prototype中，可以使用 『inline frame』 widget來幫助你達成這個作法。(Axure RP Pro 4.6以上的版本支援inline frame widget的功能) 操作方式很簡單： step 1. 把Inline frame widget放到畫布上； step 2. 按滑鼠右鍵 Edit inline frame > Edit Default Target； step 3. 然後選擇link到一個外部URL或file即可。 嵌入flash 比如說，想要嵌入flash到prototype裡頭，而這個flash檔的網址是 http://www.example.com/video.swf，接著把這個網址輸入 inline frame的 Default Target，輸出Prototype之後，就會再瀏覽器上看到flash出現在prototype裡頭了。如果要讓prototype上的flash更好看，可以設定inline frame的 『Toggle Border』，把border去掉。 如果swf檔是在自己的電腦，那麼把swf檔放到prototype的同一個資料夾目錄，接著把這個flash檔名輸入到inline frame的 Default Target，輸出Prototype之後，一樣會在瀏覽器上看到flash出現在prototype裡頭了。 要留意的是: 1. flash swf檔本身的屬性如果是自動縮放到視窗大小，就會自己縮放符合inline frame的大小， 否則就會受到inline frame的大小限制而遮蔽 2.建議以IE觀看網站原型。在IE跟Firefox上檢視嵌入flash的prototype，IE的表現比較正常的，在Firefox上偶爾會無法顯示flash 嵌入現成網頁 如果想把現成網頁加入prototype，Axure [...]]]></description>
		<wfw:commentRss>http://userxper.com/blog/archives/255/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>下拉選單(droplist)互動設計-控制另一個下拉選單</title>
		<link>http://userxper.com/blog/archives/248</link>
		<comments>http://userxper.com/blog/archives/248#comments</comments>
		<pubDate>Mon, 28 Jul 2008 08:12:10 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Axure 範例/技巧]]></category>

		<guid isPermaLink="false">http://userxper.com/blog/archives/248</guid>
		<description><![CDATA[說明： 在同一頁面，有2 個下拉選單- A 和 B。下拉的選項分別各有 2 個- a1, a2, b1, b2。 互動設計要做到的效果： 當 A 選擇 a1 時，B 自動變為 b1 當 A 選擇 a2 時，B 自動變為 b2 　》瀏覽這個範例的Prototype 　》下載這個範例的RP檔(下載後請解壓縮) 　》教學影片-以下拉選單(droplist)來控制換頁 1分24秒 作法： 詳細教學請參考　》教學影片-以下拉選單(droplist)來控制換頁 1分24秒。 當Droplist物件遇到OnChange的觸發Event時 (請留意不是 OnClick )，新增互動設計的Case。 新增Case之後，設定符合條件的狀況 &#8211; 在 『Add Condition』 (或 『Edit Condition』)的窗格，選擇 selected option of A 等於 a1。 接著，定義正確的互動Action &#8211; 在 [...]]]></description>
		<wfw:commentRss>http://userxper.com/blog/archives/248/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>利用Axure RP封裝視覺標準</title>
		<link>http://userxper.com/blog/archives/197</link>
		<comments>http://userxper.com/blog/archives/197#comments</comments>
		<pubDate>Tue, 15 Jul 2008 02:54:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Axure 範例/技巧]]></category>

		<guid isPermaLink="false">http://userxper.com/blog/archives/197</guid>
		<description><![CDATA[本文原始出處: 折折熊的交互論 http://www.jojobox.cn/blog/article.asp?id=133 本文已獲得作者同意轉載。以下文章，已將作者原文翻成繁體中文。 利用Axure封裝視覺標準 作者:折折熊 日期:2008-07-10 很久沒有發表文章了，最近一直在研究產品設計標準的問題，之前有發過一篇關於Axure的教程，相信很多人已經學會如何使用，這次我給大家介紹一下如何利用Axure將視覺標準封裝並使用。 互動設計師一般都是出線框圖為最終產物，但是往往很多產品只需要利用現成的視覺標準就可以畫出原型。為了減少流程、降低溝通成本，所以我建議互動設計師在做類似產品的時候能夠直接利用現有視覺標準進行原型的搭建，一般很多互動設計師會用Photoshop來實現視覺原型，但是效率和不可互動性還 是存在很多問題，所以需要有一套完成的封裝來執行視覺標準並且產生可互動的高保真原型(High-Fidelity)。 背景就不多說了，來講講Axure怎麼使用視覺標準。這裏用到最多的就是Axure裏面的Masters的功能，（如果你還不清楚Axure如何使用，請點此查看教程）。 一、創建視覺零件庫 1、把視覺標準中的元素進行提取。 一般視覺標準的形式是以PSD、JPG、WORD等，你所要做的就是把每個元素單獨保存成gif檔，最好背 景是透明的，而且把元件上的文字都去掉保持可擴展性。分類可以按照自己需要來分，我是分為：Logo、icon、button、tab、table、 flow。 圖1-1 按鈕的視覺標準 圖1-2 視覺零件分類 2、在Axure裏面的Masters功能區中新建一個檔夾，命名為“視覺零件”，在檔夾下面新建一個Master。 圖1-3 新建Master 　 3、雙擊打開這個Master，在Widgets裏面把圖片組建拖動到中間的操作區域中，雙擊找到你已經保存好的gif檔，這樣一個視覺零件就加到你的Axure裏面了。 圖1-4 將視覺組建放入Axure中 　 4、如果這個視覺零件本身需要文字元素，那麼在Widgets裏面把文字元件放到視覺零件上的相應位置，然後根據視覺標準調整文字樣式。注意， 因為Axure不支持中文，所以他的字體和html中的px是不同的，html中的12px字體在Axure裏面要設置為9，14px的要設置為11，以 此類推。 圖1-5 增加文字元素 　 5、在Axure中Master可區分為可單獨編輯(Custom Widget)和不可單獨編輯(Normal 及 Place in Background)，預設是不可單獨編輯，也就是只要改動一個Master的樣式，該 Master在Page中所應用到的地方都會改變。因為這個是視覺零件，需要單獨編輯，特別是在編輯文字的時候，所以右鍵點擊Master列表中的零件， 選擇“Behavior”下的“Custom Widget”即可。你也可以將視覺零件Group一下，使其在page可以一起拖動，並仍然可以編輯。 圖1-6 選擇可單獨編輯(Custom Widget) 　 6、保存並重複2~4的步驟，你可以完成所有視覺零件的轉換。 圖1-7 完成視覺零件的轉換 　 二、結構庫構建 有了視覺零件還不夠，有時候我們更多傾向的是一塊塊現有結構的應用，類似於網站的頭部和底部是可以直接調用不需要再設計的。類似於這類的結構， 我們利用現有視覺零件進行搭建。方法和搭建視覺零件類似，只要新建一個檔夾然後新建Master，再把相應的視覺零件拖放到指定位置便可以完成。 這裏要主要幾點： [...]]]></description>
		<wfw:commentRss>http://userxper.com/blog/archives/197/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>下拉選單(droplist)互動設計-控制換頁</title>
		<link>http://userxper.com/blog/archives/188</link>
		<comments>http://userxper.com/blog/archives/188#comments</comments>
		<pubDate>Wed, 09 Jul 2008 17:30:17 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Axure 範例/技巧]]></category>

		<guid isPermaLink="false">http://userxper.com/blog/archives/188</guid>
		<description><![CDATA[說明： 現有一個Droplist，其中有AAA，BBB，CCC三項，如何為這三項設定Link，並且在輸出的頁面中點選這三項中的任意一項，鏈結到對應的頁面中。 　》瀏覽這個範例的Prototype 　》下載這個範例的RP檔(下載後請解壓縮) 　》教學影片-以下拉選單(droplist)來控制換頁 1分43秒 作法： step 1. 對 Droplist 這個Widget 給一個命名，比如 &#8216;drop-list-demo&#8217; step 2. 選擇 OnChange 觸發事件(Event) ，新增一個Case；接著在互動設計的窗格中，點 Add Condition&#8230; step 3. 選擇 selected option of drop-list-demo，以及value 等於 &#8216;AAA&#8217; step 4. 勾選 Open Link in Current Window，接著在Link Properties視窗選擇 &#8216;Page 1&#8242; step 5. 如果按照上述步驟設定成功，那麼你會在 Interaction Case Properties看到如下敘述: If selected option of drop-list-demo equals 『AAA』 [...]]]></description>
		<wfw:commentRss>http://userxper.com/blog/archives/188/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Axure RP如何以漸層色彩來填色?</title>
		<link>http://userxper.com/blog/archives/183</link>
		<comments>http://userxper.com/blog/archives/183#comments</comments>
		<pubDate>Tue, 01 Jul 2008 04:03:30 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Axure 範例/技巧]]></category>

		<guid isPermaLink="false">http://userxper.com/blog/archives/183</guid>
		<description><![CDATA[Axure RP 4.6以前的版本沒有這個功能，物件的填色(Fill Color)只能填完整色彩。最近的Axure RP 5.0則增加了這一項漸層填色的功能。 可以參考模擬Yahoo! YUI TabView的這個Axure RP示範，使用到漸層填色的技巧來設計Tab。 漸層填色的效果會增加視覺設計上的豐富性，但是若以網站Prototype Design來說，實際上應該沒有必要做出漸層的設計。除非是應用在Usability Test上，用來測試使用者對於網站介面的心理愉悅方面的感受，不過這部份的工作，應該交給網頁視覺設計師來負責，改以繪圖軟體(比如Photoshop)來完成整體的視覺設計。 在網站Prototype的設計上，加入過多的視覺設計，常常會導致觀看Prototype的專案相關人員(客戶/老闆)開始以網站美醜的角度來評估Prototype，反而忽略Prototyping階段應該要更重視的資訊架構/導覽動線/資訊設計等重點。因此當您決定在Prototype上加入視覺/色彩的元素時，必須提醒觀看Prototype的人不要以美醜來評判Prototype。 漸層填色的功能很容易學，只要觀看下圖(擷取自Axure RP的畫面)，很容易就知道如何設定了。]]></description>
		<wfw:commentRss>http://userxper.com/blog/archives/183/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

