① 手機如何把圖片剪輯成原型
1、首先我們需要下載名為「原剪輯」的APP。
2、打開下載好的「原剪輯」APP,在右下角點擊加號,選擇想要剪原型的圖片。
3、進入剪輯模式後,在功能一欄的最右邊可以看見「剪原圖」,點擊即可把圖片剪輯成原型。
② 有沒有可以做移動端的交互原型的軟體!!Axure好像實現不了什麼長按、滑動、拖、之類的功能吧
有!一些親身測評的移動端交互原型的軟體!
首先不得不承認:Axure是發展較早的一款原型設計軟體,因而名聲較大。無限畫布,適合做低保真到中保真度的原型。功能很多,也讓學習起來有點難度,網上有很多axure教程就不多說了。本地型軟體,可以下載html文檔預覽,手機預覽不方便。
所以,另外分享一些原型設計軟體:
個人認為性價比最高的是墨刀——國產的一款原型設計協作工具,比起axure來非常容易學會,內置組件很多,創建頁面跳轉也比axure簡單太多。能夠實現長按、滑動、拖之類的功能。因為是一款在線工具,可以雲端保存工作,這點確實很便捷。另外,通過分享鏈接就可以分享原型給別人看了,如果涉及到跟同事對接什麼的,選擇在線的工具更方便。支持sketch文稿導入和自動標注。
(這個是我自己做的一個ins濾鏡的原型設計,裡面也設計了一些滑動、長按等功能,你可以參考一下。)
Invision:可以說目前是國外發展最大的在線原型設計工具,主打「交互原型」和「協作」,支持sketch和ps設計稿導入做交互。近來出的Invisionstudio對標sketch,想滿足更驚喜的設計需要。國外一些大牛公司像airbnb和amazon都在用。不過對於國內用戶來說會有伺服器速度的問題,而且,貴。(土豪公司無視)
Marvel:Marvel也是海外知名度較高的一款原型設計協作工具,支持PS和sketch設計稿導入做交互原型,本身也支持中度保真程度的設計。也有自動標注功能。圖片庫對接unsplash,這樣來自unsplash的很多精美的免費圖片可以直接用。價格比Invision稍便宜。
POP(PrototypingonPaper):這款比較另類,是給拍照的手畫草圖直接做交互。操作輕巧簡單:先用手機拍下草圖原型(存到POPapp內);然後開始編輯圖片的哪個區域(按鈕)鏈接到什麼頁面,添加跳轉鏈接熱區,就可以在手機上給小夥伴們演示了。內嵌的交互動作如側滑、展開、消失等,即可滿足一般的動態演示需要。但功能較為簡單,對更深的需求無法滿足。
Proto.io:也是國外的一款手機原型開發平台。支持在大多數的瀏覽器運行,共享和協作操作方便,可以直接在真實的移動設備上對原型進行測試。擁有較為豐富的UI組件,支持自定義。另外它有不錯的用戶測試功能,支持視頻錄制。並且在移動組件時,能夠實時在畫布看到組件之間的距離。另外由於伺服器的原因,有國內用戶反應速度有點慢;收費較高,性價比一般吧。
這些產品基本上都能夠支持長按、拖、滑動之類的功能。希望對你有幫助~
③ 美國男子曬iPhone8原型機高清組圖手機已經出來了嗎
8月15日消息:近幾個月我們已經看到了太多iPhone 8的各路諜照、機模、保護套、組裝元件,但是iPhone 8到底長啥樣並沒有定論。現在有人居然號稱拿到了iPhone 8的原型機,並放出了一組與iPhone 7的對比照片。福布斯報道稱,一名叫做Gordon Kelly的編輯自稱拿到了iPhone 8的終版原型機。
更重要的是正面採用了全屏幕,背面也沒有Home鍵的位置,暗示可能真的採用了屏下識別技術。當然,也有傳言說iPhone 8採用了更激進的方案,移除了指紋識別而採用虹膜識別。
④ axure中製作手機app原型如何獲取素材
axure中製作手機app獲取素材,可以考慮從從手機應用中反編譯來獲取。
Android反編譯工具:Apktool,支持Linux 、Windows。
Android apktool是一個用來處理APK文件的工具,可以對APK進行反編譯生成程序的源代碼和圖片、XML配置、語言資源等文件,也可以添加新的功能到APK文件中。用該工具來漢化Android軟體然後重新打包發布是相當簡單的。
參考:http://www.91axure.com/?p=1576
⑤ App 產品原型設計用什麼軟體
分享一些我切身體驗後的一些原型設計軟體,你可以根據自己實際需求來選擇~
Axure:發展較早的一款原型設計軟體,因而名聲較大。無限畫布,適合做低保真到中保真度的原型。功能很多,也讓學習起來有點難度,網上有很多axure教程就不多說了。本地型軟體,可以下載html文檔預覽,手機預覽不方便。
墨刀:國產的一款原型設計協作工具,比起axure來非常容易學會,內置組件很多,創建頁面跳轉也比axure簡單太多。因為是一款在線工具,可以雲端保存工作,這點確實很便捷。另外,通過分享鏈接就可以分享原型給別人看了,如果涉及到跟同事對接什麼的,選擇在線的工具更方便。支持sketch文稿導入和自動標注。個人認為性價比最高。
Invision: 可以說目前是國外發展最大的在線原型設計工具,主打「交互原型」和「協作」,支持sketch和ps設計稿導入做交互。近來出的 Invision studio 對標sketch,想滿足更精細的設計需要。國外一些大牛公司像airbnb和amazon都在用。不過對於國內用戶來說會有伺服器速度的問題,而且,貴。(土豪公司無視)
Marvel: Marvel 也是海外知名度較高的一款原型設計協作工具,支持PS和sketch設計稿導入做交互原型,本身也支持中度保真程度的設計。也有自動標注功能。圖片庫對接unsplash,這樣來自unsplash的很多精美的免費圖片可以直接用。價格比Invision稍便宜。
POP(Prototyping on Paper):這款比較另類,是給拍照的手畫草圖直接做交互。操作輕巧簡單:先用手機拍下草圖原型(存到POP app內);然後開始編輯圖片的哪個區域(按鈕)鏈接到什麼頁面,添加跳轉鏈接熱區,就可以在手機上給小夥伴們演示了。內嵌的交互動作 如側滑、展開、消失等,即可滿足一般的動態演示需要。但功能較為簡單,對更深的需求無法滿足。
Proto.io:也是國外的一款手機原型開發平台。支持在大多數的瀏覽器運行,共享和協作操作方便,可以直接在真實的移動設備上對原型進行測試。擁有較為豐富的UI組件,支持自定義。另外它有不錯的用戶測試功能,支持視頻錄制。並且在移動組件時,能夠實時在畫布看到組件之間的距離。另外由於伺服器的原因,有國內用戶反應速度有點慢;收費較高,性價比一般吧。
Moqup:支持線框圖,原型,和邏輯流程圖。裡面組件數量蠻多,像表格這些也有,做web項目比較便利。支持在線預覽和分享,支持評論,不支持標注。上手較容易,不過沒什麼模板,UI有點過時感。
希望對你有幫助~有疑問的地方歡迎追問!
⑥ axure做好原型後,導入手機為什麼顯示不了圖片
不單單是不顯示圖片吧 應該連交互效果都不能顯示
手機上的瀏覽器與電腦上的瀏覽器是不一樣的,電腦上的都還要安裝插件
axure貌似有一個app可以做到,但是普遍反映不太好用
聽說axure9會專門針對移動設計,9月就要發行內部版本了,到時候可以試試
⑦ 請問手機論壇中這些圖片是以什麼為原型
表情為原形,無限擴展
⑧ Ui原型設計工具有哪些呢
現在原型設計工具有很多,那我今天就羅列一些UI設計師和產品經理經常用到的工具,以此提高工作效率,又好又快的完成工作。
第一款:Axure
Balsamiq Mockups是一款共享軟體,每個lisence授權是79美刀,對個人用戶來說,價格不菲。它推出之後如此受歡迎的原因是在軟體產品原型圖設計領域,特別是web原型圖設計領域,還沒有哪款產品有如此豐富的表現形式。使用Balsamiq Mockups畫出的原型圖都是手繪風格的圖像,看上去非常美觀、清爽(當然,跟使用者的設計水平也有關系)。它支持幾乎所有的HTML控制項原型圖,比如按鈕(基本按鈕、單選按鈕等)、文本框、下拉菜單、樹形菜單、進度條、多選項卡、日歷控制項、顏色控制項、表格、Windows窗體等。除此以外,它還支持目前如火如荼的iPhone手機元素原型圖,這為開發iPhone應用程序的軟體工程師提供了非常好的設計圖。
第六款: Proto.io
Proto.io是一個專門用於移動應用的產品原型工具——可以構建和部署全互動式的移動應用的原型,並且可以模擬出相似的成品。基於Web的在線環境,它可以讓你製作流行的 iPhone,iPad,Android 手機以及任何帶有屏幕界面的產品原型。
⑨ 產品做手機原型,用什麼軟體比較好
手機應用產品原型圖工具:Axure RP 細節交互做的很好。還有很多:軟體界面原型設計工具 UIDesigner.;產品原型設計工具 Balsamiq Mockups;iPhone原型製作 iPhone Mockup;產品原型製作工具 FluidIA;界面原型圖繪制工具 Pencil
⑩ APP交互原型圖 怎麼畫
Low-fi,即低保真原型圖,整個APP設計階段,設計師真正開始上手的環節。待PM製作好PRD文檔和邏輯流程圖之後,交互設計師開始依據已有的結論,畫出Low-fi。
Low-fi的作用
1. 方便團隊進行方案的討論和統一。
就像使用場景Scenario和用戶畫像Personas,團隊每個成員腦海中所理解的都會有所不同,但通過PRD,咱們可以進行至少是大體上的統一。而在這基礎上,APP的具體畫面和流程,每個人都有自己想像的視覺效果。Low-fi就在此時起了相同的作用。
當然統一的進一步促進效果是,進行後面核心功能的深入探討,將概念落實到實施方案,並驗證邏輯上是否能跑通,以及主頁面元素的確定。
2. 方便開發人員進行整體架構的布置,開始著手一些基礎元素的部署。
3. 做出demo進行內部嘗試、小范圍的用戶調查,一般會有一些更改,不會影響項目主方向,大多是功能上的調整
Low-fi 的處理工具與文件要求
作為交互設計師,在Low-fi階段多使用的是sketch,PS更側重於用來做圖片的處理。出發點還是更多的從效率上進行考慮,sketch運行速度非常快,文檔小,測量距離方便,可復用的圖層組(symbol),做好圖之後導出多倍圖也十分方便。所以在此階段做草圖,sketch是不二之選。
然而,對Low-fi的文件處理也有一些要求,主要分為視覺效果和文件名整理。
視覺效果上傾向於使用黑白灰無色彩感的設計方案,目的是為了降低視覺上的干擾,讓設計師和團隊其他成員,將精力重點放到APP本身的功能完善和邏輯完整上面。
而文件名的整理主要表現在圖層命名需要規范。統一的控制項用symbol進行管理,symbol的命名建議使用駝峰式,即每個單詞間沒有空格,每個單詞首字母大寫(這里說的是大駝峰式,即第一個單詞的首字母也大寫了)。