首頁

聊一聊原子設(shè)計,對頁面造成的影響

ui設(shè)計分享達(dá)人

什么是交互設(shè)計?

交互設(shè)計是針對流程進(jìn)行的設(shè)計,為確保用戶與產(chǎn)品接觸時有符合的行為習(xí)慣,保持操作過程的流暢邏輯,需要通過交互設(shè)計來引導(dǎo)行為,設(shè)計整個行為流程。

流程中需要考慮接觸前的信息顯示,接觸過程中的體驗反饋,以及接觸后的結(jié)果反饋,來給予我們下一步的行為指示。交互流程的目的以提升用戶使用產(chǎn)品過程的體驗感受為目標(biāo)。

那么我們應(yīng)該根據(jù)用戶習(xí)慣設(shè)計功能?還是設(shè)計可以改變用戶原有使用習(xí)慣?

產(chǎn)品設(shè)計該以什么樣的交互方式呈現(xiàn)?我們的設(shè)計又是否為用戶帶來愉悅的使用體驗?

一、用戶行為特征

1. 用戶行為的認(rèn)知塑造

在《俞軍產(chǎn)品方法論》中關(guān)于用戶行為背后原理的闡述,在行為發(fā)生前,用戶會接受一個情境的刺激,然后用戶會根據(jù)已有的認(rèn)知經(jīng)驗去產(chǎn)生一個主觀的期望效果,并產(chǎn)生與之對應(yīng)的行為。行為產(chǎn)生的結(jié)果反饋又會成為認(rèn)知經(jīng)驗,從而可能對用戶的下一次行為產(chǎn)生影響。

用戶的行為認(rèn)知具有可塑性,會根據(jù)每次行為的反饋積累經(jīng)驗來完善認(rèn)知模型,每次的結(jié)果反饋也會影響用戶下一次產(chǎn)生相應(yīng)行為的判斷??梢娪脩粜袨槠鋵嵰彩且粋€不斷學(xué)習(xí)和適應(yīng)的過程。

用戶行為受以往經(jīng)驗影響,即在使用產(chǎn)品前就會根據(jù)認(rèn)知去引導(dǎo)行為的產(chǎn)生。不只在同一產(chǎn)品中會有這種行為,用戶同樣會把認(rèn)知經(jīng)驗也代入到相似產(chǎn)品上,繼而有著相同的使用期望和操作行為。

這與尼爾森提出的雅各布定律有著相同的理論結(jié)果,作為10大可用性原則的提出者,他通過研究發(fā)現(xiàn)用戶更善于根據(jù)已積累的經(jīng)驗來使用產(chǎn)品。

雅各布定律用戶將大部分時間花在其他網(wǎng)站上。這意味著用戶更喜歡您的網(wǎng)站與他們已經(jīng)知道的所有其他網(wǎng)站相同的方式工作。為用戶習(xí)慣的模式設(shè)計。

Users spend most of their time on other sites. This means that users prefer your site to work the same way as all the other sites they already know. Design for patterns for which users are accustomed

遇到新事物時,當(dāng)產(chǎn)品概念與用戶認(rèn)知不匹配,用戶在使用產(chǎn)品的過程中就會由于不一樣的理解方式而產(chǎn)生困惑,甚至產(chǎn)生持續(xù)性的錯誤操作,所以在設(shè)計思考中應(yīng)盡量考慮用戶原有認(rèn)知習(xí)慣。

舉個較簡單的例子,在抖音習(xí)慣了豎屏沉浸式瀏覽短視頻的行為后,在相應(yīng)視頻類產(chǎn)品也會產(chǎn)生同樣需求的場景,提供對應(yīng)的功能滿足用戶需求,有助于用戶使用產(chǎn)品提升平臺內(nèi)容的消費曝光,相同的交互方式和內(nèi)容信息展示也有助于降低用戶理解成本,提升使用體驗。

2. 習(xí)慣養(yǎng)成的用戶體驗

(1)認(rèn)知負(fù)荷

為什么用戶更喜歡根據(jù)已有經(jīng)驗來使用產(chǎn)品?這就需要了解另一個概念,認(rèn)知負(fù)荷。

認(rèn)知負(fù)荷是指一個人工作記憶中正在使用的注意力或者精神力總量。

人對信息的理解、短時記憶存儲是有容量限制的,當(dāng)我們的大腦接收的信息超過了上限, 就會減慢大腦信息處理的效率,在短時間內(nèi)處理大量信息必然會增加大腦的認(rèn)知負(fù)荷,進(jìn)而影響到判斷與決策。

而用戶在操作任務(wù)時,相關(guān)信息又會存儲在大腦的短期記憶中,在理解頁面信息時,需要識別、思考、記憶越多就會產(chǎn)生負(fù)荷。

表現(xiàn)在用戶自身上的就會覺得復(fù)雜,“這個是什么意思?”、“接下來要做什么”等等問題都會轉(zhuǎn)變成負(fù)向的情緒反饋。

所以用戶行為的習(xí)慣性是因為行為反饋符合自身認(rèn)知,這樣讓產(chǎn)品使用起來更“簡單”。好的設(shè)計不需要讓用戶過多思考,這也指導(dǎo)我們設(shè)計師在方案思考的時候要可能降低用戶學(xué)習(xí)成本。

(2)習(xí)慣遷移

既然用戶行為習(xí)慣如此重要,那么就無法改變了嗎?

一般來說,舊的行為體驗越久,形成的沉沒成本越高,由于損失厭惡心理的存在,用戶接受新體驗方式的意愿會越低,沉沒成本是指過去的決策所產(chǎn)生的不可挽回的成本,包括時間、金錢和精力等等。

用戶和產(chǎn)品的關(guān)系在于價值互換,如果一個產(chǎn)品對用戶來說沒有價值,即使體驗再好也不會去用,而當(dāng)用戶因為需求價值來使用產(chǎn)品時,如果體驗足夠好就可能留下來,用戶習(xí)慣遷移的最迫切問題就是怎樣讓新的產(chǎn)品(體驗)所能提供的用戶使用價值,足夠忽略沉沒成本的損失。

在《俞軍產(chǎn)品方法論》中,給出了提升用戶價值有三種方式:讓新體驗最大化,讓舊體驗最小化,降低替換成本,三者互相影響。

在產(chǎn)品設(shè)計中,我認(rèn)為盡可能的根據(jù)用戶行為習(xí)慣去設(shè)計可以幫助用戶更好的理解和使用產(chǎn)品,為用戶習(xí)慣設(shè)計不是簡單的對競品模仿復(fù)制功能使用,而是更多關(guān)注用戶自身的行為需求去提供更多的產(chǎn)品價值,提升使用過程中的體驗,做到有價值的設(shè)計創(chuàng)新。

抖音目前的成功毋庸置疑,它改變了原有的視頻瀏覽方式,通過沉浸式內(nèi)容展示提升了用戶專注度,滑動切換視頻保證了視頻瀏覽的延續(xù)性,將音樂當(dāng)成視頻素材進(jìn)行二次創(chuàng)作等等一系列創(chuàng)新都提升了產(chǎn)品價值。

所有的行為習(xí)慣都需要學(xué)習(xí),但是好的習(xí)慣用戶只需要學(xué)習(xí)一次,上滑手勢的交互動作幾乎不需要什么成本,對視頻流內(nèi)容獲取也有著很強(qiáng)的成癮性,很容易形成行為習(xí)慣。

作為抖音前身的Musically,創(chuàng)始人朱駿通過觀察當(dāng)代年輕人在手機(jī)上的使用,將原本教育平臺的構(gòu)想轉(zhuǎn)向做娛樂化平臺適應(yīng)人群行為習(xí)慣。

年輕人有著極強(qiáng)的個性表現(xiàn)需求,并且已經(jīng)在諸如YouTube,Snapchat等平臺懂得如何剪輯,拍攝視頻,內(nèi)容生產(chǎn)不需要有過多的學(xué)習(xí)成本。但即便如此,還是發(fā)現(xiàn)了平臺用戶的上傳頻率不高,用戶很難保持高活躍的產(chǎn)出。

后來為了養(yǎng)成用戶隨時隨地創(chuàng)作內(nèi)容的習(xí)慣,將產(chǎn)品價值調(diào)整為專業(yè)對口型APP,順應(yīng)當(dāng)時一個對口型挑戰(zhàn)的節(jié)目觀眾的模仿需求,進(jìn)一步降低了內(nèi)容生產(chǎn)門檻,優(yōu)化了原本普遍認(rèn)知下的上傳拍好的視頻片段到軟件,再添加音樂進(jìn)行剪輯的流程,這也極大的提升了內(nèi)容生產(chǎn)效率。

我很認(rèn)同他說的,一個產(chǎn)品成功的核心,其實是因為他的一個功能很能打,不在于一直增加功能。

二、用戶行為模型

商業(yè)產(chǎn)品開發(fā)最終都是為實現(xiàn)商業(yè)價值,循序漸進(jìn)地培養(yǎng)用戶行為習(xí)慣,有助于更高的留存,對于用戶行為設(shè)計、習(xí)慣設(shè)計,本質(zhì)上都是通過一系列優(yōu)秀的體驗來強(qiáng)化行為習(xí)慣,加強(qiáng)用戶需求與產(chǎn)品價值間的關(guān)聯(lián),讓用戶自然而然的形成品牌認(rèn)知,比如當(dāng)用戶想打車或者想購物時心中所浮現(xiàn)的產(chǎn)品。

在行為設(shè)計中,有諸多因素會影響用戶是否會去使用產(chǎn)品/功能,福格模型將影響用戶行為的因素總結(jié)成以下概念:

B=MAP

這個概念看似簡單,但是適用于所有類型的行為,并且有很強(qiáng)的通用性,這個概念由行為科學(xué)家福格提出來,為各個領(lǐng)域的行為設(shè)計提供解決方案。

福格行為模型當(dāng)動機(jī)(M)、能力(A)和提示(P)同時出現(xiàn)時,就會發(fā)生行為(B)

Behavior(B)happenswhenMotivation(M),Ability(A),andaPrompt(P)cometogetheratthesamemoment.

希望用戶具有哪些行為,用策略進(jìn)行引導(dǎo),設(shè)計滿足三個條件的方案或制造條件滿足,福格模型對我們的設(shè)計方向也提供了更多的想法。

總的來說,為觸發(fā)用戶對產(chǎn)品的使用行為,需要給予用戶足夠的動機(jī),幫助用戶獲得能力,設(shè)計足夠明顯的提示。

在動機(jī)方面可以考慮用戶自身想要的內(nèi)在需求,或通過外界獲得利益激勵,也可以根據(jù)用戶心理需求形成用戶間競爭、跟風(fēng)、群聚等羈絆。

我們在設(shè)計上極可能地降低使用門檻,降低復(fù)雜程度,幫助用戶減輕心理負(fù)擔(dān)或解除憂慮。

考慮當(dāng)下場景給予明顯的提示,做到“需要什么的時候剛好出現(xiàn)什么”,符合自身行為需求,保持用戶產(chǎn)品使用流程的連續(xù)性也有助于體驗的提升。

三、用戶行為設(shè)計

用戶行為是指用戶與產(chǎn)品進(jìn)行交互的方式,設(shè)計師根據(jù)用戶行為特征進(jìn)行設(shè)計,來提升產(chǎn)品使用過程中的用戶體驗,通過福格模型我們可以有更多的方案思考方向,在產(chǎn)品行為設(shè)計上比較常用的方式可以分成引導(dǎo)和預(yù)判兩種類型。

