什么是頁面原型圖，互聯(lián)網(wǎng)交互設(shè)計(jì)師這一行好不好做容易入門嗎

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供臨滄網(wǎng)站建設(shè)、臨滄做網(wǎng)站、臨滄網(wǎng)站設(shè)計(jì)、臨滄網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、臨滄企業(yè)網(wǎng)站模板建站服務(wù)，10多年臨滄做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

本文目錄一覽

1，互聯(lián)網(wǎng)交互設(shè)計(jì)師這一行好不好做容易入門嗎

交互設(shè)計(jì)師目前來說薪資水平還不錯(cuò)，在北上廣有經(jīng)驗(yàn)一點(diǎn)的交互設(shè)計(jì)師都在1W6以上吧。入門的門檻也不高，懂互聯(lián)網(wǎng)的基本知識(shí)，喜歡鉆研各種應(yīng)用和網(wǎng)站的使用體驗(yàn)都可以嘗試。主要在于個(gè)人的努力，把工具學(xué)好，axure、mindmanager等等，然后用心去學(xué)去做，積累經(jīng)驗(yàn)！

用戶體驗(yàn)簡(jiǎn)單說就是公司出新產(chǎn)品了,你把自己當(dāng)成大眾用戶來體驗(yàn)這個(gè)產(chǎn)品,有哪些問題是需要修改,有哪里可以減少或增加之類的.不要覺得這個(gè)很簡(jiǎn)單,產(chǎn)品都是設(shè)計(jì)師和程序員辛苦弄出來的,你要是亂講,會(huì)挨屌的,但是你不講,就干不了了....交互設(shè)計(jì)師也是設(shè)計(jì)師的一種,每個(gè)公司的分工不一樣,有的公司做交互營銷項(xiàng)目是項(xiàng)目經(jīng)理說怎么做就怎么做,有的公司是交互設(shè)計(jì)師可以自主完成再交給經(jīng)理審查.你可以理解為懂交互營銷的設(shè)計(jì)師.用戶體驗(yàn)的崗位應(yīng)該不會(huì)招應(yīng)屆生,交互設(shè)計(jì)師就不準(zhǔn)了,這個(gè)得看公司.

二. 交互設(shè)計(jì)師的重要交付物　　在過去的經(jīng)驗(yàn)里，有三個(gè)交付物最為常用。
1. 行為路徑——有時(shí)叫做頁面流程圖(Page Flow)，關(guān)注任務(wù)流和頁面流設(shè)計(jì)，讓用戶流轉(zhuǎn)順利，提升任務(wù)完成效率。
2. 信息架構(gòu)——有時(shí)叫做站點(diǎn)地圖(Site Map)，關(guān)注內(nèi)容結(jié)構(gòu)、導(dǎo)航系統(tǒng)設(shè)計(jì)，讓用戶方便找到所需信息。一般來講，內(nèi)容為主的網(wǎng)站比較重視信息架構(gòu)設(shè)計(jì)。
3. 單頁面交互設(shè)計(jì)——一般用線框圖、原型圖來稱呼這部分交付物，但有時(shí)也不局限于什么形式，關(guān)注單頁面信息布局、內(nèi)容優(yōu)先級(jí)及交互細(xì)節(jié)。

2，原型設(shè)計(jì)是什么該怎么使用它

