導航:首頁 > 萬維百科 > 網頁原型設計app

網頁原型設計app

發布時間:2020-11-13 12:07:40

1、設計PC端網頁原型和手機端APP有什麼區別

1、內容上pc端一定是內容豐富的,app一定是內容精簡的
2、從產品功能架構上,app端的設計通常只能滿足主流用戶的常用功能,相反pc端可以兼顧更多的用戶提供更全面的服務
3、相比pc端,app更注重用戶體驗設計,例如操作流程簡單快捷,語言文字精簡移動。
4、升級優化方面,pc端通常適合於兩年一小改,三年一大改,指的是改版。app則比較頻繁,且第一版本一般只是先主要功能,之後2、3個月幾乎就要出一個小迭代版本。

2、軟體原型設計工具有哪些

Axure:這個大家都知道,現在用的比較多,主要是因為多人協作,而且是慣例了.Omnigraffle:個人強烈推薦,mac上的神器~無論是頁面demo,交互流程圖,系統角色圖,還是產品概念圖,很全能~同時對於視覺上的效果支持強大到爆.另外一點比較舒服的就是快捷鍵的支持(吐槽一下:很多畫圖軟體都忽略了快捷鍵這個強大的東西,難道沒注意畫圖的時候左手是閑著的?現在只有photoshop和這個軟體對快捷鍵支持的很好並且很高效)條件允許,只用這個~

3、App 產品原型設計用什麼軟體

App原型製作現在市面上還是有很多工具呢,以下的工具大家可以參考一下:

Axure - 高保真原型。目前為止,市面上使用比較普遍的工具,全面支持原型、交互和分享功能。但是,對一些原型設計小白來說,學習難度還是蠻大的,上手較慢。

Mockplus- 中低保證原型。原型製作快速、簡單、高效。原型項目類型全面、交互豐富、拖拽即可實現、團隊分享、協作和評論功能也能實現。適合初期快速繪制原型圖,中期和後期快速協作、迭代和測試。

Basamiq - 低保真原型。原型製作初期,適合設計師個人設計構思階段,快速原型製作、功能初略展示。

4、求推薦Web App原型設計、代碼生成軟體

摹客Mockplus就可以,提供了很多網頁相關的模板和組件,導入就可使用,相當簡單快內速。 而且,它最近還發布了容全新的在線版本,有瀏覽器就能在線隨時隨地設計原型。當然,因為是全新升級版本,功能上也有很大提升,提供更多交互、組件和狀態選擇。

5、蘋果電腦上好用的又特別簡單的原型設計軟體求推薦一個!

MockFlow Mac激活版是一款簡單好用的原型設計工具。簡潔大方的界面讓原型設計十分容易,讓您的原型創建高效,快捷;MockFlow對協作的功能支持,讓大家可以將自己的想法進行實現,還有聊天的功能,能在線的完成交流,讓設計符合大家的設計需求。

MockFlow Mac版安裝教程

下載完成後,雙擊pkg安裝,MockFlow安裝器將引導你完成安裝,點擊【繼續】

MockFlow Mac版軟體介紹

MockFlow 是一款功能強大的原型設計工具,簡單的界面讓原型設計十分容易,為用戶提供了原型設計所需的所有工具和功能,可以直觀的構建產品UI。

6、如何用UI設計軟體做app頁面

第一點:了解你的目標客戶群的心態
1、做微任務的目標客戶群(如隨時隨地看看新聞,聽聽歌,看看電影,聊聊八卦之類):
這類的解決方案是設計的app最好是小而准,不要大而全。越全的功能應用,只能代表著這個應用在各方面的都很平庸
2、喜歡當工具來使用的目標客戶群:比如找地圖,看天氣,查數據等。
這類的解決方案是 我們盡最大努力的去滿足用戶的情景需求。做到極致和簡單。
3、無聊的客戶群,用來打發消磨時間的:無需求,漫無目的的
這類的解決方案是盡可能展示用戶感興趣的東西,幫助客戶來打發消磨時光。

第二點:APP原型圖的製作和設計討論
這個環節是必不可少的。需要根據設計需求認認真真的來畫畫原型圖。
常用的APP原型圖工具:移動APP原型設計神器 POP 、axure、Foreui等

第三點:APP視覺設計與設計要點
(1)大概設計板塊有APP啟動頁面設計,APP界面設計的尺寸規范,app圖標設計等
一般來說,手機屏幕是從上往下布局的,重要的信息會放在上方。但是在操作上,大部分人都是單手拿手機,常用的操作,要放在界面的下方。
另外還有一個原則,最小的觸摸單位,一般是44個像素。如果再小,你的拇指難以觸碰,或者容易引發誤操作。同時,也不要讓界面太擁擠。
所以,設計師必須用減法設計,這個過程需要花時間思考、簡化元素。
你必須記住:(1)隱藏設計或者減法設計 (2)分區或分類 (3)幫用戶做決策 (4)提高交互創新設計 (5)讓人有爽快感和新奇感 (6)在設計中浸入情感,把握用戶的心理。(談談如何進行產品設計以及產品情感化設計)
一位大師這樣說過「真正的簡約設計是:作品必須不斷的被簡化,一改再改,直到設計最終成形。」
2014年 APP設計風格趨向扁平化和卡片化。卡片,扁平化都會是移動app設計的趨勢!認為卡片設計確實同時兼具了「擬物」和「極簡」2種優勢!