引導(dǎo)設(shè)計需要讓用戶明確當(dāng)前的狀態(tài),知道下一步能做的事情,避免用戶行為中斷;而預(yù)判類型主要需要考慮用戶下一步的行為,當(dāng)用戶有明確的行為目標(biāo)時,輔助用戶高效完成。

1. 引導(dǎo)

(1)未完成效應(yīng)

利用心理學(xué)上的蔡格尼克記憶效應(yīng)來提升用戶對未完成狀態(tài)的關(guān)注度,比如以進(jìn)度條形式的任務(wù)類型。部分遮擋的內(nèi)容信息設(shè)計方式也可以傳達(dá)給用戶,滑動可以查看更多內(nèi)容的行為引導(dǎo)。

(2)信息提示

在用戶操作過程中,通過信息提示可以讓用戶明確不同操作行為的結(jié)果反饋,引導(dǎo)用戶做出符合自己預(yù)期的行為,降低不確定性和誤操作。

比如通過下拉操作出現(xiàn)的淘寶二樓,和微信中語音信息的發(fā)送都進(jìn)行了信息提示。

(3)視覺動線

通過對用戶視線方向進(jìn)行引導(dǎo),達(dá)到傳達(dá)提示作用,在游戲設(shè)計中比較常用于方向指引。

如光遇中,用戶行進(jìn)方向錯誤時,會有些微的鏡頭偏移到正確方向來進(jìn)行提示,或者如原神中,直接以道路的行進(jìn)方向來提示位置信息。

(4)物理映射

通過隱喻設(shè)計的方式,讓用戶聯(lián)想與物理環(huán)境中相似事物的特征,通過擬物的方式建立聯(lián)系,將現(xiàn)實生活中的認(rèn)知代入產(chǎn)品中,以達(dá)到降低理解成本的作用。

比如在好好住中,利用陀螺儀來模擬物體掉落的重力感,增強(qiáng)了徽章的真實感和趣味性,網(wǎng)易云音樂模擬了黑膠唱片換盤、播放暫停等操作,儀式感滿滿。

2. 預(yù)判

(1)符合情境

產(chǎn)品設(shè)計的一個值得關(guān)注的點是合時宜,在不同的情境中,用戶的行為和意圖也會有所不同,針對性的進(jìn)行區(qū)分設(shè)計才會更符合用戶預(yù)期。

比如在美團(tuán)外賣中,在午間或晚間不同時間段打開的內(nèi)容推薦也會有所差異,會根據(jù)時間段區(qū)分不同的內(nèi)容展示。

(2)高頻行為

用戶與產(chǎn)品的關(guān)系是,用戶通過產(chǎn)品的使用來解決自身需求。在支付寶中,作為支付平臺,用戶間的高頻行為是轉(zhuǎn)賬、發(fā)紅包等交易行為,給予更多顯示可以降低查找成本。

騰訊視頻作為內(nèi)容平臺,內(nèi)容推薦的優(yōu)先級也受用戶喜好等因素影響,在一般情況下,用戶手動標(biāo)記的追劇內(nèi)容會比單純平臺內(nèi)容推薦更有播放需求,也更容易觸達(dá)用戶提升播放動機(jī)。

(3)臨時反饋

在一些流程設(shè)計中可能存在較強(qiáng)的上下步驟連續(xù)性,在系列行為完成前,用戶的關(guān)注度會更高。當(dāng)原流程中,若短時間內(nèi)重要的反饋信息需要強(qiáng)調(diào)時,將信息以成本最低的方式直接曝光給用戶,可以提升在整個流程中的高效率體驗。

餓了么作為外賣應(yīng)用,當(dāng)用戶下單后到收到外賣之前,再次使用APP,關(guān)注度最高的是當(dāng)前訂單配送的位置時效,收貨后訂單狀態(tài)的優(yōu)先級就會被降低,通過臨時狀態(tài)的顯示規(guī)則,可以靈活的解決信息顯示優(yōu)先級的不同狀態(tài)。

同樣在iOS短信驗證碼的獲取過程中,因為驗證碼的獲取和輸入有著較強(qiáng)的關(guān)聯(lián),收到短信后直接顯示便于填寫,輸入之后信息的需求降低,可以間隔時間或操作后自動消失。

(4)簡化流程

在功能使用中,設(shè)計師應(yīng)該在功能使用,有符合用戶行為認(rèn)知的前提下,盡可能不需要讓用戶頻繁操作,應(yīng)該縮短操作路徑,減少多余思考成本。

在微博首頁的信息流中,當(dāng)沒有評論數(shù)時點擊,會在當(dāng)前頁面直接顯示進(jìn)入評論流程,不中斷當(dāng)前信息瀏覽的狀態(tài);當(dāng)有評論時點擊,會進(jìn)入詳情頁的評論區(qū)。

一般來說,簽到都是為了提升用戶活躍的功能,通過外部獎勵養(yǎng)成啟動APP的習(xí)慣。樸樸中用戶點擊簽到入口,跳轉(zhuǎn)到簽到頁時,會自動進(jìn)行簽到,在用戶目的明確的情況下減少了還需手動再次觸發(fā)點擊的行為。

四、用戶行為驗證

在設(shè)計方案的分析中,我們會設(shè)想最理想的用戶行為路徑來思考,但用戶實際的產(chǎn)品使用過程有時候會與我們設(shè)想的有所差異。

在設(shè)計之初就需要考慮到用戶的行為路徑可能不只是一個線性活動,需要考慮多種行為路徑的情況加以權(quán)衡。并且我們所做的設(shè)計是針對某一類群體的行為,而非獨立的某一個用戶,考慮這類群體的行為共通性,才避免陷入過于過于絕對的細(xì)節(jié)判斷。

為了設(shè)計更符合用戶行為的方案,用戶調(diào)研應(yīng)貫穿整個流程,通過定性和定量分析相結(jié)合來輔助我們做設(shè)計決策。

定性分析一般可以通過用戶訪談的方式來來了解用戶體驗的具體反饋和原因。

定量分析通過埋點數(shù)據(jù)來驗證群體行為的普遍特征,常用的數(shù)據(jù)主要關(guān)注以下兩種類型:

使用數(shù)據(jù):

  • PV:進(jìn)入頁面或者功能使用的次數(shù)
  • UV:進(jìn)入頁面或者是功能使用的用戶個數(shù),基于PV進(jìn)行查重
  • 曝光率:進(jìn)入用戶視野中的次數(shù)
來源:人人都是產(chǎn)品經(jīng)理    作者:天黑黑
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。 

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍(lán)藍(lán)設(shè)計www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司 

設(shè)計的意義

ui設(shè)計分享達(dá)人

保羅·蘭德說:“設(shè)計是一種行為,是想象力馳騁的過程和產(chǎn)物。”

作為設(shè)計師,設(shè)計是我們的專業(yè),也是我們用來解決商業(yè)問題的工具。

我們過去也許都曾思考過類似設(shè)計的價值、意義或是本質(zhì)之類的問題。思考這類問題在某種意義上或許都是為了當(dāng)我們遇到困難、沖突、低谷或是不確定性的時候給自己找一些能夠堅持下去的理由。

設(shè)計師在從業(yè)的不同階段,對設(shè)計的理解不同。從追求工具技能到表現(xiàn)力、方法論、風(fēng)格到影響行業(yè)甚至社會審美意識等等。不斷的錘煉之后,對設(shè)計意義也會有不同理解。

我們奉為的大師,都擅長用自己的知識架構(gòu)定義對設(shè)計的理解。

保羅·蘭德就是一位我們公認(rèn)的設(shè)計大師、藝術(shù)家。他是當(dāng)今美國乃至世界上最杰出的圖形設(shè)計師、思想家及設(shè)計教育家之一。他最出名的企業(yè)標(biāo)志設(shè)計,包括IBM,UPS,ABC標(biāo)志以及為史蒂夫·喬布斯設(shè)計NeXT.那段經(jīng)典橋段。

去研究這些前輩們?nèi)绾慰创O(shè)計、理解設(shè)計以及如何與設(shè)計相處一生,是另一種設(shè)計哲學(xué)的思辨。


保羅·蘭德說:

“設(shè)計是一種行為,是想象力馳騁的過程和產(chǎn)物?!?/strong>

設(shè)計表現(xiàn)可能看似是簡單的組裝、排序或是美化的過程,但設(shè)計的過程也是賦予信息意義的過程。不斷的簡化、厘清、修飾甚至可能去說服、去取悅過后,設(shè)計就是把散文變成詩歌的過程。

設(shè)計師是孤獨的,大部分時候他們是一個人在戰(zhàn)斗。

設(shè)計是個人行為,即便在設(shè)計成熟度較高的國家、企業(yè)或是大型團(tuán)隊,設(shè)計師仍需在一線才能真正掌控在這場戰(zhàn)斗中可能遇到的極其細(xì)節(jié)的變化和給人傳達(dá)的感受。

設(shè)計需要沖突來加深傳達(dá)的“戲劇性”。但設(shè)計過程也面臨種種沖突。這是設(shè)計的商業(yè)價值與藝術(shù)價值平衡的過程。正是因為這種關(guān)心很難平衡,才會出現(xiàn)雇主與設(shè)計師之間的沖突。

企業(yè)的目標(biāo)是達(dá)到商業(yè)、經(jīng)濟(jì)、政治甚至社會性目的。對設(shè)計師而言,設(shè)計是一種創(chuàng)造和實驗行為。通過這種行為來平衡之前的目標(biāo)。

設(shè)計品質(zhì)最終決定設(shè)計師與核心決策者之間的關(guān)系。關(guān)心越是緊密,設(shè)計的產(chǎn)出就越有可能出彩。這其實并不難理解,對設(shè)計完成度有高追求的企業(yè),CEO也大多都跟設(shè)計團(tuán)隊或是設(shè)計咨詢公司有較為緊密的往來。就比如蘋果的喬布斯與喬納森是我們都公認(rèn)的CEO與設(shè)計師高緊密度關(guān)系的典范。

當(dāng)今社會,市面上依然存在太多糟糕的設(shè)計。

一來,核心的決策者對設(shè)計專業(yè)的理解度不夠。

二來,很多決策依賴于市場調(diào)研,既得利益的權(quán)重大于長遠(yuǎn)利益。

再就是我們回避不開的話題,設(shè)計師在某種意義上話語權(quán)不夠。

抉擇者很多時候不了解或是存在對某類元素特定的喜好偏見,他們有評價權(quán),但卻缺乏對設(shè)計專業(yè)知識的儲備。所以就會普遍出現(xiàn)外行指導(dǎo)內(nèi)行的情況。過往(現(xiàn)在好一些),他們將設(shè)計師看做一套繪圖工具,一個合作供應(yīng)商而不是一個業(yè)務(wù)團(tuán)隊里重要的組成部門。

體系完整的企業(yè)可能會引入市場調(diào)研團(tuán)隊,調(diào)研團(tuán)隊為營銷提供定位信息,設(shè)計師來解讀和演繹那些信息。如果調(diào)研團(tuán)隊能理解設(shè)計師的工作過程與其產(chǎn)生共鳴,就有可能促成正確決策甚至產(chǎn)生驚喜的創(chuàng)意作品。

但很多時候,我們聽到了太多這樣的回復(fù):

我喜歡它;

我不喜歡它;

它太簡單了;

它太復(fù)雜了;

它讓我想起某某...

常常一句“我不喜歡”就可以終結(jié)任何設(shè)計作品。


就像當(dāng)初一位IBM的主管第一次看到這個條紋logo時嘲弄到說“這東西讓我想起格魯吉亞的鎖鏈囚犯”。

每個人所能感知的信息都不盡相同。

