首頁

掌握動效設(shè)計!讓你的設(shè)計富有未來科技感(下)

藍藍設(shè)計的小編

基于情景的消隱

掌握動效設(shè)計!讓你的設(shè)計富有未來科技感(下)

這是iOS上的Chrome,有著基于情景的消隱動效。

掌握動效設(shè)計!讓你的設(shè)計富有未來科技感(上)

藍藍設(shè)計的小編

掌握動效設(shè)計!讓你的設(shè)計富有未來時尚科技感

為何有的產(chǎn)品、服務(wù)特別受歡迎?

是因為這些產(chǎn)品、服務(wù)在內(nèi)容、外觀、設(shè)計、可用性、功能等方面具有無可匹敵的優(yōu)勢。其實,所有的這些層面都屬于交互設(shè)計的細節(jié),其中一個關(guān)鍵點便是動效。

本文將介紹幾種常見的動效模式(用GIF圖演示),分析一下為何這些簡單的設(shè)計模式在實際應用中能夠奏效。
當我們設(shè)計數(shù)碼產(chǎn)品時,我們一般用PS或者Sketch這種設(shè)計軟件來進行設(shè)計。

了解設(shè)計的人明白這樣一個道理:設(shè)計不光只是視覺表達。設(shè)計也不應該是靜態(tài)的。喬布斯說過這樣一句話:

設(shè)計并非外觀怎樣,感覺如何。核心在于,它是怎樣工作的。

影響用戶對產(chǎn)品的體驗與印象的因素有很多,交互在其中扮演著關(guān)鍵性角色。我們不能再簡單的把用戶界面當成一種靜態(tài)界面而設(shè)計。我們應該順應互聯(lián)網(wǎng)動態(tài)的本質(zhì),打造更加動態(tài)的圖形用戶界面。
好了,廢話不多說,我們來看看,什么叫做更智能的交互、更精致的動效??纯催@些設(shè)計模式是怎樣提高用戶體驗的。

動效滾動

超鏈接是互聯(lián)網(wǎng)的雙刃劍,當你點擊鏈接時,你可以在互聯(lián)網(wǎng)中任意遨游,隨心所欲。

可是過度自由好嗎?不見得,比方說你在瀏覽一款精美的產(chǎn)品頁面,然后你點擊了一下頁面中的鏈接,突然導入了一款令人毛骨悚然的木偶商店頁面。這就是超鏈接的弊端,有時候的頁面轉(zhuǎn)換太突然,缺少過度,讓用戶一時不能接受。

我們可以看看書籍的用戶體驗:故事發(fā)展一般是線性的,每一章都和上文有所聯(lián)系。想要閱讀第二章,必須先閱讀第一章,以便大致了解書中的環(huán)境與人物關(guān)系。如果你”跳章”閱讀,不可避免的會錯過一些關(guān)鍵劇情,因此無法理解有些內(nèi)容。

在網(wǎng)頁設(shè)計中,同理,尤其是那種內(nèi)容比較大,頁面比較長得網(wǎng)站,這種情況經(jīng)常無意識的發(fā)生:用戶會錯過之前的某些關(guān)鍵內(nèi)容,而且又缺少提示,因此很難理解當前內(nèi)容,通過添加動效滾動,可以修正這一問題。

別讓用戶發(fā)呆—設(shè)計中的防呆策略

藍藍設(shè)計的小編

  生活中總會有些狀況讓我們無所適從摸不著頭腦:面對一排電燈或空調(diào)的按鈕,哪個才是控制我想要的?開鎖時掏出一把鑰匙,哪個才是正確的?拿起U盤插入電腦,朝那個方向才是對的?……類似的猶豫充分說明,你呆住了?,F(xiàn)在,是需要“防呆設(shè)計”來拯救你了。

 

通過潛意識情感來驅(qū)動用戶行為(51活動小結(jié))

藍藍設(shè)計的小編

內(nèi)文版頭圖

現(xiàn)在我們見到的大部分推廣活動往往都以折扣,抽獎作為噱頭。長期的價格戰(zhàn)轟炸來刺激消費心理的方式已經(jīng)讓用戶形成一定的疲勞感甚至是抵觸感,因此,我們思考能否在勞動節(jié)這個比較傳統(tǒng)但是特點鮮明的節(jié)日中通過新的創(chuàng)意來達到我們活動目的呢?

定位研發(fā).產(chǎn)品設(shè)計(持續(xù)更新)

藍藍設(shè)計的小編

自然界任何一種生物體上的構(gòu)造都是有目的的存在,任何一種形態(tài)都是有規(guī)律的呈現(xiàn),產(chǎn)品也一樣,任何一件產(chǎn)品的存在價值取決于它的用途和呈現(xiàn)某種規(guī)律的形態(tài)美。

產(chǎn)品研發(fā)與設(shè)計要圍繞生活中的問題,有需才有求,只有切實為生活提供便利的產(chǎn)品才能得民心得市場;可能已經(jīng)有圍繞這個問題的產(chǎn)品,這是好事,說明這個問題有必要性,重新開發(fā)一件與眾不同的新產(chǎn)品,或改良原有的產(chǎn)品,它們都是多年歷練的"巨人",改良它就是站在巨人的肩膀上。