第四點:APP界面設計流程

(1). 設計APP界面時,學會從優秀APP界面設計作品中尋求靈感,以前的藝術大師,用少量的資源做了大量的設計。
(2). 放下工作,休息一下很有幫助。扁平和簡約設計的一切均關乎到細節的差異。因此小憩片刻後再回到工作,帶著全新的眼光工作,比長時間冥思苦想更有
效。
(3). 並排比較各個版式同樣有幫助。哪怕花20分鍾前將一個線條下移各5個像素分別保存,對比兩個版式就能很快分清孰好孰壞。
(4). 由於實物展示的相對比例至關重要,所以要及早在不同的目標設備上測試。
(5). 整個設計過程中不斷問自己「真的需要嗎?」 。支撐項目時候,找一些討巧的辦法,例如,添加一些有趣的元素、樣式會這樣會很容易也會很吸引人,
但必須始終注意剔除不必要的元素,不斷精簡。甩掉你費盡心血的部分總是難以割捨,但修改過程必須挑剔。

第五點:APP界面設計測試與預覽修正
設計完成之後,我們可以把設計圖導入手機測試或者是校正。之前發布的在線測試工具:快速在移動終端上預覽APP界面設計效果圖的方法最後:好的APP界面設計作品必然是要經過不斷升級、重復迭代的。

7、移動APP開發使用什麼樣的原型設計工具比較合適

移動端的開發變的越來越豐富,最好的開發模式應該是快速原型模型。快速原型設計是版設計師與移權動app軟體需求方溝通的最好工具,在軟體開發初期,先對所要開發的軟體有一個大致的整體設計,畢竟現在的移動端多種多樣,如果沒有一個好的設計,很難做出一個比較優秀的軟體,快速原型更有利於客戶與開發人員的交互,使設計細致入微。

使用原型的優點:

用現在的原型開發工具很容易就可以進行創建。而且如果客戶的需求發生了變化,那麼快速原型可以降低卡發成本時間,可以在短時間內進行修改。

便於開發人員進行協商討論,當團隊對開發的軟體進行討論的時候,原型可以提供討論的內容。

有利於開發團隊之間的溝通,原型可以使得多個開發團隊之間展開構想,幫助他們通過原型弄清app軟體相關的概念,使得將要開發的軟體具體化。

對可用性測試很有用,有些交互性的原型可以讓你在寫代碼之前進行可用性測試。

在移動端app開發的早期階段,原型的重要性也是也體現在降低開發成本的作用,此階段應該充分被利用,以避免後期因為不符合需求而改寫大量代碼。

8、軟體原型設計工具有哪些

原型設計工具有很多種;個人喜歡Axure和Adobe Illustrator 俗稱版AI;這兩個工具權

POP(Prototyping on Paper)

Pencil Project 

Axure

Proto.io

Moqups

UXPin

Omnigraffle

Protoshare

Wireframe

InVision

Mokk.me 

Adobe Illustrator 俗稱AI

9、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組件,支持自定義。另外它有不錯的用戶測試功能,支持視頻錄制。並且在移動組件時,能夠實時在畫布看到組件之間的距離。另外由於伺服器的原因,有國內用戶反應速度有點慢;收費較高,性價比一般吧。

UXPin:UXPin是DeSmart團隊開發的一個在線可點擊原型設計工具該軟體,擁有大量用戶界面元素(包括web,iOS,Android等),可以共享預覽,註解和實時的協同編輯。另外該軟體還提供了版本控制和迭代功能。缺點仍然在於國外伺服器和價格問題。 

這些產品原型設計軟體都比較常見,你可以根據你個人需求來選擇,反正我使用的是墨刀,它真的省時省力提高了我的工作效率。希望對你有幫助!有疑問的地方歡迎追問~

10、App 產品原型設計用什麼軟體

首先如果你小團隊或者個人開發,當然可以用Xcode,如果大公司跨部門審核調整各種,還是有個快速的原型。如你要求,可交互。包括常用的Axrue,我試用過下面提到的所有軟體,分別完整產出過不同的原型,還有一些市面上的你一看它介紹圖還在用ios6的就知道不必了,說明很久沒更新了。下面這些是我按照不同的特點進行了歸類,視你的具體情況而定吧。我在選擇軟體這個過程中糾結了很久,也是用過在領悟真正的原理。但是這段時間的摸索對我以後也有很大幫助。輕巧型低保真;無控制項;iOS;少交互;免費。

與網頁原型設計app相關的知識