有人既看不到logo的意義,也看不到它的功能。也正因為過于用喜好而不是專業(yè)去評判,才讓糟糕的設(shè)計一直留存于我們的世界。而大眾對糟糕的設(shè)計要比對好設(shè)計更加熟悉,于是大家習(xí)慣于選擇不好的設(shè)計,因為和他們朝夕相處。

新事物讓人感受到威脅,而舊事物讓人安心。

要判斷一個設(shè)計的內(nèi)在價值,決定性因素不是使用期,而是它所設(shè)定的“品質(zhì)預(yù)期”。這是設(shè)計師的價值,也是設(shè)計師該練就的“知覺”。

何為知覺?

我們可以把知覺暫定為“瞬間的洞悉”。設(shè)計師在做設(shè)計決策的時候大部分都是依賴過往的知識儲備以及慣性技能。不斷的嘗試,都是通過瞬間對各方向的可能性判斷。

本能、預(yù)感、沖動、洞悉之后的綜合“洞悉”,這就是知覺。

說到logo,我們常把logo當(dāng)成品牌價值傳遞的重要符號。

它是一面旗幟、一個簽名、一個路標(biāo)。大部分時候,雇主期待logo能描述一個行業(yè),但歷史上最成功的logo都沒能做到。蘋果、勞斯萊斯、可口可樂、或是IBM等等...不可否認(rèn)的是它們都是歷史上最成功的logo,但它們卻無法做到能傳遞它們的行業(yè)屬性。因為logo遠(yuǎn)不如它所代表的產(chǎn)品重要,它所代表的比它看起來的樣子更重要。


因為只有l(wèi)ogo與它所屬的公司、產(chǎn)品、服務(wù)聯(lián)系起來時,它才具備真正的意義。一流的產(chǎn)品和公司的logo傳遞出一流的形象。反之一個公司如果是二流的,那么它的logo最終也會被歸為二流。

logo首先要告訴人們“是誰”,而不是“是什么”。這才是它最基礎(chǔ)且最重要的功能。它所扮演的角色就是“指示”?!昂啙崱笔沁_(dá)成指示的手段。所以設(shè)計過程中的特點、好記以及清楚都是需要設(shè)計師在打磨細(xì)節(jié)前首先要做好的決策。一個復(fù)雜、挑剔、模糊的設(shè)計潛藏著自我毀滅性的風(fēng)險。

“好的設(shè)計帶來好的生意”。但不可否認(rèn),即使不好的設(shè)計,也可能帶來好的生意(比如下圖)。如果這樣,還需要好的設(shè)計么?

好的設(shè)計可以增添額外的附加價值,很多時候,也許光看著它就能給人們帶來快樂。它們更尊重感官,并通過這種友好的感官體驗,給企業(yè)帶來回報。人們更容易記得精美而不是一團(tuán)糟的形象。它折射出一個考慮周全,目標(biāo)明確的企業(yè),反映了它的產(chǎn)品或者服務(wù)的品質(zhì)。


所以,這個世界需要好的設(shè)計,設(shè)計師要做的就是用設(shè)計向世界傳遞一些更有價值的觀點。這是設(shè)計師的工作,也是設(shè)計該有的意義。
來源:站酷     作者:大寶頻道
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。 

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍(lán)藍(lán)設(shè)計www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司 

一篇就夠:十大心理學(xué)原理在產(chǎn)品設(shè)計中的應(yīng)用

ui設(shè)計分享達(dá)人

對于產(chǎn)品經(jīng)理、設(shè)計師和運營人員,心理學(xué)都是必須要補的一門課程。

可能很多同學(xué)都犯過和小摹相同的錯誤——在各種商城放“神券”的時候屯一大堆專業(yè)書籍。實際上,心理學(xué)的書籍你大概只要看到第三本,就會發(fā)現(xiàn)翻來覆去講的就是那么幾個淺顯易懂的道理,而且大部分都是你在日常生活中就能觀察和感受到的。

基礎(chǔ)心理學(xué)(消費者心理學(xué),社會心理學(xué),傳播和行為心理學(xué)等)的概念都不難,但如何精妙地運用在自己的專業(yè)上則非??简炇褂谜叩墓αΑ?

為什么產(chǎn)品、設(shè)計、運營都需要學(xué)習(xí)心理學(xué)?

因為他們工作的本質(zhì)都是和“人”打交道——用產(chǎn)品方案、視覺內(nèi)容和活動規(guī)劃來影響用戶的決策、行為和心理。

你可能會覺得“依靠數(shù)據(jù)來統(tǒng)計用戶的行為再針對性決策”會更客觀,但實際上想得到靠譜的數(shù)據(jù)和正確的結(jié)論一點也不輕松,甚至很多公司根本不具備開展這類型調(diào)研的條件。

在這種情況下唯一的辦法還是洞察用戶并主動決策,此時基礎(chǔ)心理學(xué)原理就是你進(jìn)行判斷的重要依據(jù)。

本文為大家梳理了十大著名的心理學(xué)原理,這些概念來自于多本心理學(xué)的經(jīng)典名著,小摹進(jìn)行了適當(dāng)整合。

一、懷舊思維

簡單來說,就是人們在絕大部分時候都會遵循歷史慣性,更愿意相信過去的結(jié)論。

這也解釋了為什么現(xiàn)代商業(yè)中,品牌一直是一項核心競爭力:如果一個品牌曾經(jīng)贏得了消費者的信任,那么消費者往往愿意持續(xù)選擇這個品牌的產(chǎn)品。

在產(chǎn)品設(shè)計中,懷舊思維有著極其豐富的應(yīng)用場景。比如軟件產(chǎn)品的交互對于操作上的創(chuàng)新要非常慎重——快捷鍵、交互邏輯、界面布局等盡量和行業(yè)中主流產(chǎn)品一致,會更容易讓新用戶接受。

比如我們的原型設(shè)計工具“摹客RP”,界面布局借鑒了國外的UI工具Figma和Sketch。雖然產(chǎn)品主打的方向并不相同,但遵循業(yè)界已經(jīng)約定俗成的定式設(shè)計,在新用戶上手的角度有很大的優(yōu)勢。

二、暈輪效應(yīng)

暈輪效應(yīng)原指人際交往中,人身上表現(xiàn)出的某一方面的特征,掩蓋了其他特征,從而造成人際認(rèn)知的障礙。

比如有的老年人對青年人的個別缺點,或衣著打扮、生活習(xí)慣看不順眼,就認(rèn)為他們一定沒出息;有的青年人由于傾慕朋友的某一可愛之處,就會把他看得處處可愛,真所謂"一俊遮百丑"。

暈輪效應(yīng)是一種以偏概全的主觀心理臆測,和上面的懷舊思維類似,屬于一種思維的定式,因為這種方式大腦在決策時會更輕松。

對于產(chǎn)品規(guī)劃者,尤其要想清楚自己的核心優(yōu)勢和賣點是什么,不必完美主義地去追求面面俱到,因為如果最突出的優(yōu)點能打動用戶,即使有缺點也很容易被用戶忽略。

三、習(xí)得性無助

簡單地說,如果用戶在過程中產(chǎn)生了“無論如何都無法改變現(xiàn)狀”的感受,容易陷入深深的絕望和悲哀。

在實驗中,經(jīng)過訓(xùn)練的狗本可以逃避實驗者加于它的電擊。但是,如果狗以前受到過不可預(yù)期(不知道什么時候到來)且不可控制的電擊(如電擊的中斷與否不依賴于狗的行為),他們就會徹底躺平并不再逃離。

狗之所以表現(xiàn)出這種狀況,是由于在實驗的早期學(xué)到了一種無助感。

也就是說,它認(rèn)識到自己無論做什么都不能控制電擊的終止。

人如果產(chǎn)生了習(xí)得性無助,將很快拋棄當(dāng)前讓他產(chǎn)生失望感的產(chǎn)品。這個原理解釋了為什么現(xiàn)在商品或者服務(wù)往往都要為用戶提供非常順暢的溝通方式(比如熱線電話)。

如果你比較了解國外在線軟件行業(yè)趨勢,就會發(fā)現(xiàn)很多的新興產(chǎn)品都已經(jīng)不滿足于提供官方的Email地址,而是直接提供Discord鏈接(可以理解為在線聊天室)。

及時的直接溝通可以避免用戶產(chǎn)生絕望感,增加產(chǎn)品的生存幾率。

四、貝博規(guī)率

其實用一個成語就可以形容這個規(guī)律:得寸進(jìn)尺。在實際場景中,只要想辦法讓用戶先接受了一個小要求,之后就更可能讓他接受一項更大、更不合意的要求。

原始的實驗中,心理學(xué)家讓兩位大學(xué)生訪問郊區(qū)的一些家庭主婦。其中一位首先請求家庭主婦將一個小標(biāo)簽貼在窗戶(這是一個小的、無害的要求)。

兩周后,另一位大學(xué)生再次訪問家庭主婦,要求她們在院內(nèi)豎立一個呼吁安全駕駛的大招牌(該招牌很不美觀,這是一個大要求)。

結(jié)果答應(yīng)了第一項請求的人中有55%的人接受這項要求,而那些第一次沒被訪問的家庭主婦中只有17%的人接受了該要求。

這個實驗說明,如果想要用戶達(dá)到最終的目標(biāo),可以先適當(dāng)設(shè)置一些和最終目標(biāo)相關(guān),但完成難度小得多的目標(biāo),循序漸進(jìn)地引導(dǎo),可以大大提升轉(zhuǎn)化率。

這種原理在各種產(chǎn)品的銷售的場景的可謂是遍地開花。

比如汽車、不動產(chǎn)等高價的商品,往往會給打出“來訪即送好禮”的方式吸引用戶前往,然后通過用戶試駕、樣板房體驗等環(huán)節(jié)引導(dǎo)用戶去體驗和接納,客戶有意向后,也只會要求付定金(而不是全款)......這樣繁復(fù)的流程都是為了把困難的目標(biāo)拆解得更細(xì)小。

五、主觀性證詞

心理學(xué)研究表明,很多證人提供的證詞都不太準(zhǔn)確,或者說是具有明顯的個人觀點、傾向性和意識。甚至,證人對他們的證詞的信心和證詞的準(zhǔn)確性沒有足夠的相關(guān)性。

結(jié)合這個原理,就能更好地理解為什么問卷或是訪談等經(jīng)典的調(diào)研方法并不一定能收集到足夠準(zhǔn)確的信息,對于一些主觀性較強(qiáng)的問題,個人的傾向會極大的影響答案的可信度。

正確的做法是,盡量避免在調(diào)研中出現(xiàn)主觀性過強(qiáng)的題目,如果無法避免,盡量將題目拆解為多項能被客觀量化或評估的問題。如果沒有考慮用戶本身對于產(chǎn)品的傾向性,很可能被言過其實的“證詞”誤導(dǎo)出錯誤的結(jié)論。

六、馬太效應(yīng)

馬太效應(yīng)是指好的愈好,壞的愈壞,多的愈多,少的愈少的一種現(xiàn)象,出自圣經(jīng)《新約 | 馬太福音》中的一則寓言。

這個效應(yīng)常為經(jīng)濟(jì)學(xué)界所借用,反映貧者愈貧,富者愈富,贏家通吃的經(jīng)濟(jì)學(xué)中收入分配不公的現(xiàn)象。

類似的理論還有很多,比如二八定律(20%的頭部公司掌握80%的市場份額,20%的優(yōu)質(zhì)客戶貢獻(xiàn)80%的銷售收入,等等)。

這個原理告訴我們,要想讓產(chǎn)品在某一個領(lǐng)域保持優(yōu)勢,就必須在此領(lǐng)域迅速做大。

