① 什麼是app交互設計
app交互設計分為以下5種:
1. 樹形結構,做產品交互的邏輯關系就要像自然生長的大樹,樹干、樹枝和樹葉越往內部交互就要越少,不能在樹葉上長了顆大樹。
通常情況下很容易理解,交互設計與功能復雜度相聯系,就像大樹一樣,界面展示一開始的時候是樹根 樹干 樹枝和一片小樹葉,功能點一點點變小,減弱。但是有時候我們在用app的時候會在一個很不明顯的地方有一個大功能,就像發現新大陸一樣,我不說這個對還是錯,如果這個新大陸是一個很重要的功能點,那麼做交互就要有新手引導,指引用戶用這個功能,不然只有20%的用戶會發現此功能,埋藏越深責用戶點擊率會越低。如果這個功能不是很重要那麼可不可以換一種形式展現,減少功能點從一棵樹變成一片樹葉。
2. 大眾交互,為了追求不一樣而硬要改變的同時要做好新手引導。
交互的復雜多變會讓用戶摸不著頭腦,一半用戶學會這個功能需要交「學費」,要做到市面上最普遍的形式,不要因為不一樣而變的不一樣,如果非得要變就要把它變好,要好新手指引,不然改變了用戶習慣,給那些「小白」用戶造成困惑,甚至是流失很多潛在付費用戶。
3. 錯覺交互,利用人性的弱點擴大產品收入。
錯覺交互是利用人們最正常的用戶習慣來做一些用戶不想做的事情,達到研發商的目的,通常利用這種情況最多的是付費,無意間騙取用戶錢財,很多用戶不會在意1元兩元的費用打電話投訴或索要,就造成了很多研發商一款上線的產品會有大幾百萬的流水。
4. 深度交互
深度交互就是人機器界面又增加了機器的交互,比如:很多唱歌的app,當你錄制歌曲的時候利用自帶的耳機錄制音樂效果會很差,不會讓歌手發揮更好就自己研究了一款麥克風,用手機這款app要配合一款外接一款機器才能達到最理想的效果
5. 本質交互
「顧客是上帝」一定要分析用戶。每個項目的實用性和交互性不是在給某一個老闆或者哪個製作人用,不能按照他們的想法做出他們喜歡的東西,是給用戶用。老闆們用多年來的經驗和閱歷為依據在做事情,請不要忘記你的思想掌控不了用戶,用戶的思想你要研究甚至成為你的用戶,不然總認為自己是金字塔上最高的人,指揮跟你混的人民戰斗,不深入了解用戶你指揮的永遠是外走內不走,行屍走肉一般
② 如何用Axure快速製作APP交互原型
一、創建元件庫「綠色文件」
打開Axure,在元件庫面板「三條橫線」按鈕下拉選項中找到「創建部件庫」功能,點擊會彈出一個另存為對話框,這里需要選擇元件庫文件的存儲位置,並需要輸入元件庫的名稱。
此時,我們可以看到,文件的後綴名為 .rplib,這個就是元件庫的格式,而不同於創作交互原型時正常Axure文件的.rp格式。
輸入文件名稱和存儲位置之後,點擊保存,Axure將重新打開一個新頁面進行元件的編輯。並且我們可以看到,新頁面跟我們平時創造.rp正常文件的頁面一模一樣,但不要混淆,此時頁面編輯的是我們在正常.rp文件中需要用的基本元件。並且我們回到元件庫存儲的位置可以看到,元件庫.rplib文件圖標為」綠色「,不同於.rp文件的藍色。
創建好元件庫得」綠色文件「後,基本准備工作已經做完,下邊就進入到製作過程。
二、元件庫分組
通過觀察Axure默認的元件庫,我們可以看到其元件庫是可以按照類別進行分組的。比如默認的分成了:common、forms、flow等等,這樣能更方便我們找到目標元件的位置。
同樣,我們在製作元件庫的時候,也可以進行分組,規則為:在頁面導航面板上,所有的文件夾都是一個分組,所有沒有在文件夾下的頁麵包括其所有子頁面,都隸屬與以元件庫為名的分組下。
分組的規則弄明白之後,我們可以先按照自己對元件庫的規劃進行一個合理的分組,比如要做APP的元件庫,那麼我們可以分成:圖標、控制項、框架 3個常用分組,接下來就進入到具體元件的製作過程。
三、編輯並製作元件
我們以製作一個」我的「頭像圖標為例,首先在圖標分組下,添加一個頁面並命名為」我的「,雙擊進入到元件編輯頁面,編輯操作就跟我們平時製作正常的.rp文件一模一樣。我們我們可以參考一些app中常常採用的」我的「圖標樣式,然後用Axure默認的基本形狀元件,比如矩形、橫線、圓形等,組合拼湊成最終比較理想的樣子。
首先我們要明確,Axure中沒有類似PS中的布爾運算(能夠自由的對多個形狀進行編輯,比如合並、相交、減去頂層等),所以會給我們製作元件,尤其是圖標帶來一定局限性,但好在交互原型並不要求苛刻的細節實現,只要我們能夠很清楚的表示出產品形態,有比較整體的風格就可以了。並且我們用Axure基本形狀自己勾畫出來的圖標,能很方便的調整顏色大小等,可以適用不同的交互文件,這就是從網上找現成的點陣圖圖標很難達到的便利性。
回到「我的」圖標製作,如圖所示,我一共用到了三個基本形狀來進行拼湊,最終組合成了我們經常能看到的一個圖標樣式,並且一眼就能明白它的含義。雖然沒有更多的細節實現,但對於交互原型稿來說已經完全夠用,關鍵是顏色大小等可以很靈活的進行修改。
按照這個思路,我們可以製作更多的圖標出來,當然還可以製作一些常用控制項比如按鈕、appbar、搜索欄、圖標佔位符等等。如下圖,是我在畫「讀讀日報」原型圖時製作的一個元件庫:
元件庫製作完成之後,然後就進入到最後一個步驟。
四、載入自製元件庫並使用
元件庫製作完成保存在自己常用的資源文件夾中。打開一個正常的.rp文件,同樣是在元件庫面板「三條橫線」按鈕下拉選項中找到「載入部件庫」功能,然後找到製作完成的元件庫文件「綠色圖標」載入。
載入之後,我們就可以在「選擇元件庫」下拉選項中,找到剛剛載入的元件庫並選中,然後我們就可以像使用軟體自帶的元件一樣使用我們自製的元件庫了。
怎麼樣,看到這里你應該學會了如何自製一個元件庫了吧,希望你會花時間動手做一個。當然除了創建部件庫,Axure有很多技巧都需要掌握,比如母版的功能。
學會善用母版
在產品的設計過程中,主導航往往出現在多個頁面,比如APP的底部tab欄。當然不僅僅是導航,當我們頻繁使用任何一組控制項的時候,希望你不是一直都在復制和粘貼,永遠記住,創建一個母版可能是更好的選擇。
使用母版的便利性不單單體現在能夠快速的使用一組控制項,尤其是在設計後期,當我們需要修改某些基本控制項的時候,母版帶來的修改效率一定會讓你深深的愛上這個功能,欲罷不能。
除了學會使用母版,更要學會善用母版。同樣有一點希望能記住,不要把太大的組合對象變成母版。因為越是大的組合對象,越是有可能需要在母版的很多地方做出修改。此時把一些母版和另外一個母版合並起來一般會是更好的辦法,這樣對母版的修改會更加的靈活,比如下圖,將產品基本信息和可能購買狀態分開成兩個母版,組合在一起成為產品的完整頁面
制定一套自己的交互風格
學會了創建自己的元件庫,也懂得了善用母版,當然還有其他很多Axure軟體的使用技巧。應該就可以很快速的完成一份交互原型稿了吧,可是又該如何保證交付稿有統一的風格,達到較高的目標水準呢?
首先,我們要熟悉APP的設計規范,符合Android或者iOS的設計理念,對於一些常規的控制項設計規則有一定的了解。這樣設計出來的產品才能符合這個平台的特性,並且基於大家對相關平台的一些固有認知,很容易能夠達成共識。這也是交互原型作為一個溝通交付物應該達成的目標。
基於對APP設計規范的熟悉,同時在製作過程中,要根據使用場景以及自己的習慣來制定一套自己的交互風格。比如可以定義好APP原型中,正文字體採用 微軟雅黑 顏色#333333 13字型大小、提示文字為微軟雅黑 顏色#999999 10字型大小、固定的appbar行高為40px,內容據左側屏幕邊緣10px距離......
當然某些規范,比如字體也可以當成一個字體元件,放到我們自製的元件庫中,總之要根據自己的情況靈活的運用。有了一套風格之後,加上創建的元件庫隨意修改顏色大小等,我相信製作出來的交互原型肯定是協調統一的整體。
讀讀日報原型製作
理論方法掌握了,需要實踐的鍛煉才能更好的吸收領悟。我參照「讀讀日報」iOS版,對主要的一些頁面畫了一些交互原型。基本過程和思路就是按照本文所提到的這些內容。
為了更有形象感,從網上找來一個iPhone手機的邊框,並且創建自己的部件庫,繪制了一些常用的圖標和控制項。然後設定了整體的風格,製作過程中也用到了幾個母版提高效率,同時可以使用輔助線幫助自己保證部件的對齊、平均分布等,進而提高布局的美感。
③ 手機app的交互特效怎麼弄安卓
1、打開安卓手機相機。
2、選擇左下角特效搜索交互,找到交互特效下載即可使用。以上就是手機app的交互特效使用步驟。
④ 如何做好APP應用的交互設計效果
說到精細視差效果的APP應用,就是指讓APP應用的多層背景以不同的速度移動,並形成立體的運動效果,APP應用設計時使用視差效果,可以為用戶帶來非常出色的感官體驗。在許多的APP應用中,設計師們喜歡在APP應用軟體的新手引導頁使用視差效果,可以讓用戶看到的時候產生眼前一亮的感覺,加深用戶對這個APP應用的第一印象。還有就是,精細的視差效果的APP應用設計也可以給用戶帶來錯落有致的新鮮體驗。
信息框架扁平化設計的APP應用
說到APP應用信息框架的扁平化設計,可以說是近幾年比較熱門的交互設計模式之一,扁平化的APP應用設計注重通過弱化視覺效果來強化功能主義。通過從信息架構的角度去應用扁平化設計理念,用以減少APP應用當中的信息層級,從而縮簡訊息到達用戶的距離,使用戶能夠更加快速便捷的通過APP應用獲取到自己所需要的信息。如此這般,便能大大縮短用戶獲取信息的等待和操作的時間,提高用戶對於APP應用的好感度。
設計使用轉場動效的APP應用
APP應用的轉場動效設計也是眾多APP應用設計師經常使用的模式,不過這里要說的並不是傳統的滑動、放大縮小等轉場動效,而是平滑的APP應用設計。平滑無縫的切換和體驗,信息需要沒有阻力的傳遞。這是由於用戶在瀏覽時,都需要集中精力,專注於目標任務來對APP應用進行一系列的操作。因此,優先注重極致平滑轉場動效的APP應用,在面對眾多強大的同行時,往往會具備更大的競爭力。
相信通過以上三個方面,可以在大家做APP應用的交互性設計時,能夠帶來更多的設計靈感和素材,並合理的運用到自己的APP應用當中,只有這樣,才能設計出真正令用戶好感和喜歡的,體驗效果絕佳和優質的,能夠取得最終勝利的,為企業實現盈利的APP應用來。否則的話,即便是APP應用擁有再好的創意,再好的質量,不能讓用戶產生好印象,也就無法獲得用戶喜愛,而失去用戶支持的APP應用,即便窮其一生也是無法取得成功的。
⑤ app怎麼製作
app製作流程如下:
一、需求分析、確定
手機app開發定製是以對商家開發需求的分析和確認為基礎展開的。商家在前期咨詢後產生進一步的合作意向,此時軟體開發公司與商家反復分析需求,評估編碼實現的可能性,確認最終需求。
二、軟體設計
手機app開發定製的第二步是軟體設計,根據前期分析階段確認的功能,進行軟體整體結構、功能模塊等等,形成設計方案。手機app開發定製的設計包括交互設計和UI設計兩個部分。
三、編碼實現
交由技術工程師用編碼實現功能模塊的開發,像安卓和IOS兩種系統的app並不兼容,所以要讓手機app軟體適應兩種系統就需要兩種不同的語言進行開發。也就是說,需要用到兩個不同工種的技術工程師。
四、進入測試
軟體各項功能設計完成之後,交由測試人員進行多環節對照測試,目的是檢測運行中遇到的bug,對bug進行修復和優化,避免上線之後遇到的問題。
五、軟體交付
手機app測試並修復bug之後,由軟體公司交付給甲方公司。
六、驗收
甲方公司對手機app開發定製的最終成果進行驗收。
七、軟體上線
預留審核時間,提交安卓應用市場和IOS應用市場,審核通過,手機app上線,手機app開發製作到這里就完成了。