我們首先明確兩個(gè)定義：原型的定義：用線條、圖形描繪出的產(chǎn)品框架，也稱線框圖。交互設(shè)計(jì)的結(jié)果輸出，可能是一張紙上的幾張圖；原型代表著交互設(shè)計(jì)的結(jié)果，當(dāng)最終實(shí)現(xiàn)的時(shí)候，交互流程會(huì)和原型保持一致；可以理解為草稿或者叫做參照物原型是一種讓用戶提前體驗(yàn)產(chǎn)品、交流設(shè)計(jì)構(gòu)想、展示復(fù)雜系統(tǒng)的方式。就本質(zhì)而言，原型是一種溝通工具。原型設(shè)計(jì)的定義：線框圖描繪的是頁面功能結(jié)構(gòu)，它不是設(shè)計(jì)稿，也不代表最終布局，線框圖所展示的布局，最主要的作用是描述功能與內(nèi)容的邏輯關(guān)系。原型圖是最終系統(tǒng)的代表模型或者模擬，比線框圖更加真實(shí)、細(xì)致。其次，了解原型設(shè)計(jì)的作用，主要有兩點(diǎn)：1. 溝通： 因?yàn)槭窃褪切枨蠛凸δ艿木呦蠡磉_(dá)，所以原型可以輔助產(chǎn)品經(jīng)理與領(lǐng)導(dǎo)、交互、UI和技術(shù)的溝通產(chǎn)品思路。雖然需求文檔也是可以滿足溝通需求的，通過用例將交互寫到設(shè)計(jì)描述文檔中，但是原型可以更詳細(xì)地解釋交互。
2. 測(cè)試：因?yàn)樵拖噍^于UI稿來說修改更方便，所以原型能提高產(chǎn)品經(jīng)理的功能設(shè)計(jì)沒通過評(píng)審時(shí)返工的工作效率。沒有哪一家互聯(lián)網(wǎng)公司可以不經(jīng)過測(cè)試，就直接上產(chǎn)品和服務(wù)。原型在識(shí)別問題、減少風(fēng)險(xiǎn)、節(jié)省成本等方面有著不可替代的價(jià)值。（原型設(shè)計(jì)在產(chǎn)品設(shè)計(jì)中所處的位置）3. 設(shè)計(jì)流程：首先明確產(chǎn)出原型目的以及用戶群體，這個(gè)原型有多大效率幫助我傳達(dá)設(shè)計(jì)或測(cè)試設(shè)計(jì)？ 有多少時(shí)間做原型？其次需要什么級(jí)別的保真程度？該如何使用原型設(shè)計(jì)，那么原型設(shè)計(jì)工具就是必不可缺的。又選擇什么工具來制作原型？主要考慮以下幾個(gè)因素（排名分先后）：1. 熟悉程度和獲得工具的便利度；2. 所需的時(shí)間和精力；3. 可復(fù)用的代碼/框架；4. 為測(cè)試創(chuàng)建可用的原型；5. 價(jià)格和學(xué)習(xí)曲線。目前比較好用的在線原型設(shè)計(jì)工具有Marvel，Invision，墨刀等等。希望對(duì)你幫助~有任何疑問可以追問，滿意請(qǐng)采納，謝謝~

原型設(shè)計(jì)是交互設(shè)計(jì)師與PD、PM、網(wǎng)站開發(fā)工程師溝通的最好工具。而該塊的設(shè)計(jì)在原則上必須是交互設(shè)計(jì)師的產(chǎn)物，交互設(shè)計(jì)以用戶為中心的理念會(huì)貫穿整個(gè)產(chǎn)品。利用交互設(shè)計(jì)師專業(yè)的眼光與經(jīng)驗(yàn)直接導(dǎo)至該產(chǎn)品的可用性。產(chǎn)品原型可以概括的說是整個(gè)產(chǎn)品面市之前的一個(gè)框架設(shè)計(jì)。以網(wǎng)站注冊(cè)作為例子,整個(gè)前期的交互設(shè)計(jì)流程圖之后,就是原形開發(fā)的設(shè)計(jì)階段,簡(jiǎn)單的來說是將頁面的模塊、元素、人機(jī)交互的形式，利用線框描述的方法，將產(chǎn)品脫離皮膚狀態(tài)下更加具體跟生動(dòng)的進(jìn)行表達(dá).

原型設(shè)計(jì)是交互設(shè)計(jì)師與PD、PM、網(wǎng)站開發(fā)工程師溝通的最好工具。而該塊的設(shè)計(jì)在原則上必須是交互設(shè)計(jì)師的產(chǎn)物，交互設(shè)計(jì)以用戶為中心的理念會(huì)貫穿整個(gè)產(chǎn)品。

3，uvuE的具體意思是什么

u是微的意思吧，v是福特的意思吧，E是電場(chǎng)？