當(dāng)你成為某個領(lǐng)域的領(lǐng)頭羊時,你也能更輕易地獲得比弱小的同行更大的收益。而若沒有實力迅速在某個領(lǐng)域做大,就要不停地尋找新的發(fā)展領(lǐng)域,才能保證獲得較好的回報。

七、從眾行為

營銷和促銷手段中最重要心理原理之一,即:人們更容易相信被多數(shù)人接受的選擇。

我們經(jīng)??梢钥吹铰愤厓杉也蛷d,一家門口排滿了等待的食客,另一家卻一桌客人都沒有,巨大的反差往往讓后面到來的客人寧愿等待也要選擇人多的餐廳。

關(guān)于這種心理,哲學(xué)家認(rèn)為是人類理性的有限性,社會學(xué)家認(rèn)為是人類的集體無意識,而經(jīng)濟(jì)學(xué)家則從信息不完全、委托代理等角度來解釋。但需要特別注意的是,從眾行為并非絕對的,因為在追求個人喜好上,人類往往也有很多個性的需求,從眾行為和個性追求往往是同時存在的。

從眾行為最典型的應(yīng)用方式就是密集推薦或評價,現(xiàn)在的書籍的扉頁動輒幾十條推薦語,在線服務(wù)往往也會引用大量網(wǎng)友的好評,來證明自己的價值。

新產(chǎn)品在推向市場時,先多收集一些用戶的正面評價,宣傳時會非常有利。

八、比較心理

這是消費者心理學(xué)最經(jīng)典的原理,簡單來說就是把一個200元的產(chǎn)品和一個100元的看上去差不多的產(chǎn)品擺在一起,你就會覺得100元這個超級劃算,很容易產(chǎn)生購買的沖動。

對于每個人來說,所有的認(rèn)知,價值觀和結(jié)論都是建立在【比較】的基礎(chǔ)上得出的,所以,影響一個人的認(rèn)知,最有效的辦法就是創(chuàng)造對比的機(jī)會。

價格頁面最喜歡運用比較心理,因為比較心理可以幫助他們重新設(shè)定消費者的認(rèn)知。

常見的做法比如拉高產(chǎn)品的價格再做夸張的折扣讓用戶覺得這個商品現(xiàn)在超級劃算;或者在主推產(chǎn)品旁邊放置兩個明顯性價比不佳的次品,讓用戶對主推產(chǎn)品的效果感知更加強(qiáng)烈。

此外,在產(chǎn)品介紹時也可以將競品的參數(shù)列在表格中和自家的產(chǎn)品進(jìn)行對比(當(dāng)然,這個表格中的項目都是挑選過的),這樣更容易體現(xiàn)自家產(chǎn)品的優(yōu)勢。

九、投射效應(yīng)

人們在日常生活中常常假設(shè)他人與自己具有相同的屬性、愛好或傾向等,心理學(xué)家稱這種心理現(xiàn)象為"投射效應(yīng)"。

"以小人之心度君子之腹"就是一種典型的投射效應(yīng)。當(dāng)別人的行為與我們不同時,我們習(xí)慣用自己的標(biāo)準(zhǔn)去衡量別人的行為,認(rèn)為別人的行為違反常規(guī)。

了解這一點對于產(chǎn)品的策劃者們非常重要:用戶的想法很可能和自己不同(即便你認(rèn)為自己在這個領(lǐng)域比其他人都專業(yè)得多),但仍然需要被尊重。

所以近年來特別流行用戶體驗、同理心這樣的詞匯,產(chǎn)品應(yīng)該以真實用戶的體驗滿意度作為參考指標(biāo),設(shè)計者應(yīng)該盡可能地以設(shè)想自己是一個目標(biāo)用戶時,會有什么反應(yīng),否則僅靠自己的“臆測”,創(chuàng)造出來的產(chǎn)品很可能和真實需求脫節(jié)。

十、賭博心理

以小博大的感覺是一種強(qiáng)上癮體驗,人們只有在輸?shù)臅r候才想到離開,少有在贏的時候離開。這個就是賭場盈利的本質(zhì)模式。

由于真金白銀賭博是法律明令禁止的,所以產(chǎn)品設(shè)計角度一般都是借助積分、代幣等方式來給用戶制造“抽獎”的機(jī)會。

對于國內(nèi)而言,氪金手游和盲盒就是典型的兩種應(yīng)用場景,前者往往會設(shè)定一個極低的概率讓玩家獲得珍貴的虛擬物品,后者則是讓消費者有小概率獲得稀有款式的手辦,引誘顧客購買超過自己需求的商品。

對于產(chǎn)品設(shè)計人員來講,賭博機(jī)制可以說是一個潘多拉魔盒,通常不建議去使用和嘗試。人人都愛KPI,但也要取之有道,職場人都應(yīng)該有自己的底線。

來源:站酷     作者:jongde
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。 

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍(lán)藍(lán)設(shè)計www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司 


AR,我們從設(shè)計說起

純純

今天給大家?guī)淼姆窒硎恰禔R,我們從設(shè)計說起》,希望大家通過這個分享能夠快速了解AR的實現(xiàn)原理,AR的設(shè)計流程,以及在設(shè)計過程中遇到的問題,在最后會分享我這些年做AR設(shè)計的一些心得和技巧。




關(guān)于AR


AR這個詞對大眾而言并不是一個陌生的詞,但是AR的實現(xiàn)原理是怎樣的?


AR的中文名字是增強(qiáng)現(xiàn)實技術(shù),它是一種實時地計算攝影機(jī)影像的位置及角度,并且加上相應(yīng)的圖像、視頻、3D模型的技術(shù)。


簡單來講就是在現(xiàn)實世界上疊加一些虛擬信息,然后再實時計算它在設(shè)備上的位置以及角度的變化。


AR的目標(biāo)是將屏幕上的虛擬內(nèi)容放在現(xiàn)實的世界中與之互動,幫助大眾更快捷更直觀的去獲取信息,并且AR自帶強(qiáng)大的商業(yè)價值。身邊的小伙伴經(jīng)常會把AR跟VR搞混,其實AR是增強(qiáng)現(xiàn)實技術(shù),而VR是虛擬現(xiàn)實技術(shù)。



AR是將虛擬的物體放在我們周邊的現(xiàn)實環(huán)境,增強(qiáng)現(xiàn)實世界的感官體驗;VR則是將我們放在虛擬的環(huán)境中,打造一個以假亂真的沉浸式體驗。


它們在設(shè)備上進(jìn)行劃分,AR對大眾用戶來說參與的門檻低,操作的門檻更低,因為AR只需要擁有一部帶攝像頭的智能手機(jī),便可以成為一個載體,在增強(qiáng)現(xiàn)實世界的同時,重塑用戶的交互體驗,而VR的設(shè)備對于大眾用戶來講日常比較難接觸到,需要較為專業(yè)的設(shè)備和場地。


AR技術(shù)的核心是識別與跟蹤,它的實現(xiàn)方式分為兩種:


● 圖像檢測法;


● 全球衛(wèi)星定位系統(tǒng)法。




圖像檢測法


圖像檢測法其實是AR最常見的一種定位方式,經(jīng)常用在圖片識別和人臉的識別。它的技術(shù)實現(xiàn)流程主要分為三步:


Step 1:需要捕捉特征圖像,算法會對圖像進(jìn)行規(guī)劃處理,計算有效特征點進(jìn)行匹配,可以看下圖一,這些綠色的小點點就是有效特征點;


Step 2:從偏離的矩形算出一個三維坐標(biāo)系,建立一個空間;


Step 3:實時跟蹤數(shù)據(jù)內(nèi)容的位置和角度的變化;


剛才講到綠色的小點點設(shè)計師應(yīng)該怎么去檢測呢?這里推薦一個網(wǎng)站給大家 —— Vuforia,注冊賬號后上傳設(shè)計圖就可以直接將圖稿的特征點標(biāo)記出來,并且對其進(jìn)行打分,特征點越多,識別的準(zhǔn)確率越高。(鏈接在文末)



觀察第一張圖的上下兩幅作品,可以發(fā)現(xiàn)它僅僅只是背景和深淺不同,形成的有效特征點也有所不同,因為算法在灰度對比度高的情況下會形成更多的有效特征點。


我們再觀察第二張圖,可以發(fā)現(xiàn)第二張圖在太陽的圓形部分沒有形成任何有效特征點,因為算法會排除掉一些比較平滑的曲線或元素,視為無效特征點,這種點一般出現(xiàn)在夾角處,所以為了使特征點分?jǐn)?shù)更高,我們在設(shè)計的時候需要:


● 避免畫一些比較平滑或帶弧度的元素;


● 特征點需要平均分布在每一個角落。


最后看第三張圖,幾何云的部分重復(fù)出現(xiàn)在不同的位置上,它形成的有效特征點的數(shù)量和位置也一樣。因為重復(fù)出現(xiàn)的規(guī)則圖形會被算法判定為無效特征點并排除掉,所以在做設(shè)計的時候需要:


●避免用一些規(guī)則的圖形和一些重復(fù)出現(xiàn)的元素。


圖像檢測的優(yōu)點是簡單、高效和多樣性,缺點是容易受環(huán)境、光線、距離、遮擋、聚焦這些因素產(chǎn)生變化,會使虛擬內(nèi)容產(chǎn)生抖動、卡頓、誤判、識別慢、無法識別的情況出現(xiàn)。



環(huán)境光線距離就不需要多講了,遮擋就是取決于取景的角度和范圍。聚焦指的是設(shè)備,也就是我們的攝像機(jī),我們的手機(jī)對于深色還有漸變顏色進(jìn)行對焦時會較慢顯現(xiàn)。


所以在做視覺稿的時候,其實需要滿足很多條件,并且要與開發(fā)進(jìn)行多環(huán)境測試、一起研討,才能得出一張比較合格的識別圖,優(yōu)秀的識別圖必須確保它的穩(wěn)定性,還有它的識別速度。


我們來看看實際項目中是如何應(yīng)用的。


在2016年的時候,團(tuán)隊策劃了《QQ奧運火炬手》AR活動,基本上是在一個毫無經(jīng)驗的情況之下,不斷地試錯,不斷地修正,在兩個月內(nèi)從風(fēng)格到終稿花了將近3000稿,才完成六個奧運城市28張識別圖的設(shè)計,可以看到DEMO呈現(xiàn)出來的效果相對比較穩(wěn)定,而且識別速度非??斓?,基本在一秒之內(nèi)完成。



這里強(qiáng)調(diào)優(yōu)秀這個詞,因為我們不希望用戶第一次接觸AR時就造成一些挫敗感,導(dǎo)致對新技術(shù)的體驗產(chǎn)生抗拒心理,所以對識別率的速度還有穩(wěn)定性做了相當(dāng)多的調(diào)試,當(dāng)時也獲得了世界吉尼斯紀(jì)錄的證書。



這是以前的一個小DEMO,通過手機(jī)的掃一掃識別一層一層傳遞的過程。剛才說到圖片檢測法的圖像場景,現(xiàn)在再看一下紋理識別的場景,人臉識別其實就是圖像檢測法的邊緣檢測,它可以檢測出人臉的部位,同時跟蹤這些部位進(jìn)行運動,把虛擬的內(nèi)容跟肢體做無縫的貼合。 



比如說經(jīng)常用到的特效掛件,大家看到市面上的一些美顏APP都有些什么樣的能力呢?


● 實時美顏


● 臉部貼合


● 動作觸發(fā)


● 臉部變形


● 換臉、扣臉


● 氛圍濾鏡


● 3D模型


其它便不一一闡述了,相信大家也有所了解。



