正文

優(yōu)秀交互設(shè)計app欣賞（優(yōu)秀的交互設(shè)計）

發(fā)布時間：2023-04-28 14:59:37 稿源：創(chuàng)意嶺閱讀： 1550

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于優(yōu)秀交互設(shè)計app欣賞的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀企業(yè)，服務(wù)客戶遍布全國，設(shè)計相關(guān)業(yè)務(wù)請撥打175-8598-2043，或微信：1454722008

本文目錄:

1、手機app開發(fā)怎樣設(shè)計出簡潔實用的交互界面
2、當(dāng)前主流的app界面設(shè)計思想是什么
3、交互設(shè)計給app增加了什么功能
4、什么軟件可以設(shè)計動態(tài)app頁面交互

優(yōu)秀交互設(shè)計app欣賞（優(yōu)秀的交互設(shè)計）

一、手機app開發(fā)怎樣設(shè)計出簡潔實用的交互界面

簡單易用，在交互設(shè)計培訓(xùn)里面沒辦法給一個明確的公式或者結(jié)論。因為每個用戶的使用習(xí)慣都是不一樣的。對于簡單這個名詞，每個人的程度都是不一樣的。所以，在APP開發(fā)界面設(shè)計上，交互設(shè)計中只能根據(jù)大多數(shù)用戶的習(xí)慣以及設(shè)計的常理進(jìn)行解釋和定義。因此，我們在UI交互設(shè)計上，想要實現(xiàn)用戶人認(rèn)為簡單易用APP開發(fā)界面設(shè)計，就需要遵循用戶習(xí)慣和社會常理。

二、當(dāng)前主流的app界面設(shè)計思想是什么

1.移動優(yōu)先，簡約主義

移動設(shè)備屏幕的方寸之地迫使設(shè)計者返璞歸真，必須把那些花俏的修飾和多余的內(nèi)容去掉，優(yōu)先保證對業(yè)務(wù)和客戶體驗影響最大的功能的呈現(xiàn)。

同樣這還意味著此類應(yīng)用要想取得成功的話必須專注于極少數(shù)的功能子集。Clear這個例子，就是這樣，不僅只選取了待辦事宜中最基本的功能，連界面也是簡約主義。

簡單的界面要求將交互性降到最低。需要優(yōu)先考慮功能，專注于期望結(jié)果的基本需求。這里的挑戰(zhàn)是，要知道創(chuàng)建出一個可行的、令人滿意的產(chǎn)品你需要多少，有多少可以去掉，如何才能夠擴充產(chǎn)品和服務(wù)?？纯催@類應(yīng)用如何進(jìn)行演進(jìn)跟擴充是件有趣的事情。

2.四維思考，彰顯魔力

用戶界面設(shè)計者開始意識到，沒有必要再堅持把現(xiàn)實生活中的對象按照原樣照搬進(jìn)數(shù)字空間里面。數(shù)字世界跟現(xiàn)實本來就有差異。它可以賦予用戶魔力。它不再是用戶、鼠標(biāo)以及需要跟眼睛協(xié)調(diào)的手指芭蕾舞。而是用戶直接操作屏幕或者對象，他們所接觸到的是一個用戶無論走到哪里都可見的四維世界（時間、空間、人、信息）。Clear聚焦于手勢UI很好地詮釋了這種魔力，傳統(tǒng)上的待辦事宜應(yīng)用必備的復(fù)選框和文本輸入不需要了。

3.敏捷設(shè)計，動態(tài)原型

無論是設(shè)計者還是移動平臺都被推動著向動畫式的用戶界面設(shè)計的方向前進(jìn)。盡管手勢在日常生活中并非什么新鮮玩意兒，但是要想恰當(dāng)?shù)亍⒂幸饬x地把它運用到面向消費者的應(yīng)用當(dāng)中，對于設(shè)計者來說仍是一項挑戰(zhàn)，因為他們平時習(xí)慣于墨守常規(guī)，采用靜態(tài)的框架來設(shè)計界面。而如果軟件和產(chǎn)品研發(fā)采用新式的原型化及多學(xué)科混合方法（如敏捷方法和新的精益用戶體驗Lean UX）的話，創(chuàng)建出動態(tài)的、符合視覺和感覺習(xí)慣的原型并就其進(jìn)行溝通都會更加簡單、更加為用戶所接受。動畫式設(shè)計賦予應(yīng)用以更多的動態(tài)運動。跟好電影很類似的是，最關(guān)鍵的部分往往是那些靜態(tài)幀之間。