ue = user experience = 用戶體驗(yàn) 復(fù)制的： ue設(shè)計(jì) 步驟一：數(shù)據(jù)調(diào)查 數(shù)據(jù)可以帶來什么？對(duì)于各頁面及路徑的pv(產(chǎn)品),uv(用戶)的總結(jié)，可以得到產(chǎn)品使用情況的一個(gè)大致概貌。缺乏什么？不了解用戶，不了解過程。步驟二：用戶訪談 有什么好處？產(chǎn)品和用戶之間的聯(lián)系，就像一個(gè)黑匣子。對(duì)用戶的訪談，就是一個(gè)試圖打開黑匣子的過程。打開了黑匣子，我們就可以改造他們之間的路徑。從而使兩者無縫融合。就像是研究dna，對(duì)結(jié)構(gòu)的研究可以重塑基因。反映到產(chǎn)品上，就是我們可以以用戶的心理模型去創(chuàng)造產(chǎn)品，或者是用富于創(chuàng)造的產(chǎn)品去影響用戶。步驟三：產(chǎn)品分析 即使了解用戶，是否能提出有效的解決方案呢？此時(shí)，對(duì)于相關(guān)產(chǎn)品的研究就會(huì)作出幫助。如果說對(duì)用戶的需求，可以對(duì)產(chǎn)品有縱深的認(rèn)識(shí)。那么對(duì)產(chǎn)品的分析，有利于橫向去加深去產(chǎn)品的理解。為什么做同一個(gè)功能，會(huì)產(chǎn)生出兩種不同的產(chǎn)品？差異表現(xiàn)在大體，也體現(xiàn)在細(xì)節(jié)，通過不斷的比較，會(huì)發(fā)現(xiàn)產(chǎn)品各功能間，產(chǎn)品和用戶間千絲萬縷的聯(lián)系。步驟四：產(chǎn)品定位 定位本應(yīng)在一個(gè)產(chǎn)品做出之前決定，可為什么我會(huì)在此階段提出這個(gè)步驟呢？事實(shí)上，因前面工作的鋪墊。只有了解了用戶，了解了相關(guān)產(chǎn)品后，定位才會(huì)更加明確。最初時(shí)，時(shí)時(shí)需要一個(gè)定位，卻感覺模糊，在此刻，就清楚許多。能否改變，看造化了~~ 步驟五：功能確認(rèn) 基于對(duì)用戶和產(chǎn)品的分析，此時(shí)會(huì)提出一些新的功能。從產(chǎn)品長遠(yuǎn)的發(fā)展，對(duì)用戶使用的引導(dǎo)，以及易用性綜合考慮，慎審地推出每一項(xiàng)功能。步驟六：信息架構(gòu) 產(chǎn)品的印象開始在腦海里浮現(xiàn)。此時(shí)，將信息注入到產(chǎn)品結(jié)構(gòu)中去。導(dǎo)航，管理等是很重要的幾項(xiàng)，需要格外小心。另外，不同的頁面有不同的信息，以及頁面與頁面間的信息跳轉(zhuǎn)，甚至是產(chǎn)品間的跳轉(zhuǎn)，每條信息都需要經(jīng)過審核。如果對(duì)產(chǎn)品沒有幫助，或者對(duì)用戶是負(fù)擔(dān)，都不要向里加。步驟七：頁面原型 就個(gè)人而言，在頁面原型階段，除了用visio來畫結(jié)構(gòu)圖，還是不自覺得要用ps去協(xié)助找感覺，這個(gè)過程，對(duì)自己而言也是一個(gè)迭代的過程。當(dāng)然，之前那些階段，使整個(gè)產(chǎn)品的結(jié)構(gòu)都在腦海里快成型了，這個(gè)只需要把它落實(shí)到紙上。原型的確認(rèn)，需要堅(jiān)持。如果是你自己做了這個(gè)過程，而且每一點(diǎn)都是經(jīng)過思考的。那么就去說服來自各方的反對(duì)。事實(shí)上，你要相信，人們相信思考的價(jià)值，只要你付出了，就有回報(bào)，最怕沒有付出天天在那里抱怨。步驟八：視覺設(shè)計(jì) 不必多說了?？赡軙?huì)比較多，icon，字體，區(qū)域的劃分，模塊的統(tǒng)一，css的定義，風(fēng)格的設(shè)定~~~所有的一切，都要體現(xiàn)前面工作所得到的東西。步驟清晰，但其實(shí)中間的過程可能更有意思。首先要獲得運(yùn)營人員的支持，如果他們不參與進(jìn)來，整個(gè)過程會(huì)很難做。通過不斷的交流，他們可能會(huì)很樂意一起做用戶訪談等的工作。這個(gè)看你的溝通能力了。然后獲得團(tuán)隊(duì)其它同事的支持。需要不斷展示階段性成果，大家會(huì)慢慢認(rèn)識(shí)到ue工作的作用。有過這么一次以后，團(tuán)隊(duì)里認(rèn)識(shí)到這個(gè)職位的職能，以后就可以開展更深入的工作了。還有一些小經(jīng)驗(yàn)，例如： 產(chǎn)品的定位與用戶體驗(yàn)的關(guān)系？ 記得在“如何量化用戶體驗(yàn)”里提到四個(gè)方面，其中品牌和內(nèi)容占了其中一部分，我現(xiàn)在認(rèn)為這個(gè)的權(quán)重性應(yīng)該更高一些。如果定位模糊，只是不斷的提高易用性，并不能給用戶很好的體驗(yàn)。有時(shí)間要讀讀《情感化設(shè)計(jì)》，似乎現(xiàn)在自己開始更傾向于產(chǎn)品對(duì)用戶心理的影響，易用性只不過是個(gè)基礎(chǔ)罷了。產(chǎn)品的用戶群？ 前面一段時(shí)間的思考。
10%的用戶是活躍的，是領(lǐng)袖，是流行者。而80%的用戶都是可引導(dǎo)的，產(chǎn)品設(shè)計(jì)成什么樣，用戶就會(huì)是什么樣子。我們幫用戶創(chuàng)造價(jià)值，定位在挖掘用戶深層需求去做創(chuàng)新，而不是表面性的“用戶說一，我們做一”。***下面這個(gè)網(wǎng)站好像有人搞這個(gè)***

