09年01月
如何讓自己開始使用UXPin
隨著我們進入移動設計領域，應用程序設計和響應式設計，人們越來越關注UX（用戶體驗）和線框圖 ，交互式原型和模型。 在這裡有大量的工具瞄準這個小眾市場，它們從復雜的，充滿特色的龐然大物中奔放出來，變得稀疏而勉強有用。 引起我注意的一個工具是UXPin，因為它是由設計師為設計師開發的。
在我們前進之前...一個警告。 如果你的組織喜歡擁有該軟件，那麼UXPin不適合你。 在這個應用程序中完成的所有工作都在瀏覽器中完成，您保存的項目將保存到您的帳戶中。
要開始使用UXPin，您需要啟動瀏覽器並前往UXPin。 從這裡您可以註冊一個免費試用版，或根據您的預期需求安排每月計劃。 註冊過程非常簡單，一旦您設置了用戶名和密碼，您就可以開始使用了。
09年02月
如何在UXPin中啟動一個項目
登錄時，您可以到達儀表板，從這裡您可以決定創建新的線框，新的移動項目或響應式Web設計項目。 還有一些UXPin的插件可以讓你引入你的Photoshop或Sketch項目。 為此，我將創建一個帶有一些文本的橫幅並向橫幅添加一個電子郵件按鈕。 為了完成這個，我選擇了創建一個新的線框。
09年3月
如何使用UXPin接口
設計表面分為四個區域。 在左邊的黑色區域是一系列工具，可讓您返回儀表板，打開要使用的元素，打開智能元素面板，搜索元素，向頁面添加註釋並添加團隊成員。 底部是一個按鈕，打開一個簡短的教程，另一個可以訪問您的帳戶，另一個訪問常見問題解答，讓您提出問題甚至提供反饋。
沿著頂部的藍色區域是一系列工具和屬性。 右側較暗的按鈕允許您迭代設計，調整項目設置，共享頁面並對頁面進行瀏覽器內模擬。
Elements面板是您抓取Design Surface的零件的位置，為您的項目命名並添加或刪除頁面。
元素庫對用戶體驗設計師來說是一個驚喜。 這款下拉菜單可讓您選擇從iOS到Android Lolipop的30個不同庫。您還可以使用Bootstrap和Foundation元素以及Font Awesome圖標，手勢手勢圖標和社交小工具集合。
09年9月4日
如何將元素添加到UXPin頁面
要開始，我將Box元素拖到設計圖面上，當我釋放鼠標時， Properties面板打開。 “屬性”按鈕可讓您命名元素並設置元素的寬度高度和位置值。 您還可以向元素添加填充，四捨五入並調整其不透明度。 點擊背景顏色按鈕打開一個RGBA顏色選擇器。
您還可以將字體，邊框和圖案分配給所選元素。 閃電箭讓你能夠添加交互到選定的元素。
09年05月05日
如何在UXPin中添加和格式化文本
要添加文本，請將文本元素拖到設計圖面並輸入文字。 單擊文本屬性按鈕以打開字體屬性並設置文本的格式。 如果您需要一個虛擬文本塊，請添加一個文本元素並單擊字體屬性中的GENERATE LOREM IPSUM按鈕。
09年06月
如何將圖像添加到UXPin頁面
有幾種方法可以完成這項任務。 您可以使用工具欄中的圖像工具，從庫中添加圖像元素，或者簡單地將桌面上的圖像拖放到設計圖面上的元素上，如上所示。
09年7月
如何將按鈕添加到UXPin頁面
雖然有一個Button元素，但是如上所示，在搜索區域中輸入“ Button ”會打開所有庫中的所有按鈕。 將為您工作的那個拖動到設計圖面上，然後使用“屬性”更改顏色，字體以及邊框半徑。 要更改按鈕內的文本，請在文本上單擊一下並輸入新文本。
09年08月08日
如何將交互添加到UXPin頁面
這並不像它首次出現那樣複雜。 對於電子郵件輸入，我添加了一個輸入元素，調整其大小，輸入文本並格式化文本。 選擇輸入元素後， 單擊屬性按鈕 ，當元素屬性出現時，單擊面板右上角的可見性按鈕 - 眼球。
選擇該按鈕，然後單擊屬性中的交互按鈕 - 閃電螺栓。 當“交互”面板打開時，選擇“新建交互”。 選擇從彈出式菜單中點擊。 在“操作”區域選擇“顯示元素”。 現在您將被問到要顯示哪個元素。 在槍支上點擊一下，然後點擊Input元素。 通過確定元素，您現在可以確定是否對元素進行動畫處理。 在這種情況下，我決定輕鬆地顯示輸入框，並使用300ms的默認持續時間值。
我還想讓按鈕在點擊時向右移動65個像素。 我選擇了按鈕，打開了“交互”面板並選擇了“ 新建交互” 。 我使用了這些設置：
- 觸發器 ：單擊
- 行動：移動
- 移動方向 ：x軸上65px
- 動畫 ：線性
- 持續時間： 300毫秒
要除去交互，請選擇元素並打開“交互”面板。 在面板中選擇交互，然後單擊垃圾桶以刪除它。
09年9月9日
如何在UXPin中測試你的頁面
由於您在瀏覽器中工作，因此測試非常簡單。 點擊模擬設計按鈕。 該頁面將在瀏覽器中打開，您可以測試方式。 還會在頁面的左側添加一個面板，以允許進行評論，如果有多個頁面，可用性測試，實時共享，編輯和返回儀表板，則添加一個站點地圖。
頁面底部是另一個小型面板，可讓您顯示交互式元素，顯示或隱藏註釋並與其他人共享項目鏈接。