三、交互設(shè)計給app增加了什么功能

一、下拉輸入

代表應(yīng)用：Flickr、Opera Coast、any.do、Timi記賬

即通過下拉的動作來呼出輸入操作，比如搜索、添加項目等，比如flickr、opera coast就是通過下拉呼出搜索框，另外，還有一種就是下拉添加項目，此類的app有any.do、Timi記賬。下拉是一個很自然很便捷的動作，很適合于”隨時、快速輸入”的情境，比如any.do作為GTD應(yīng)用，采取下拉添加的設(shè)計就非常適合，因為很多時候，我們都會在這樣一種情境中使用這個功能：走在路上，突然有了一個靈感，于是趕緊打開any.do，把想到的記下來。這樣的情境要求能夠以最簡單、最快的方式輸入，而不用去尋找添加按鈕。

二、登錄驗證帳號

代表應(yīng)用：印象筆記

通常的登錄和注冊是分開設(shè)計的，而印象筆記將登錄和注冊整合，每一步驟都只有一個表單，注冊和登錄沒有任何沖突。這樣避免了”用戶已存在”然后又要重新填寫表單的不良體驗，在流程上有很大的優(yōu)化。

三、未激活按鈕的設(shè)計

代表應(yīng)用：snapchat

交互設(shè)計中有個叫做”預(yù)設(shè)用途”的原則，大意就是一個界面或者控件，要讓用戶一看見它就知道如何使用。顯然，最基本的要求就是至少要能知道這個控件可否操作，而所謂”未激活的按鈕”就是含有”激活”和”未激活”兩種狀態(tài)而目前處于”未激活”狀態(tài)的按鈕，這就要求分別對兩種狀態(tài)進(jìn)行設(shè)計。通常來說，有兩種方法，隱藏或呈不可操作的視覺效果（比如灰色），比如snapchat的表單填寫界面，當(dāng)表單尚未填寫完全時，CONTINUE按鈕一直處于灰色狀態(tài)，即告訴用戶該按鈕尚未激活。讀到這里你或許會覺得這其實很簡單嘛，但只要你仔細(xì)觀察一下，就會發(fā)現(xiàn)有很多的應(yīng)用沒有這樣設(shè)計。

四、輸入框title或提示文本的解決方案

代表應(yīng)用：dubble

通常設(shè)計輸入框時，我們會使用Lable標(biāo)簽給每個輸入框一個title，比如”用戶名”、”密碼”，另外，還會在輸入框中使用灰色的提示文本，如圖6所示。但是，在手持設(shè)備的應(yīng)用中，這樣的設(shè)計會產(chǎn)生兩個問題，一是浪費屏幕空間，我們知道，手持設(shè)備的屏幕空間是很寶貴的,而以Lable標(biāo)簽呈現(xiàn)的title會占去很大一塊屏幕空間；二是提示文本在用戶輸入時便消失不見，提示效果無法持續(xù)到任務(wù)結(jié)束。

五、懸浮聊天窗，滑動關(guān)閉聊天窗口

代表應(yīng)用：Facebook

如圖9所示，F(xiàn)acebook將聊天窗口懸浮在界面邊緣上，可以任意拖動，但會自動貼緊屏幕邊緣，打開聊天時其他背景半透明遮罩，層次感很強，按住聊天窗口任意位置向右上角滑動即可關(guān)閉聊天窗，有一個回收的動效。淘寶手機客戶端也借助了這個設(shè)計，這樣的設(shè)計對于以用戶動態(tài)為主，而私信聊天為輔的應(yīng)用非常適合，比如微博、QQ空間等。

四、什么軟件可以設(shè)計動態(tài)app頁面交互

簡單一點的有：墨刀、UIDesigner

稍微復(fù)雜一點的：Axure

編寫代碼實現(xiàn)的：Framer.js

以上就是關(guān)于優(yōu)秀交互設(shè)計app欣賞相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會為您講解更多精彩的知識和內(nèi)容。