4，交互設(shè)計(jì)中原型圖和線框圖

原型指的是軟件或網(wǎng)站的原型,一般可分為:低保真原型和高保真原型,低保真原型包括線框圖、卡片類的紙質(zhì)原型、在白板上勾畫的線框圖等，高保真原型包括：用flash制作的含豐富交互功能的原型，html高保真原型等。之所以要制作原型，除了為客戶和領(lǐng)導(dǎo)展示功能外，還有一個(gè)重要的原因是原型可以用作測(cè)試評(píng)估、需求確認(rèn)、需求調(diào)研。低保真原型的特點(diǎn)就是制作簡(jiǎn)單，可快速制作，成本低，在軟件需求調(diào)研的初期，可以根據(jù)調(diào)研的結(jié)果快速畫出軟件原型，提供給目標(biāo)用戶，看是否能滿足用戶的需求（可能要作較多的解釋）；在進(jìn)行需求討論時(shí)，則可在白板上快速畫出有爭(zhēng)議的原型，根據(jù)眼前的原型來討論效果肯定好過于大家根據(jù)自己的想象中的原型來討論，也可以避免因?yàn)榇蠹覍?duì)需求理解不同而產(chǎn)生的討論（每個(gè)人的心智模型不一樣，對(duì)同一描述有不同理解是很正常的）。低保真原型還可對(duì)軟件（網(wǎng)站）的導(dǎo)航和交互進(jìn)行設(shè)計(jì)，在線框圖上畫出用戶的操作流程，可以方便地對(duì)軟件的流程進(jìn)行設(shè)計(jì)，根據(jù)卡片分類法，可對(duì)產(chǎn)品進(jìn)行信息架構(gòu)設(shè)計(jì)，使產(chǎn)品的信息組織、導(dǎo)航更自然，突出重點(diǎn)，使用戶操作起來更舒服。