針對QQ的一些社交場景,我們團(tuán)隊也做了QQ特有的一些特效掛件,例如可以在QQ的聊天界面中的拍攝功能,還有聊天,都可以在視頻聊天看到,玩到。還有利用AI還有AR的結(jié)合,在兩人通話中做了一個小游戲,通過做表情贏取對方的紅包。



全球衛(wèi)星定位系統(tǒng)法


全球衛(wèi)星定位系統(tǒng)法是是利用GPS去定位我們所處的位置,在真實的空間里尋找一個平面,可以現(xiàn)實世界中跟虛擬物體進(jìn)行互動和觀賞。


優(yōu)點是適合于室外的跟蹤,可以克服在室外場景中光照,還有聚焦等不確定因素,而缺點是很考驗設(shè)備的性能,包括當(dāng)前網(wǎng)絡(luò)的環(huán)境。


可以看到這上面有兩個比較陌生的詞,一個是LBS(Location Based Service),一個是POI(Point of Interest)。LBS其實是基于移動位置服務(wù),配置服務(wù)GPS獲取位置的一個方式。有些AR的游戲是基于LBS去實現(xiàn)的,它們所用到的實現(xiàn)方式也就是全球衛(wèi)星定位系統(tǒng)法。而POI就是一個興趣點,它在地圖上可代表是一棟大廈,一個商鋪或者一處景點等等,它包含四方面的信息,就是名稱、類別、坐標(biāo)和分類。


這個是16年日本做的一個AR游戲,相信大家都有玩過。



這個游戲是利用全球衛(wèi)星定位系統(tǒng)法去實現(xiàn)的一個游戲,為什么給大家看剛才的短片,是因為騰訊2017年新年QQ的一個運營活動跟它的玩法特別像,都是基于一個地圖上去尋找一個紅包或者一個寶藏,然后找到這個位置,再通過完成一些任務(wù)去獲得這些紅包或者禮品。



做這個運營活動的時候,需要去考慮如何體現(xiàn)AR的空間概念,譬如說要合理利用一個真實的空間,因為設(shè)計師出的設(shè)計稿再也不是750×1334的尺寸了,它是一個真實的空間,需要把這空間進(jìn)行拓展,去引導(dǎo)用戶移動手機(jī)鏡頭,跟蹤這些虛擬物體進(jìn)行移動和互動。


我們可以通過物體的走向去體現(xiàn)一個空間感,譬如說從遠(yuǎn)到近,從左到右,從上到下等方式讓用戶移動起來。



在地圖的引導(dǎo)上,可以從遠(yuǎn)近這個層次去打造一個三維空間,譬如說離我們比較近的AR點的時候,需要強(qiáng)化我們的信息,做一些差異化的動畫引導(dǎo),再遠(yuǎn)一點的地方就只需要給一個簡單的貼圖或者簡單的元素告知用戶,遠(yuǎn)處也有一個紅包,或者禮品。 




IP的力量是非常強(qiáng)大的,當(dāng)時使用了QQfamily的baby Q作為財神形象給用戶發(fā)紅包,它的作用是可以跟用戶產(chǎn)生一個平等的對話,陪伴用戶一起完成一些任務(wù),建立一個平等親密的關(guān)系。



在2016年的時候,通過《QQ奧運火炬手》活動,一推出QQ就被稱為是國內(nèi)首個AR用戶超過1億的社交應(yīng)用,整個活動吸引了全球一百四十三個國家的用戶,跟AR的互動超過將近兩億次。


在2017年的時候《QQ天降紅包》運營活動用戶量超過3億,半年間就收獲業(yè)界還有一些用戶的良好口碑,QQ是一個很年輕的產(chǎn)品,它的用戶大部分都是學(xué)生。通過這樣的活動跟新的技術(shù)做結(jié)合,我們成功將QQ的品牌升級為年輕化,娛樂化,還有科技化。


過去的設(shè)計手法就是從圖形,動畫還有色彩上做一些創(chuàng)新。現(xiàn)在我們加入一些新的技術(shù),比如說AI、AR、音效和物理震動之后,可以升級用戶的一些感官體驗,使設(shè)計更加沉浸式,更加娛樂化。


把AI跟AR做一個很好的結(jié)合,是因為更好的AI需要更好的AR去體現(xiàn)。


那么大家都說AI就是AI,AR就是AR,其實這個說法是錯的,因為它們的關(guān)系非常密切。如果我來作比喻的話,


「AI就是人的大腦,AR就是人的一些感官體驗」


跟這些新的技術(shù)做結(jié)合,會使得設(shè)計和活動會有四個優(yōu)點,那就是話題性,串聯(lián)性,沉浸式和娛樂化。


通過一些新的技術(shù)給用戶帶來的新鮮感和話題性,再把一些時間音效還有振動影像這些元素有效地串聯(lián)在一起,讓用戶身臨其境,更加專注在操作當(dāng)中,更加強(qiáng)化整個設(shè)計,整個產(chǎn)品的趣味性,也提高整個產(chǎn)品的娛樂價值。


去年世界杯的時候,我們推出了《QQAR穿越賽場》。



相對奧運而言,世界杯并不是全民都會關(guān)注的一個賽事,所以當(dāng)時用了很大部分的時間來做用研,想方設(shè)法去提升用戶的參與感。我們對用戶的行為和心理進(jìn)行分析,希望能通過新的交互形式和新的技術(shù)讓用戶更好的參與進(jìn)來。


在做運營設(shè)計的時候,需要從三個部份去策劃:


● 如何去吸引用戶;


● 在用戶體驗的過程中如何制造一些驚喜;


● 希望用戶在最后有一個想要抒發(fā)自己的欲望的出口,將活動分享出去。


那如何去吸引用戶參與活動呢?可以利一些視覺線索,突出一些重點信息,通過差異化的設(shè)計去滿足用戶的好奇心。譬如說,利用一個足球的運動軌跡引起用戶的注意力,讓用戶產(chǎn)生好奇心,去點擊入口,到第二個頁面的時候,需要告訴用戶具體的活動內(nèi)容,這是比較輕的設(shè)計手法,比較直接的方式是在登錄QQ之后,直接給用戶一個活動預(yù)告。



這個需要結(jié)合QQ掃一掃的界面,并且跟活動里面的場景結(jié)合起來,打造一個新的UI風(fēng)格。我們可以透過一些色彩質(zhì)感和執(zhí)行動畫告訴用戶,這是一個充滿科技感的運營活動,一個新的UI活動風(fēng)格,一個新的科技感風(fēng)格。



沉浸式體驗,往往也包含人的感官體驗和認(rèn)知體驗。


我們需要從大眾的一些記憶里面提取一些設(shè)計元素,基于現(xiàn)在的場景、應(yīng)用做結(jié)合。那么我們?nèi)绾稳ヌ崛∮脩舻囊恍┯洃浽??可以通過我們記憶中一些片段去提取它的色彩、質(zhì)感,還有聲音、圖形、運動方式、光學(xué)和力學(xué)這樣的特征去和設(shè)計做融合。


說起穿越這個話題,大家也會想到哆啦A夢的穿越門或者哆啦A夢的時光機(jī),還有些用戶就會想到我們近年來比較火的奇異博士其中的一個片段,我們抽取奇異博士打開穿越門的片段提取一些設(shè)計元素,譬如說它的運動方式,力學(xué)和光學(xué)特征。



首先我們需要去教育用戶“空中畫圈”,“空中畫圈”這個詞大家應(yīng)該都不難理解,當(dāng)時請了很多深大學(xué)生去公司做用研,當(dāng)時試玩這個活動的時候,發(fā)現(xiàn)很多同學(xué)都不會玩,不是說大家沒有看過奇異博士,也不是說大家對AR沒有接觸,是因為這種新的互動形式會讓用戶的心理造成一個不確定因素,并且懷疑自己的判斷,大家更多的習(xí)慣直接在屏幕上畫圈,而不是舉起自己的手,在空中畫一個圈,開啟穿越門,甚至有一些同學(xué)直接手反過來一直在扣攝像頭,都會有這種情況出現(xiàn)。


因此才會讓我們的設(shè)計更加客觀,我們自認(rèn)為很好理解的事情,其實對于一些大眾用戶來說,并不容易去實現(xiàn)。



在此次研究的基礎(chǔ)上我們做了圖文的結(jié)合,到最后不斷優(yōu)化了十幾個方案,不斷地去找學(xué)生做用研,最后得出了一個解決方案——模擬一個真實的畫圈場景。做了一個動畫,并且加上簡潔的文字和操作的反饋來引導(dǎo)用戶操作,同時也支持用戶屏幕畫圈,可是扣攝像頭還是做不到的,這是為了避免用戶在試玩的過程中會發(fā)生一些中斷。


關(guān)于AR畫圈在設(shè)計師的工作來說,設(shè)計這個點的動畫好像很簡單,其實它特別困難。開發(fā)同學(xué)需要考慮手機(jī)性能以及QQ引擎等問題,為了確保用戶的流暢體驗,設(shè)計可能需要做一些犧牲。


當(dāng)時我們有一個限制,動畫必須保證在5到8幀之內(nèi)。但是它會出現(xiàn)卡頓,色差,模糊,生硬這些情況,并且我們用AE的粒子效果去做一個動畫的時候,跟開發(fā)實現(xiàn)的原理其實不太一致,所以我們要不斷去跟開發(fā)做調(diào)試跟還原效果。再者比如說AE里面的粒子效果導(dǎo)出PNG之后會有很大的色差,這些都是需要不斷去修正和想辦法解決的。


我們在多方面調(diào)試下,修正方案,尋找解決的方法,最后做出了一個相對比較滿意的效果。


在空中畫圈之后,它會立馬形成一個3D立體的穿越門,這個穿越門可以讓我們360度地觀看,并且可以在現(xiàn)實還有虛擬場景中來回穿梭,這需要很多的面片去做一些貼圖處理,但是會遇到技術(shù)上的問題,所以只能用最精簡的方式去達(dá)到我們理想中的效果。



對于一些引擎還有技術(shù)的限制,需要想很多的方法去將資源整合。譬如說從AR畫圈到AR穿越門,再到一個虛擬的AR賽場,其實是有四段不同的資源合成的,需要嚴(yán)格去把控整個時間的進(jìn)場和退場。 



第一步:需要想方設(shè)法去用一些巧妙的手法讓它過度自然;



第二步:如何讓用戶感覺到身臨其境,可以從視覺、聽覺、觸覺這三方面去提升用戶的感觀體驗;以第一人稱的視角能夠360度去觀看整個AR賽場,然后再配合現(xiàn)場真實的一些音效,像是解說員的旁白,還原一個真實感;



第三部:觸感。觸感的設(shè)計我們知道自從IOS升級之后,手機(jī)有強(qiáng)、中、弱三擋的振動,我們利用設(shè)計這些振動的頻率,還有長短還原踢球,球擊龍門還有球在草地上來回滾動的觸感,主要目的就是提升用戶的真實感;



第四步:如何去增強(qiáng)用戶的分享欲望。除了從質(zhì)感上去打造真實的報紙質(zhì)感之外,我們根據(jù)用戶的一些閱讀習(xí)慣去把內(nèi)容排版起來,分布在每一個角落。再來我們根據(jù)整個國家的球服配色,不同的贊揚文案,還有用戶畫圈的過程,會有視頻錄屏把這些元素整合在一起,打造一個魔法報紙,以這些個性化的設(shè)計去提升用戶的參與感,讓用戶有一個分享的欲望。





設(shè)計心得


關(guān)于AR的設(shè)計流程的建議:


● 在定義玩法的時候,交互和操作要盡量的簡單,降低用戶的參與門檻與操作門檻,不要讓用戶形成挫敗的心理;


● 在交互階段的時候,我們通過用研定出最佳的新手引導(dǎo)方案,確保用用戶懂得玩這個活動;


