正文

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

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

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

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

本文目錄:

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

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

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

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

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

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

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

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

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

2.四維思考，彰顯魔力

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

3.敏捷設(shè)計(jì)，動(dòng)態(tài)原型

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

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

一、下拉輸入

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

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

二、登錄驗(yàn)證帳號(hào)

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

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

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

代表應(yīng)用：snapchat

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

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

代表應(yīng)用：dubble

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

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

代表應(yīng)用：Facebook

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

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

簡單一點(diǎn)的有：墨刀、UIDesigner

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

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

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