直白點(diǎn)呢，線框圖更多是在設(shè)計(jì)初級(jí)，直接快速勾畫的網(wǎng)頁或軟件產(chǎn)品的主體結(jié)構(gòu)、用戶流程或者頁面跳轉(zhuǎn)關(guān)系等， 方便設(shè)計(jì)師或團(tuán)隊(duì)能夠快速?zèng)Q定產(chǎn)品的宏觀設(shè)計(jì)方向，從而盡快開始細(xì)節(jié)設(shè)計(jì)。而原型圖，相對(duì)線框圖，呈現(xiàn)了更多的細(xì)節(jié)或交互。我們所看到的的往往是一頁頁呈現(xiàn)的網(wǎng)頁或app設(shè)計(jì)。根據(jù)細(xì)節(jié)的呈現(xiàn)程度以及提供資源的質(zhì)量，分為低、中、高三種。最值得提及的就是高保真原型，不僅提供豐富的頁面細(xì)節(jié)，還添加大量動(dòng)畫和交互，與產(chǎn)品的真實(shí)狀態(tài)非常接近，能夠直接交互并測(cè)試?？傊?，不管哪種類型，都是為了方便設(shè)計(jì)團(tuán)隊(duì)溝通，加快設(shè)計(jì)流程的重要資料，是設(shè)計(jì)們經(jīng)常使用的設(shè)計(jì)資源。當(dāng)然，對(duì)他們比較陌生的設(shè)計(jì)師，也可嘗試使用摹客設(shè)計(jì)工具，快速繪制線框圖或原型圖，切實(shí)的查看他們之間的區(qū)別。

首先，我們需要搞清楚的一點(diǎn)就是線框圖不是真正意義上的原型。許多設(shè)計(jì)師和產(chǎn)品經(jīng)理，甚至是經(jīng)驗(yàn)豐富的設(shè)計(jì)大牛往往也很容易混肴這些專業(yè)術(shù)語。什么是線框圖？什么是原型？什么時(shí)候使用線框圖？什么時(shí)候使用原型？我們都看過小說，小說呈現(xiàn)給我們的只是文字表達(dá)，由作者賦予的人物形象。我們常常在語文考試中都會(huì)這樣回答“本文中的人物形象生動(dòng)、鮮明”，這里的“生動(dòng)”指的只是我們通過作者的視角想象出來的，我們并沒有看過真實(shí)的人物。但當(dāng)這部小說被拍成電影或電視劇，導(dǎo)演根據(jù)自己的理解選角，演員們賦予了他們鮮活的生命，這就是原型，小說中人物的原型。提供信息和功能——線框圖，我該如何互動(dòng)或如何使用——原型。什么是線框圖？線框圖是一種低保真且靜態(tài)的呈現(xiàn)方式，設(shè)計(jì)師通常使用紙筆來表達(dá)自己的想法。只要能明確表達(dá)內(nèi)容大綱，信息結(jié)構(gòu)，布局，用戶界面的視覺以及交互行為描述即可。就像建筑藍(lán)圖一樣，藍(lán)圖也就是施工方案，詳細(xì)描述改如何建造建筑。繪制線框圖重點(diǎn)就是要快，明確表達(dá)自己的設(shè)計(jì)想法，它不是美術(shù)作品，無需過多的視覺效果。黑白灰則是它的經(jīng)典用色。什么時(shí)候使用線框圖？線框圖(Wireframe)是軟件或者網(wǎng)站設(shè)計(jì)過程中非常重要的一個(gè)環(huán)節(jié)。線框圖常常適用于非正式場(chǎng)合，用于團(tuán)隊(duì)內(nèi)部的討論?；ㄙM(fèi)成本線框圖的花費(fèi)成本可以說是零，只要有紙筆，或白板就能完成你的想法的構(gòu)建。不過有的產(chǎn)品經(jīng)理用Word，有的用Photoshop等。但一般不作為用戶測(cè)試。什么是原型？原型通常是中高保真的呈現(xiàn)形式。以接近最終產(chǎn)品的形式來考量產(chǎn)品的可用性。它能夠?qū)崿F(xiàn)和驗(yàn)證你的設(shè)計(jì)理念。原型是程序開發(fā)過程中的重要步驟，并且允許我們進(jìn)行一些初步的測(cè)試。什么時(shí)候使用原型？原型常用于做早期測(cè)試，以確保你的想法符合目標(biāo)市場(chǎng)。在產(chǎn)品發(fā)布之前，沒有原型和對(duì)用戶的測(cè)試，這個(gè)產(chǎn)品注定是失敗的。在原型設(shè)計(jì)階段花費(fèi)的時(shí)間，可以避免額外的工作和成本。相對(duì)于紙上的產(chǎn)品設(shè)計(jì)文檔，產(chǎn)品原型更加有效，這樣可以讓所有的測(cè)試人員以及用戶知道你產(chǎn)品的創(chuàng)意所在。