● 在視覺階段的時候,需要預(yù)留時間給開發(fā)做測試,反復(fù)去調(diào)試還原視覺效果,AR的設(shè)計原則其實跟大部分設(shè)計原則都是一樣的,它是一個金字塔的三角形關(guān)系,首先要確保應(yīng)用性,應(yīng)用性就是要有一些簡單明了的操作,還有一些引導(dǎo)暗示用戶是會使用AP或是會玩這個活動的,避免用戶的心理造成一些挫敗感;


● 穩(wěn)定性。需要確保整個體驗流程是通暢的,要多維度的給到一些操作反饋,避免用戶在體驗過程中發(fā)生意外或者中斷;


● 最后才是愉悅感,通過設(shè)計的手法讓用戶得到一些娛樂感和滿足感,沉浸其中,忘記真實世界的場景。


關(guān)于AR沉浸式體驗的建議:


● 情景:需要設(shè)計背景或劇情去吸引用戶,讓用戶產(chǎn)生一個探索的欲望;


● 空間:需要合理的去利用真實的空間;


● 情節(jié):需要明確一些比較細(xì)節(jié)的目標(biāo),讓用戶的行為有一些特別的反饋,讓用戶對整個體驗有著絕對的主控感;


● 角色:可以通過創(chuàng)建一些角色關(guān)系,情景化的設(shè)計,去提升用戶的參與感;


● 氛圍:可以從視覺,聽覺,觸覺三方面去提升整個體驗的愉悅感;


● 節(jié)奏:從簡單到挑戰(zhàn),需要慢慢循序漸進(jìn)的使得用戶集中精神。




結(jié)語


 最后就是我在做AR項目的一些反思。


之前我經(jīng)常就會覺得設(shè)計師的工作只是考慮怎么包裝這個APP,怎么包裝這個品牌,怎么做好看就可以了。其實并不是的,我們需要考慮用戶的一些體驗問題,還有我們要具備一些產(chǎn)品思維,所有跟新技術(shù)去做融合的設(shè)計是有很高的風(fēng)險,一個好的設(shè)計其實是選擇眾多條件下的最佳方案。


我們在設(shè)計過程中會遇到很多困難、很多限制,而且需要用設(shè)計去解決一些技術(shù)問題,我們會把這些限制設(shè)為思考問題的出發(fā)點,提供一個更完善的方案,同時我也相信科技是跟技術(shù)在不斷的進(jìn)步,所以有一天我們可以做到我們理想中的設(shè)計。

來源:站酷     作者:騰訊ISUX團(tuán)隊
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。 

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍(lán)藍(lán)設(shè)計www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司 


優(yōu)秀頁面欣賞

博博

Avault項目一期UI整理
Avault項目一期UI整理
Avault項目一期UI整理
Avault項目一期UI整理
Avault項目一期UI整理
Avault項目一期UI整理
Avault項目一期UI整理
Avault項目一期UI整理


作者:一支華子

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。 

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍(lán)藍(lán)設(shè)計www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司 

QQ郵箱 I 重設(shè)計

博博


QQ郵箱 I 重設(shè)計
QQ郵箱 I 重設(shè)計
QQ郵箱 I 重設(shè)計
QQ郵箱 I 重設(shè)計
QQ郵箱 I 重設(shè)計
QQ郵箱 I 重設(shè)計
QQ郵箱 I 重設(shè)計
QQ郵箱 I 重設(shè)計
QQ郵箱 I 重設(shè)計
QQ郵箱 I 重設(shè)計


作者:DorisPei

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。 

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍(lán)藍(lán)設(shè)計www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司 

作品本身不足,與包裝無關(guān)

seo達(dá)人

 一、不局限于作品包裝本身

雖然作品集包裝也很重要,可以對我們的作品輸出進(jìn)行揚長避短,起到非常好的襯托作用。但是面試官考核的不只是包裝而已,作品本身的能力至關(guān)重要,喧賓奪主也容易適得其反。

我們不能過度局限于作品包裝,而忽略作品自身的修煉,需要投入時間精力細(xì)化每一個界面,確保它們都是自己正常專業(yè)水平之上的輸出。所以說提到作品集很多設(shè)計師總是糾結(jié)于不知道怎么開始,以為難倒自己的是包裝,其實先把單個的界面優(yōu)化好就是第一步。要讓自己的每一個界面都經(jīng)得起考驗,而不是湊數(shù)量,這樣包裝才能錦上添花。

圖片

 

 

二、老作品新用場過于偷懶

遇到過很多設(shè)計師在制作作品集時,往年的作品直接拿來湊數(shù),導(dǎo)致作品呈現(xiàn)質(zhì)量參差不齊。在職場 1-3 年的時間段,項目作品數(shù)量有限實屬正常,往年的作品包裝到作品集中也是沒問題的,只是老作品新用場不能過于偷懶。

圖片

設(shè)計趨勢和大眾的審美觀念都是在發(fā)生變化的,前幾年的作品也許在當(dāng)時覺得還不錯,但是時過境遷之后不一定入得了當(dāng)下的審美標(biāo)準(zhǔn)。針對老作品我們需要結(jié)合當(dāng)下的設(shè)計趨勢和審美標(biāo)準(zhǔn)進(jìn)行評估,如果這個作品連自己都打動不了,想要打動面試官那是很難的。我們要結(jié)合新的趨勢和規(guī)范進(jìn)行二次梳理,重新優(yōu)化調(diào)整每一個界面,確保它們都是符合當(dāng)下設(shè)計標(biāo)準(zhǔn)的,然后再結(jié)合作品集新的規(guī)范重新包裝,這樣才能保持整體作品集的質(zhì)量。

圖片

想要更好的結(jié)果就不要偷懶,此時的應(yīng)付換來的就是行業(yè)的拋棄,多一點行動多一分設(shè)想。

 

 

三、追趕樣機(jī)趨勢卻忽略規(guī)范

在包裝作品集的過程中,相信大家都會經(jīng)常使用樣機(jī)模型,以此來真實的還原作品呈現(xiàn)。隨著樣機(jī)設(shè)備的不斷更新交替,樣機(jī)模型也是經(jīng)常變化,保持最新樣機(jī)模型也能提高作品集的趨勢感。

圖片

大家都知道追趕樣機(jī)趨勢,但是卻不調(diào)整作品的規(guī)范,導(dǎo)致作品的組件規(guī)范和樣機(jī)的不匹配。看似覺得無傷大雅,實則對于講究細(xì)節(jié)的面試官來說,會認(rèn)為這是你的專業(yè)態(tài)度問題。如果連設(shè)計規(guī)范都不能把控好,也不注重設(shè)計細(xì)節(jié),那么如何相信你的專業(yè)能力呢!

追趕樣機(jī)趨勢是毋庸置疑的,不過也要結(jié)合樣機(jī)模型的組件趨勢,老作品要結(jié)合新趨勢重新調(diào)整,不要忽略這些細(xì)節(jié)的表現(xiàn)。

圖片

 

 

四、作品不可缺少反復(fù)自查

在優(yōu)化單個界面的時候,不要忽略細(xì)節(jié)的校對,特別是不要出現(xiàn)低級錯誤。比如圖文不搭、錯別字、信息表達(dá)出錯、元素替代遺漏、流程不通、信息邏輯不對等等,不要在看似簡單的細(xì)節(jié)上面出錯,反復(fù)自查是不可缺少的環(huán)節(jié)。

圖片

特別是對于自己 0-1 參與的項目,一定要對每個環(huán)節(jié)都比較熟悉,不能只是停留在視覺表層。檢查自己設(shè)計上面的問題,也要復(fù)盤全案設(shè)計的思路,這樣面試官在考核的時候才會應(yīng)對自如。如果細(xì)節(jié)都容易被忽略,設(shè)計態(tài)度的體現(xiàn)將會大打折扣,也容易讓人覺得你做事比較馬虎。

 

 

五、工作輸出單一而不去改變

如果在規(guī)模比較小的企業(yè),我們的項目容易比較單一,就會導(dǎo)致作品輸出也比較單一。如果公司對于設(shè)計質(zhì)量的要求比較低,我們也沉淀不出什么像樣的作品,求職就會變得非常被動。工作輸出單一如果還不去改變,久而久之便會影響專業(yè)能力,職場路徑也會變得局限性很大。

圖片

對于 UI 設(shè)計師來說,無論是 C 端還是 B 端都屬于我們技能掌握的范圍,而不能根據(jù)短期內(nèi)的行業(yè)走勢鎖定自己的職場路徑。在工作中沒有機(jī)會發(fā)揮多維度設(shè)計時,我們要在日常強(qiáng)化中去彌補,不能讓自己的技能變得越來越收縮。不要為自己作品輸出單一而找借口,結(jié)合公司業(yè)務(wù)轉(zhuǎn)化、前公司業(yè)務(wù)優(yōu)化、熟悉產(chǎn)品改版設(shè)計等,都可以以此來強(qiáng)化缺失的技能。

機(jī)遇是自己去創(chuàng)造的,只有能做好了才能抓住機(jī)會,沒有機(jī)會去發(fā)揮專業(yè)能力,就要主動去挖掘。

圖片

 

 

六、信息重復(fù)導(dǎo)致樣式化

項目界面作為技術(shù)對接和作品展示輸出,這兩種情況下我們不能偷懶的采用一個態(tài)度。站在項目對接的角度來說,信息圖文都可以只是占位符,交代清楚樣式特征即可。哪怕全部采用一樣的文案信息和配圖都沒關(guān)系,甚至配圖用色塊來替代都可以,只要下游對接的同事能判斷出來就好。

圖片

站在作品集輸出的角度來說,不能以此形式來表達(dá),這樣帶來的感官體驗肯定是有所欠缺的。樣式化的表達(dá)不能體現(xiàn)出作品的真實感,包裝出來的效果也會大打折扣,我們要真實還原每一個界面中的信息表達(dá)。無論是文案還是配圖來說,都要選擇更加真實的內(nèi)容,不能以占位符的心態(tài)去輸出作品。

不同的版塊信息要以不同的文案和配圖來填充,就算是數(shù)據(jù)和日期等內(nèi)容也不要都一模一樣,做好細(xì)節(jié)才能帶來更多機(jī)遇。

圖片

 

 

七、人靠衣裝配圖是金裝

作品展示的角度來說,一些設(shè)計師容易忽略界面中的配圖,隨便找一些圖片填充設(shè)計,導(dǎo)致自己的作品總是少了一些質(zhì)量。配圖就如同人的衣著打扮,人靠衣裝配圖就是作品的金裝。如果配圖自身不夠高端大氣,作品自然也是高端不起來的。

在保障配圖與信息表達(dá)真實性的前提下,我們要盡量選擇質(zhì)量更高的配圖,以此來帶動作品的格調(diào)。不過我們也要養(yǎng)成版權(quán)意識,盡量去免費可商用的圖庫網(wǎng)站篩選圖片,可以找黑馬哥領(lǐng)取網(wǎng)站合集。既然耗費了時間輸出作品,就不要在配圖這個環(huán)節(jié)馬虎,高質(zhì)量的配圖也能帶動作品的質(zhì)量,帶給面試官更好的感官體驗。

圖片

 

 

八、作品輸出缺少視覺感營造

隨著行業(yè)發(fā)展的成熟,各階段的人才儲備也會變得更多,求職的時候面試官的選擇性就會更多了。當(dāng)面試官收到的作品集很多的時候,就需要經(jīng)過多次篩選來提高選擇效率。通過學(xué)歷、工作經(jīng)驗、崗位匹配度、作品集和面試發(fā)揮等來篩選,而作品集也會經(jīng)歷海選、初選、精選等。