“炫動”你的屏幕——移動產(chǎn)品中的旋轉(zhuǎn)木馬模式

藍藍設(shè)計的小編

移動產(chǎn)品設(shè)計中,圖片傳達的信息比文字更直白、美觀、容易吸引用戶注意,所以在產(chǎn)品中引入大量圖片資源也成為設(shè)計師喜愛的方式之一。
今天我們在文中要介紹一種的縮略圖瀏覽方式——旋轉(zhuǎn)木馬模式(Carousel)。

從“以用戶為中心的設(shè)計”到“用戶參與式設(shè)計”: participatory design理念及其應用(上篇)

藍藍設(shè)計的小編

UCD中常用的用戶研究方法——問卷、一對一訪談、焦點小組等,更多是將用戶作為研究的客體,通過用戶語言表述的觀點,了解用戶的期望、需求。而北歐和北美近幾十年、尤其最近十幾年在工業(yè)設(shè)計領(lǐng)域,逐漸興起的用戶參與式設(shè)計(participatory design,PD),倡導將用戶更深入的融入到設(shè)計過程中,培養(yǎng)用戶的主人翁意識,激發(fā)并調(diào)動他們的積極性和主動性。

國際QQ新版官網(wǎng)項目總結(jié)

藍藍設(shè)計的小編

項目總結(jié):騰訊QQ國際版官網(wǎng)改版總結(jié),互聯(lián)網(wǎng)的一些事

  項目背景:

  國際QQ官網(wǎng)是宣傳國際QQ品牌的主力站點、下載國際QQ的重要入口。舊版國際QQ官網(wǎng)更加偏向于一個門戶類網(wǎng)站,重點提供相關(guān)新聞資訊,互動社區(qū),群組推薦等基礎(chǔ)服務(wù),而對于產(chǎn)品本身的功能介紹,品牌推廣以及下載服務(wù)提供的版面較少。雖然網(wǎng)站提供的相關(guān)社交服務(wù)能夠更好的提高產(chǎn)品活躍度,不過由于國際QQ的用戶群體與QQ的用戶群體存在著很大的差異,很大一部分使用國際QQ的用戶并沒有用過QQ,對于產(chǎn)品本身甚至是功能使用還不是很熟悉。而新版國際QQ官網(wǎng)的主要目標是以宣傳和推廣國際QQ品牌為主,相應的加入適量的社交服務(wù)。減少網(wǎng)站后期的運營壓力,強化品牌風格,并且舊版官網(wǎng)整體視覺風格已經(jīng)相對過時。在這個背景下,有必要對國際QQ官網(wǎng)進行一次大改版。

“設(shè)計之變”--從iPhone應用到iPad應用

藍藍設(shè)計的小編


在做APP的iPad版本設(shè)計時,我們常常需要考慮:如何在延續(xù)iPhone版本設(shè)計特色和優(yōu)點同時,充分利用iPad的特性更好地進行設(shè)計。本文從iPad和iPhone的差異性入手,試圖總結(jié)這一設(shè)計過程中需要注意的問題。

你的產(chǎn)品是用戶心里最想要的嗎?

藍藍設(shè)計的小編

你的產(chǎn)品是用戶心里最想要的嗎?,互聯(lián)網(wǎng)的一些事

  編者按:本文作者 Nir Eyal 在NirAndFar.com上撰寫心理學、科技和商業(yè)的交叉內(nèi)容的文章。

  想象這樣一個場景。當你走進一個繁忙的百貨公司,有人走進你伸手向你要錢:“請問可以給我一些零錢搭公共汽車嗎?”如果這個人不是乞丐,而是一個博士呢?

  作為法國研究的一部分,研究者想要知道,只是通過一些特別推敲的話,他們是否可以改變?nèi)藗兘o予一個陌生人多少錢。他們發(fā)現(xiàn)了一個簡單而有效的方法可以讓人們給出雙倍的錢。

  這個詞句的改變不僅增加了人們給陌生人搭公共汽車的錢,也有效地提升了慈善捐款和志愿調(diào)查的參與度。事實上,最近一個包含 42 項研究、涉及超過 22000 名參與者的總結(jié)分析指出,在請求最后附上的只字片語可以獲得人們的認同,使接受請求的可能性提高一倍。

  那么,研究者發(fā)現(xiàn)的神奇詞句究竟是什么呢?那就是“但是你可以自由選擇接受或是拒絕”。

  這個發(fā)出請求的技巧表明了,如果我們確信選擇是自由的,則更有可能被說服。這種效果不僅在面對面的互動中被觀察到,也存在于電子郵件交流中。盡管研究沒有直接關(guān)注產(chǎn)品和服務(wù)如何運用這種方法,但是研究提供了幾個具有操作性的觀點來指導公司影響用戶行為。

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.yvirxh.cn

存檔