5，做產(chǎn)品原型設(shè)計(jì)有哪些需要注意的問題

1、畫原型前先考慮好業(yè)務(wù)邏輯和交互邏輯。梳理好邏輯關(guān)系，在開始原型設(shè)計(jì)時(shí)才不會(huì)出現(xiàn)前后矛盾的狀況。
2、原型圖要規(guī)范，簡(jiǎn)單整潔，主要可以概括為：頁面框架要清楚；頁面不影響設(shè)計(jì)；頁面元素要統(tǒng)一；頁面排版要整齊。
3、原型設(shè)計(jì)不宜占用過多時(shí)間。原型圖的意義是為團(tuán)隊(duì)成員呈現(xiàn)產(chǎn)品的主要功能和邏輯關(guān)系，因此不能為了好看而主次顛倒。對(duì)于產(chǎn)品經(jīng)理來說，在原型設(shè)計(jì)階段，只需要使用摹客Mockplus之類的專業(yè)工具，就能快速完成原型設(shè)計(jì)，更多的時(shí)間則留給用戶需求和產(chǎn)品功能的整理，這樣才不會(huì)犯本末倒置的錯(cuò)誤。

產(chǎn)品狗在將框線圖畫好之后，往往會(huì)特別欣喜，TMD辛苦這么久終于有點(diǎn)收貨啦。但是，這時(shí)候的框線圖通常是不完整的，很多場(chǎng)景、因素缺少考慮，小到一個(gè)button的放置，大到功能的設(shè)計(jì)。把這么一份不完整的原型交付給技術(shù)，不但技術(shù)會(huì)噴你，搞不好最后用戶噴你，甚至Boss也來噴你。所以，打磨原型，盡量考慮各種場(chǎng)景、因素，繪制原型時(shí)盡量細(xì)化分析，讓所有人從原型就能看到你的態(tài)度，是一件非常重要的事情。
一、功能注意事項(xiàng)? 功能是否必須? 技術(shù)實(shí)現(xiàn)成本是否能接受? 針對(duì)當(dāng)前版本的優(yōu)先級(jí)考慮? 內(nèi)容誰來更新，是否牽扯到運(yùn)營端的職責(zé)，是的話如何配合? 運(yùn)營端、用戶端各需如何統(tǒng)一配合? 這個(gè)方案是否最優(yōu)解決方案? 第一期MVP，該如何取舍功能? 當(dāng)前原型，是否最簡(jiǎn)潔體現(xiàn)？哪些地方可以優(yōu)化? 如何讓用戶最快看到想要的，最快去掉不想要的內(nèi)容? 上線第一版如何讓用戶不感到內(nèi)容過少? 是給用戶推薦我們主打的內(nèi)容，還是用戶個(gè)性化定制的內(nèi)容? 內(nèi)容該如何分類，分類是否具有可持續(xù)擴(kuò)展性，合理? app中的內(nèi)容，第一期是否全部都能提供，不能的話如何設(shè)計(jì)才能完美過渡? 用戶的UGC內(nèi)容是否有數(shù)量限制，字?jǐn)?shù)、圖片上傳數(shù)量、條數(shù)等二、細(xì)節(jié)注意事項(xiàng)? 第一版冷啟動(dòng)，用戶沒有定制任何內(nèi)容，該如何推薦用戶訂閱? 第一版冷啟動(dòng)，各種功能的引導(dǎo)功能和文案? 每個(gè)地方的引導(dǎo)文案，如何讓用戶無感覺自動(dòng)被引導(dǎo)其他頁面? 功能圖標(biāo)的位置放置? 內(nèi)容流的數(shù)據(jù)獲取邏輯、排序邏輯? 列表頁為空時(shí)的顯示效果? 載入過慢時(shí)、斷網(wǎng)時(shí)載入過程中的提示? 由WIFI切換3G時(shí)的是否下載消耗流量提醒? 列表頁圖片在文字左邊還是右邊? 列表頁的元素圖片、主題、簡(jiǎn)介、作者、時(shí)間是否全部必要?哪些是無用的。? 是左右滑動(dòng)，還是點(diǎn)擊鏈接進(jìn)入? 圖片是否能查看大圖，大圖的展示形式? 產(chǎn)品終端頁是否可能有多張圖片，有的話如何查看不同圖片，如何輪播? 是左右滑動(dòng)，還是點(diǎn)擊鏈接進(jìn)入? 按鈕，圖標(biāo)，鏈接不可用時(shí)，如何呈現(xiàn)? 文本長度超過標(biāo)準(zhǔn)被截?cái)鄷r(shí)該如何顯示? 確認(rèn)button是在左邊還是右邊? 下拉框，列表框的默認(rèn)定位? 時(shí)間的展現(xiàn)方式，YYYY-MM-DD,也可以YY-MM-DD等? 選中與被選中的狀態(tài)