圖片

影響作品集篩選的因素很多,在海選和初選的時候,如果作品集很多的情況下,作品帶來的視覺第一眼就變得很重要了。如果單個界面本身只是簡單的布局層面表達(dá),缺少一些視覺感的營造,極容易在海選的時候被忽略掉。這樣就算你設(shè)計說明描述的很好,產(chǎn)品思維也比較成熟,但是面試官沒有看到或者沒有仔細(xì)閱讀那些長篇大論,也是徒勞無功。

提高作品的視覺表現(xiàn)力可以從配色開始,色感的表達(dá)可以讓作品充滿視覺亮點;也可以精致化圖標(biāo)設(shè)計,質(zhì)感圖標(biāo)的表達(dá)可以帶動界面的視覺感;還可以從 IP 設(shè)計或者品牌基因等元素的融入入手,以此豐富界面設(shè)計的視覺表現(xiàn)力。營造視覺感的方向很多,不能局限于常規(guī)的布局,擺脫同質(zhì)化需要從差異化的視覺表現(xiàn)力開始。

圖片

 

 

九、作品本身的差異化不可缺

同類型的設(shè)計看久了終歸還是會麻木的,在相似功能的設(shè)計表達(dá)上面,如果同質(zhì)化比較嚴(yán)重,面試官也會覺得你缺少創(chuàng)新能力。不要只是把焦點放在作品集包裝層面,作品本身的差異化也是至關(guān)重要的。

圖片

差異化的體現(xiàn)可以是交互形式上面的創(chuàng)新,擺脫常規(guī)的功能表達(dá),破局才能打破固化思維。也可以是立足于品牌的基礎(chǔ)上進(jìn)行設(shè)計,提取品牌元素運用到產(chǎn)品設(shè)計的場景中,這是拉開差異化較為明顯的方向。還可以運用一些新的技術(shù)或者趨勢化表達(dá),比如三維設(shè)計運用到 UI 場景中,插畫風(fēng)格衍生到圖標(biāo)和視覺區(qū)域等場景中,交互動效帶來界面動態(tài)化表達(dá)等等。

在設(shè)計每一個界面的時候,如果都只是普通的展示功能而已,這樣的設(shè)計是打動不了面試官的,因為隨便來個設(shè)計師都可以做出來。每個設(shè)計作品都是體現(xiàn)自己專業(yè)能力的表達(dá),我們需要的不是完成需求,而是如何突破常規(guī),做出不一樣的設(shè)計。

圖片

 

 

十、不局限于界面而是思路

工作項目中我們需要完成所有的狀態(tài)表達(dá),但是作為面試作品來說,不需要展示全部內(nèi)容,重要的是整個項目設(shè)計的思路。就展示界面來說選擇主界面、重要業(yè)務(wù)流程界面、強(qiáng)視覺感界面、創(chuàng)新交互表達(dá)界面等。作品集是眾多項目的縮影呈現(xiàn),都去展示不但篇幅不夠,也容易讓有亮點的設(shè)計被埋沒。

圖片

在設(shè)計作品集的時候首先要明確項目展示的流程和思路,比如項目背景、用戶調(diào)研、交互設(shè)計、品牌設(shè)計、UI 設(shè)計等等(僅作為大概示意)。把這個流程里面需要重點展示的界面設(shè)計好,這樣才能快速的優(yōu)化項目。也不需要把一個界面的所有內(nèi)容都呈現(xiàn)出來,輸出一條特別長的界面,到時候包裝的時候不利于展示發(fā)揮。

圖片

整個作品集呈現(xiàn)出來的思路比較重要,通過作品集要體現(xiàn)出你所具備的能力,如果你會插畫但是沒有在項目設(shè)計中體現(xiàn)出來也是無效的。通過作品集告訴面試官你具備哪些解決問題的能力,而不是單純的界面設(shè)計而已,我們在職場中存在的價值就是輔助團(tuán)隊解決設(shè)計問題。

圖片

 

 

小結(jié)

在這個形勢嚴(yán)峻的招聘環(huán)境中,作品集無疑是我們最有利的能力保障,無論你面試技巧再完美,作品不行也是徒有其表。作品集的好壞不限于作品包裝本身,作品自身的設(shè)計表現(xiàn)力也是至關(guān)重要的,不要偷懶也不要濫竽充數(shù),你付出了多少努力面試官一眼就判斷出來了。

希望本文的梳理可以帶給大家一點經(jīng)驗,多花時間在作品上面,用心打磨每一個元素和深思每一個設(shè)計表現(xiàn)場景。

 


作者:黑馬青年

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》作品本身不足,與包裝無關(guān)

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加藍(lán)小助,微信號:ben_lanlan,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍(lán)藍(lán)設(shè)計www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司



哇,這些樣機(jī)素材太好用了??!

seo達(dá)人

咕嚕嚕


第一組:
以手機(jī)或手機(jī)組合為主的樣機(jī)素材。

圖片

圖片

圖片

圖片

圖片

 
 

第二組:相對來說組合形式更多樣化,視覺感受上更有張力一些。

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

很明顯這兩組樣機(jī)的形式更加新穎,結(jié)合之前發(fā)的樣機(jī)素材,用來包裝、展示作品完全足夠了。

不過需要強(qiáng)調(diào)一下,我們能用到的樣機(jī)素材大致分為兩類,即:平面樣機(jī)和3D樣機(jī)。 

 

這篇文章中的樣機(jī)屬于平面類的,所以使用起來很方便:打開素材后找到需要替換的屏幕內(nèi)容智能對象圖層,雙擊點進(jìn)去替換圖片保存即可。

但今天分享的這些樣機(jī)屬于3D樣機(jī)素材,其使用方法略有不同:

1、打開樣機(jī)源文件后,找到需要替換貼圖的3D圖層:

圖片

2、雙擊紋理下的Chante This 或 Click This圖層,打開新窗口

圖片

3、在打開的新窗口中置入自己需要的圖片,調(diào)整好尺寸保存,返回到源文件窗口即可看到替換后的效果。

比如像我這樣簡單的使用就可以:

圖片

另外還有一點,PS版本太低或者電腦配置過低可能無法使用,比如我常用的2015版PS就不能使用,打開后就是這樣的:

圖片

好了,關(guān)于使用方法和注意事項就說這么多了,其他的大家下載之后多摸索摸索,最起碼需要用的時候知道怎么用。


作者:老張

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》哇,這些樣機(jī)素材太好用了!!

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加藍(lán)小助,微信號:ben_lanlan,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍(lán)藍(lán)設(shè)計www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司



設(shè)計師如何不花錢學(xué)習(xí)?

seo達(dá)人


 

圖片
圖片

圖片

圖片

圖片
圖片

圖片

圖片

圖片

圖片

圖片
圖片

圖片

圖片

圖片

圖片
圖片
圖片

圖片

圖片

 

 

圖片

圖片

很多人都說設(shè)計這個物種是只看圖片,不看文字的,這一點我并不認(rèn)同。因為設(shè)計師對于文字的解構(gòu)能力,真的在作品中一對比就可以高下立判。比如你們看研習(xí)設(shè)推文和作品中,所有關(guān)于文字的排版,是不是都是對文字內(nèi)容進(jìn)行了重新編排,這是設(shè)計師必須具備的一種能力。

圖片

看不懂文案這種類型的設(shè)計師,遇到文字的排版,全部照單復(fù)制,甚至連信息內(nèi)容、標(biāo)點符號、字體備注都不看。

圖片

? 提供的文案信息

圖片

? 設(shè)計完成稿

曾經(jīng)我就遇到過這樣的設(shè)計師,軟件操作特別溜,別人出1張海報的時間他能做3張,但是每次出品的海報,不是少復(fù)制了文字,就是主副標(biāo)題區(qū)分不清等等各種問題。最離譜的,還有把文案備注的文字也給放到畫面上。文案備注標(biāo)題(要用紅色),竟然也全盤復(fù)制。 

這樣的成果交付,會讓一名設(shè)計師顯得特別不專業(yè),即便你的軟件技術(shù)很強(qiáng),也會讓你的工作伙伴不想再與你合作。

圖片

 

 

圖片
 

這也是看不懂文案的一種體現(xiàn),文案小清新,設(shè)計非要配個重口味的畫面;文案是小橋流水人家,你非要來個大漠孤煙,長河落日;你明明是個乖巧俊俏小嬌娘,他就給你來個膀大腰圓黑李逵。 

圖片

? 提供的文案信息

圖片   

? 設(shè)計完成稿 

例如上圖,文案是想體現(xiàn)去露營的愉快心情,但是搭配的圖片及顏色卻顯得過于落寞。

 

 

圖片

成熟的設(shè)計師是應(yīng)該能夠在不同的設(shè)計風(fēng)格里切換自如的,并且知道在什么情況下應(yīng)該運用什么風(fēng)格。對于一些約定俗成的風(fēng)格文化,有些設(shè)計師卻并不了解,模仿著去做一些設(shè)計,最后變得不倫不類。

圖片

拿近些年比較流行的國潮風(fēng)來說,很多人大肆吹捧,似乎萬事萬物都可以用國潮重新做一遍,不管是什么產(chǎn)品經(jīng)過這么一改,就變得與潮流接近了。 

 

好像只要把祥云、印章、臉譜、宮殿、青花、中國紅等等元素堆砌起來,你的作品就真的有傳統(tǒng)文化了。事實卻是很多品牌的調(diào)性并不符合傳統(tǒng)文化的風(fēng)格,而且在不了解歷史背景和文化屬性的前提下,真的會鬧出來很多笑話。
圖片

你去搜索國潮設(shè)計的圖片,大約會有82000多個搜索結(jié)果。經(jīng)過實踐證明,真正被消費者記住的會有幾個?國潮設(shè)計美則美矣,但是要考慮到產(chǎn)品的品類,消費習(xí)慣,購買場景。

圖片 
 

 

常識是存在于實踐當(dāng)中的一種“潛規(guī)則”,不同的行業(yè)就有著不一樣的“潛規(guī)則”存在。設(shè)計師在承攬不同商業(yè)設(shè)計的過程中,就會接觸到各種各樣的客戶和產(chǎn)品,因為對行業(yè)的不了解而缺乏相關(guān)的常識。我曾經(jīng)見過一些設(shè)計師,在他的職業(yè)生涯中,很少有過去現(xiàn)場看看自己作品實際效果的經(jīng)歷。

 

 

圖片

常識是存在于實踐當(dāng)中的一種“潛規(guī)則”,不同的行業(yè)就有著不一樣的“潛規(guī)則”存在。設(shè)計師在承攬不同商業(yè)設(shè)計的過程中,就會接觸到各種各樣的客戶和產(chǎn)品,因為對行業(yè)的不了解而缺乏相關(guān)的常識。我曾經(jīng)見過一些設(shè)計師,在他的職業(yè)生涯中,很少有過去現(xiàn)場看看自己作品實際效果的經(jīng)歷。

圖片

設(shè)計師做設(shè)計不考慮應(yīng)用場景,無異于紙上談兵。

圖片

上圖是一款墨鏡的車體宣傳視覺,設(shè)計師沒有預(yù)先考慮到車體造型的復(fù)雜性,導(dǎo)致模特的臉部被裁切掉了一部分。

圖片
你去百度搜索“百歲山喝不到最后一口”,就會看到很多人對于這個設(shè)計發(fā)表的不同觀點。

 

 

圖片
 

你一定聽過甲方提這樣的要求,要把自己的產(chǎn)品形象設(shè)計的有文化。

 

圖片

 

圖片

 
 

 

 

圖片

 

圖片
 