那axure和騰訊cdc的uiddesigner，還有在線的fluidui也可以考慮。其他好像沒有了吧。但除了axure，后兩者所謂的交互其實(shí)都是不同的界面截圖之間的切換，說白了就是多節(jié)點(diǎn)式結(jié)構(gòu)的ppt，不是真正的交互。axure的思想更接近實(shí)際開發(fā)，比如通過master實(shí)現(xiàn)界面元素的封裝復(fù)用，條件判斷，函數(shù)，變量。這些功能除了開發(fā)工具，原型工具還有誰能比得上axure嗎？ app原型相比網(wǎng)頁，界面結(jié)構(gòu)簡(jiǎn)單，但交互復(fù)雜得多。界面上的div也不是平鋪的，為了有效利用空間會(huì)用到很多層疊，卡片式之類的展示方式。要做這類高保真可交互原型，我覺得非auxre莫屬。比如一個(gè)tableview滑動(dòng)到頂部刷新，底部回彈，不借助開發(fā)只有axure能做出來。我從07年開始用axure，曾經(jīng)一度認(rèn)為做網(wǎng)站原型，axure已經(jīng)不需要再怎么改進(jìn)了。自從做app之后，覺得axure有點(diǎn)根不上時(shí)代，但試了其他工具，還是覺得auxre最合適。仔細(xì)做過幾個(gè)以后，我覺得axure還是完全適合做app原型的。做好以后分享也方便。放到內(nèi)網(wǎng)，或者axshare上，或者有一個(gè)html runtime的app，可以在設(shè)備上直接瀏覽axure輸出的html。當(dāng)然axure作為一個(gè)工具，不可能每個(gè)環(huán)節(jié)都是最好的。比如我希望axure能借鑒一下其他工具和開發(fā)思想，把ui和素材分離出來，就像換皮膚一樣，一個(gè)控件可以隨便更換圖片素材。這樣pm或者交互用最簡(jiǎn)單的線框設(shè)計(jì)，確定交互以后，可以把設(shè)計(jì)師的圖貼上去，這樣就100%保真了。axure對(duì)app設(shè)計(jì)不友好或者說最落伍的地方，就是支持的事件類型太少。交互上無法模擬出多點(diǎn)觸摸，無法模擬設(shè)備運(yùn)動(dòng)，無法模擬各類傳感器……或許對(duì)一個(gè)原型工具來說，要求太高了。

網(wǎng)站題目：什么是頁面原型圖，互聯(lián)網(wǎng)交互設(shè)計(jì)師這一行好不好做容易入門嗎
本文路徑：http://bm7419.com/article10/ehjjdo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、動(dòng)態(tài)網(wǎng)站、營銷型網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、商城網(wǎng)站、微信小程序

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

小程序開發(fā)