只要你在這個行業(yè)里待久了,一定會遇到各種各樣神奇的要求。有這樣的需求就會催生相應(yīng)的乙方,于是編造品牌故事,不管有沒有用給你做一套IP、VIS,妄想這樣就能解決企業(yè)的生存困境。

 

 

作為設(shè)計師,當(dāng)你遇到一個品牌的形象設(shè)計的時候,一定是要挖掘相關(guān)歷史和文化的,但是有多少方案是先出來視覺,然后再編造一些看起來有文化的文案,生拉硬扯強(qiáng)通邏輯的?這里不舉反例,相信參與過這樣項目的同學(xué)自然會感同身受。

 

 

圖片

 

我在研習(xí)設(shè)的公眾號后臺中和B站的視頻下面看到出現(xiàn)頻次比較高的評論有兩種。

圖片

同時在學(xué)員的反饋中也發(fā)現(xiàn)最集中的問題大多出現(xiàn)在,跟著教程學(xué)習(xí)和練習(xí),感覺自己理解了,也會做案例了,但是一到實際工作中遇到現(xiàn)實的項目,感覺又做不出來,無法應(yīng)用。這個和“眼睛看會了,手學(xué)廢了”其實是一回事,讓我們來一一拆解問題。 

 
 
圖片 

因為你沒有用框架思維來梳理知識點。每篇教程的內(nèi)容集中的知識點會有幾個,甚至很多文章用了大量的案例,為大家闡述設(shè)計的內(nèi)核。如果你連一個案例的底層邏輯都沒有理解,那么就算你看100個案例,不懂還是不懂。這樣的結(jié)果一方面說明你的學(xué)習(xí)方法有問題,另一方面也可能是你的主觀意愿出了問題。

 

圖片

以研習(xí)設(shè)公眾號在9月8日發(fā)的推文《5個方法幫助你提升圖片高級感》舉例,我們把文章的內(nèi)容用框架來展示,你就能很清晰的知道這篇文章在講些什么。

圖片
圖片
你看,在手機(jī)上顯示50多分屏的內(nèi)容,除去圖片占用的空間,文字內(nèi)容不超過1600字。從中我們可以提取出這么多的知識點。
圖片

 

圖片

關(guān)于主觀意愿這個問題,我想表達(dá)的是,很多人都沒有搞清楚自己學(xué)習(xí)究竟要收獲的是什么,大多數(shù)人在接收信息的時候,都會出現(xiàn)注意力偏差,也可以叫做關(guān)注點偏移。

圖片

看文章點贊評論,參與互動是一個好習(xí)慣,也是對作者最大的支持,但是對于個人學(xué)習(xí)來說,更應(yīng)該去思考我們接收到的信息和知識,要如何高效的吸收和轉(zhuǎn)化。否則我們看再多的教程和文章,也是過眼云煙,無法變成自己的儲備。這是一個很重要的問題,或許我這篇文章也會躺在收藏夾里,變成一堆吃灰的代碼,但是這個問題依然是切切實實阻礙很多人進(jìn)步的一個關(guān)鍵。

圖片

 

因為,這就是人性使然。人自然而然的會對自己感興趣的事情更關(guān)注,而很多原理、方法、道理,本質(zhì)上是枯燥而簡單的。所以,很多人學(xué)習(xí)都喜歡流于表面,只求一知半解,不愿意去深究,你當(dāng)然也可以將這些都?xì)w結(jié)到人性上面來寬慰自己。

圖片
同樣聽一節(jié)課程,不同人收獲的信息量也一定是不同的。我們在給學(xué)員上課的時候,發(fā)現(xiàn)大多數(shù)人更容易被一些題外話吸引,明顯會對一些與課程無關(guān)的話題更感興趣。這些事情可以理解,但它們都會分散我們本就不多的注意力。當(dāng)然,學(xué)習(xí)的趣味性培養(yǎng)同樣很重要,沒有人可以一直保持專注,這個度的掌握是很關(guān)鍵的。

學(xué)習(xí)其實是一件有點違背人性的事情,如果目標(biāo)不清晰,目的不明確,很難把它當(dāng)成是一件有意思的事情堅持下去,所以多問一問自己為什么而學(xué)習(xí),你的關(guān)注點就一定不會出現(xiàn)太大的偏差。

 

 

圖片 
 

這個問題,和之前那個問題,是有一些連帶關(guān)系的,也存在著注意力偏差的問題。眼睛學(xué)會了,是因為你看到了文章中,老師一步一步操作的過程,按照這個過程,你做同樣的一個畫面設(shè)計,自然而然就感覺學(xué)會了,可是換一個畫面,換一個主題,你還會靈活運用么?于是手廢了,你發(fā)現(xiàn)生搬硬套不靈了。

圖片

究其原因也有兩點 

 

 
圖片

這個問題很好解決,只要你把注意力多放在去理解操作背后的思考邏輯上,很容易就可以轉(zhuǎn)變這種狀態(tài)。這么說不是讓你不重視操作,操作當(dāng)然也重要,但是你要在理解了為什么這么做的前提下,去思考操作步驟。另外多練,也是提升理解和熟練的不二法門。

圖片

 

圖片

這個問題就有點棘手了,知識儲備量不足不能迅速解決,只能說平時缺少積累。在我們過去有限的2/30年的時間里,你所經(jīng)歷的和獲得的文化知識,可以從兩個層面去分析,一個是量的積累,一個是質(zhì)的轉(zhuǎn)變。

 

 

量的積累,是需要時間的,比如說你要有大量的閱讀,不管是紙質(zhì)書還是電子文檔都可以。有些人對文字閱讀的速度比較快,可以在幾個小時消化一本幾十萬字的書,而有的人可能需要幾天的時間,這就涉及到了一個效率的問題。

圖片

好在這件事情從什么時候開始都不晚,把你刷小視頻的時間縮減一些,用于有目的性的閱讀積累,可能幾天,幾個月不會有大的提升,但是如果你能堅持下來,幾年之后就一定會有一個天翻地覆的變化。

圖片

質(zhì)的轉(zhuǎn)變講究的是方法,同樣也有效率的問題,我記得量變引起質(zhì)變這個理論,是高二政治中學(xué)過的內(nèi)容,大家應(yīng)該都知道。說的就是量變一定是會引起質(zhì)變的,只不過不同的人,因為方法和效率的不同,每個人質(zhì)變的時間會有早晚而已。當(dāng)你積累到一定的量的時候,效率也是會有所提升的。

 

 

 

分享大家一個方法,就是做讀書筆記。筆記的形式就可以參考前面我們對于那篇推文的拆解方式,通讀之后進(jìn)行框架拆解,自己做一遍這樣的事情,你的知識就有了歸類和整理,方便你隨時提取。


 作者:金池

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》設(shè)計師如何不花錢學(xué)習(xí)?

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加藍(lán)小助,微信號:ben_lanlan,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍(lán)藍(lán)設(shè)計www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司




APP底部標(biāo)簽欄設(shè)計需要注意哪些問題?我總結(jié)了這6點

seo達(dá)人

一、標(biāo)簽欄樣式分析

底部標(biāo)簽欄可以是純圖標(biāo)樣式,或者圖標(biāo)與文本標(biāo)簽搭配的樣式。

圖片

選中的標(biāo)簽需要有不同的視覺風(fēng)格,可以使用按鈕、文字、圓點等樣式來表示選中效果,幫助用戶一目了然地定位當(dāng)前導(dǎo)航。

在Apple iOS底部標(biāo)簽欄中,標(biāo)簽欄的寬為390px,高為49px。

圖片

常規(guī)標(biāo)簽欄的圖標(biāo)大小為25x25px,緊湊型的標(biāo)簽欄圖標(biāo)為18x18px。

在iOS的底部標(biāo)簽欄中,文字使用的字體為10px,中等粗細(xì)。 

 

 

 二、標(biāo)簽欄設(shè)計6個注意事項

1、導(dǎo)航數(shù)量不超過5個

底部標(biāo)簽欄最適合放置3-5個導(dǎo)航選項。移動端屏幕相對較小,使用五個以上的選項會讓導(dǎo)航擠在一起,并影響可用性。

另外導(dǎo)航選項太多,手指的觸摸面積(紅色圓圈)會比觸摸目標(biāo)(導(dǎo)航選項)的面積大很多,用戶有可能會意外觸發(fā)錯誤的選項。

圖片

 

設(shè)計解析:

① 如果選項很少,只有兩或三個時,可以考慮使用分段控件的設(shè)計樣式,將分段控件放在頁面上方作為導(dǎo)航。

圖片

 如果選項很多,超過五個時,我們需要評估這些導(dǎo)航的優(yōu)先級,篩選出最重要的導(dǎo)航。如果必須要保留五個以上的導(dǎo)航選項,可以考慮使用類似漢堡菜單這樣的控件。

圖片

 

2、不要使用不熟悉的圖標(biāo)

底部標(biāo)簽欄是用戶使用頻率非常高的導(dǎo)航之一,這就需要確保目標(biāo)受眾應(yīng)該對標(biāo)簽欄中的圖標(biāo)非常清晰,避免讓用戶產(chǎn)生疑惑。

圖片

如果在設(shè)計的時候,覺得某個圖標(biāo)的含義或者樣式對用戶來說不是特別明確,那么就需要將圖標(biāo)與文字標(biāo)簽一起使用,方便用戶快速準(zhǔn)確地理解。 

 

3、圖標(biāo)/文字的顏色不能太淺

圖標(biāo)的顏色對比度差、導(dǎo)航標(biāo)簽的字體小是在底部標(biāo)簽欄設(shè)計中兩個最常見問題。

在底部欄設(shè)計過程中,我們不僅要區(qū)分已選標(biāo)簽和未選標(biāo)簽的狀態(tài),保證已選標(biāo)簽更突出,還要注意觀察圖標(biāo)與文字之間、圖標(biāo)與背景之間的顏色對比度,確保未選狀態(tài)的圖標(biāo)和文字也能夠清晰易讀。

圖片

 

4、不要設(shè)計可滑動的標(biāo)簽欄

可滑動的標(biāo)簽欄會對導(dǎo)航可見性產(chǎn)生影響,由于并非所有的導(dǎo)航選項都是一次可見,用戶可能很容易錯過后面的選項。

另外,當(dāng)用戶左右滑動標(biāo)簽欄時,前面已選的標(biāo)簽可能會消失,影響使用體驗。

圖片

 

5、不要截斷標(biāo)簽

底部標(biāo)簽欄的空間本身就很小,因此在導(dǎo)航中使用文字時,每個字符都顯得很重要。

不要截斷標(biāo)簽,這樣會造成用戶不清楚標(biāo)簽的含義,可以嘗試使用更簡練的文字來清楚地傳達(dá)選項含義。

圖片

 

6、不要使用太復(fù)雜的切換動畫

花哨復(fù)雜的切換動畫對于初次使用的用戶來說可能看起來很酷,但是一旦用戶熟悉了產(chǎn)品并頻繁使用導(dǎo)航時,這些復(fù)雜的切換動畫就會變得很煩人。

這些切換動畫雖然看起來很復(fù)雜,但卻沒有為產(chǎn)品或用戶帶來任何有用的價值或信息,因此這些動畫就會變成一種負(fù)擔(dān),讓用戶感到沮喪。

圖片

底部標(biāo)簽欄的切換動畫應(yīng)該干脆利落,可以使用簡單的微動效作為輔助,切莫太復(fù)雜。 

 


作者: Clippp

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》APP底部標(biāo)簽欄設(shè)計需要注意哪些問題?我總結(jié)了這6點

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加藍(lán)小助,微信號:ben_lanlan,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍(lán)藍(lán)設(shè)計www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司



日歷

鏈接

個人資料

存檔