平麵設計中運動錯覺的設計技巧
2019.08.28
在網站的平麵設計中,你可以通過讓你的設計移動來喚起觀眾的身心體驗-即使隻是暗示了這種運動,也會立即讓您與潛在客戶建立視覺關係。
1. 運動線
使用簡單的運動線技術,看似惰性的物體很快就會充滿運動感。這種技術最簡單,最直觀。有時最簡單的解決方案確實是最好的。
2. 中度幹擾
在(zai)水(shui)中(zhong)移(yi)動(dong)會(hui)產(chan)生(sheng)波(bo)浪(lang)運(yun)動(dong)或(huo)尾(wei)流(liu)。燃(ran)燒(shao)物(wu)體(ti)或(huo)穿(chuan)過(guo)其(qi)他(ta)物(wu)質(zhi)的(de)物(wu)體(ti)也(ye)是(shi)如(ru)此(ci)。展(zhan)示(shi)物(wu)體(ti)如(ru)何(he)幹(gan)擾(rao)其(qi)環(huan)境(jing)是(shi)另(ling)一(yi)種(zhong)表(biao)明(ming)運(yun)動(dong)的(de)簡(jian)單(dan)方(fang)法(fa)。這(zhe)種(zhong)技(ji)術(shu)實(shi)際(ji)上(shang)是(shi)一(yi)個(ge)更(geng)加(jia)豐(feng)富(fu)的(de)運(yun)動(dong)線(xian)版(ban)本(ben)。它(ta)們(men)都(dou)表(biao)明(ming)物(wu)體(ti)在(zai)空(kong)間(jian)中(zhong)移(yi)動(dong)的(de)效(xiao)果(guo),但(dan)運(yun)動(dong)線(xian)更(geng)多(duo)的(de)是(shi)暗(an)示(shi),中(zhong)等(deng)幹(gan)擾(rao)增(zeng)加(jia)了(le)更(geng)多(duo)的(de)細(xi)節(jie)。
3. 預期的運動
該gai技ji術shu在zai固gu定ding的de二er維wei表biao麵mian上shang使shi用yong運yun動dong的de建jian議yi。如ru果guo我wo們men看kan到dao一yi隻zhi猴hou子zi向xiang前qian傾qing斜xie,就jiu像xiang它ta即ji將jiang跳tiao躍yue到dao另ling一yi個ge地di方fang,我wo們men將jiang自zi動dong被bei觸chu發fa轉zhuan向xiang這zhe個ge方fang向xiang,並bing把ba他ta存cun儲chu在zai我wo們men的de腦nao海hai中zhong。當dang我wo們men看kan到dao任ren何he存cun在zai預yu期qi運yun動dong的de設she計ji時shi,這zhe種zhong反fan應ying就jiu會hui發fa生sheng。我wo們men可ke以yi感gan受shou到dao下xia一yi個ge運yun動dong的de樣yang子zi。
4. 多個圖像
開始-變換-停(ting)止(zhi)。這(zhe)是(shi)一(yi)個(ge)行(xing)動(dong)循(xun)環(huan)。多(duo)個(ge)圖(tu)像(xiang)是(shi)一(yi)種(zhong)結(jie)構(gou)技(ji)術(shu),通(tong)過(guo)以(yi)不(bu)同(tong)的(de)姿(zi)勢(shi)呈(cheng)現(xian)主(zhu)體(ti)來(lai)描(miao)繪(hui)動(dong)作(zuo)的(de)循(xun)環(huan),這(zhe)些(xie)姿(zi)勢(shi)將(jiang)敘(xu)述(shu)傳(chuan)達(da)給(gei)觀(guan)察(cha)者(zhe)。將(jiang)多(duo)個(ge)圖(tu)像(xiang)放(fang)在(zai)一(yi)起(qi)產(chan)生(sheng)運(yun)動(dong)的(de)幻(huan)覺(jiao)。
5. 透明度
在該技術中,不同透明度的形式彼此疊加以複製運動。
6. 模糊的輪廓
kuaisuyidongdewutikanqilaiyoudianmohu。zhezhongxianxiangshiwomenjiangmohubianyuanyuyundonglianxiqilai。baochixiangjijingzhi,paishekuaisuyidongdewuti,dangtatongguojingtoushi,nijianghuodezhezhongxiaoguo,erwuxushiyongtuxingsheji。mohudelunkuojishugeirenyizhongminjiegan,tongshiyedailaileyoulingbandexiaoguo。
7. 力線
這(zhe)些(xie)通(tong)常(chang)是(shi)看(kan)不(bu)見(jian)的(de)線(xian)條(tiao),它(ta)們(men)以(yi)引(yin)人(ren)注(zhu)目(mu)的(de)視(shi)覺(jiao)強(qiang)調(tiao)指(zhi)導(dao)運(yun)動(dong)方(fang)向(xiang),以(yi)及(ji)運(yun)動(dong)的(de)含(han)義(yi)。在(zai)海(hai)洋(yang)繪(hui)畫(hua)中(zhong),注(zhu)意(yi)如(ru)何(he)在(zai)至(zhi)少(shao)三(san)個(ge)地(di)方(fang)從(cong)右(you)到(dao)左(zuo)繪(hui)製(zhi)對(dui)角(jiao)線(xian):zaihaianxianshang,baisepaomoshuibianchengbolang,zaibolangdedingbu。dangtamenxiangzuoyixiangxiaoshidianshi,zhexiexianhuiju,zainalitamenzhuangchengshuiping,chuizhiheduijiaoxiandejiaoxiangle,chanshengtuanliuyundongdeganjiao。
8. 光學運動
zhegekuayuelejiezouleibie,dantayechuangzaoleyizhongyundongdehuanjiao,suoyitazaiwomendeliebiaozhong。wanqudexingzhuangqingxiangyujiangyanjingyindaodaoweiraogoutudeyuanquanzhong。zhebeichengweiguangxueyidongbingqieshiguankanzhenenggoudongtaidiganzhizhenggebufendegegebufen。
虛(xu)幻(huan)動(dong)作(zuo)是(shi)您(nin)與(yu)觀(guan)眾(zhong)進(jin)行(xing)身(shen)心(xin)對(dui)話(hua)的(de)方(fang)式(shi)。現(xian)在(zai)您(nin)已(yi)經(jing)了(le)解(jie)了(le)一(yi)係(xi)列(lie)不(bu)同(tong)的(de)方(fang)法(fa)來(lai)創(chuang)造(zao)設(she)計(ji)中(zhong)的(de)運(yun)動(dong)錯(cuo)覺(jiao),那(na)就(jiu)趕(gan)緊(jin)創(chuang)作(zuo)讓(rang)您(nin)的(de)觀(guan)眾(zhong)感(gan)動(dong)的(de)作(zuo)品(pin)吧(ba)!
1. 運動線
使用簡單的運動線技術,看似惰性的物體很快就會充滿運動感。這種技術最簡單,最直觀。有時最簡單的解決方案確實是最好的。
2. 中度幹擾
在(zai)水(shui)中(zhong)移(yi)動(dong)會(hui)產(chan)生(sheng)波(bo)浪(lang)運(yun)動(dong)或(huo)尾(wei)流(liu)。燃(ran)燒(shao)物(wu)體(ti)或(huo)穿(chuan)過(guo)其(qi)他(ta)物(wu)質(zhi)的(de)物(wu)體(ti)也(ye)是(shi)如(ru)此(ci)。展(zhan)示(shi)物(wu)體(ti)如(ru)何(he)幹(gan)擾(rao)其(qi)環(huan)境(jing)是(shi)另(ling)一(yi)種(zhong)表(biao)明(ming)運(yun)動(dong)的(de)簡(jian)單(dan)方(fang)法(fa)。這(zhe)種(zhong)技(ji)術(shu)實(shi)際(ji)上(shang)是(shi)一(yi)個(ge)更(geng)加(jia)豐(feng)富(fu)的(de)運(yun)動(dong)線(xian)版(ban)本(ben)。它(ta)們(men)都(dou)表(biao)明(ming)物(wu)體(ti)在(zai)空(kong)間(jian)中(zhong)移(yi)動(dong)的(de)效(xiao)果(guo),但(dan)運(yun)動(dong)線(xian)更(geng)多(duo)的(de)是(shi)暗(an)示(shi),中(zhong)等(deng)幹(gan)擾(rao)增(zeng)加(jia)了(le)更(geng)多(duo)的(de)細(xi)節(jie)。
3. 預期的運動
該gai技ji術shu在zai固gu定ding的de二er維wei表biao麵mian上shang使shi用yong運yun動dong的de建jian議yi。如ru果guo我wo們men看kan到dao一yi隻zhi猴hou子zi向xiang前qian傾qing斜xie,就jiu像xiang它ta即ji將jiang跳tiao躍yue到dao另ling一yi個ge地di方fang,我wo們men將jiang自zi動dong被bei觸chu發fa轉zhuan向xiang這zhe個ge方fang向xiang,並bing把ba他ta存cun儲chu在zai我wo們men的de腦nao海hai中zhong。當dang我wo們men看kan到dao任ren何he存cun在zai預yu期qi運yun動dong的de設she計ji時shi,這zhe種zhong反fan應ying就jiu會hui發fa生sheng。我wo們men可ke以yi感gan受shou到dao下xia一yi個ge運yun動dong的de樣yang子zi。
4. 多個圖像
開始-變換-停(ting)止(zhi)。這(zhe)是(shi)一(yi)個(ge)行(xing)動(dong)循(xun)環(huan)。多(duo)個(ge)圖(tu)像(xiang)是(shi)一(yi)種(zhong)結(jie)構(gou)技(ji)術(shu),通(tong)過(guo)以(yi)不(bu)同(tong)的(de)姿(zi)勢(shi)呈(cheng)現(xian)主(zhu)體(ti)來(lai)描(miao)繪(hui)動(dong)作(zuo)的(de)循(xun)環(huan),這(zhe)些(xie)姿(zi)勢(shi)將(jiang)敘(xu)述(shu)傳(chuan)達(da)給(gei)觀(guan)察(cha)者(zhe)。將(jiang)多(duo)個(ge)圖(tu)像(xiang)放(fang)在(zai)一(yi)起(qi)產(chan)生(sheng)運(yun)動(dong)的(de)幻(huan)覺(jiao)。
5. 透明度
在該技術中,不同透明度的形式彼此疊加以複製運動。
6. 模糊的輪廓
kuaisuyidongdewutikanqilaiyoudianmohu。zhezhongxianxiangshiwomenjiangmohubianyuanyuyundonglianxiqilai。baochixiangjijingzhi,paishekuaisuyidongdewuti,dangtatongguojingtoushi,nijianghuodezhezhongxiaoguo,erwuxushiyongtuxingsheji。mohudelunkuojishugeirenyizhongminjiegan,tongshiyedailaileyoulingbandexiaoguo。
7. 力線
這(zhe)些(xie)通(tong)常(chang)是(shi)看(kan)不(bu)見(jian)的(de)線(xian)條(tiao),它(ta)們(men)以(yi)引(yin)人(ren)注(zhu)目(mu)的(de)視(shi)覺(jiao)強(qiang)調(tiao)指(zhi)導(dao)運(yun)動(dong)方(fang)向(xiang),以(yi)及(ji)運(yun)動(dong)的(de)含(han)義(yi)。在(zai)海(hai)洋(yang)繪(hui)畫(hua)中(zhong),注(zhu)意(yi)如(ru)何(he)在(zai)至(zhi)少(shao)三(san)個(ge)地(di)方(fang)從(cong)右(you)到(dao)左(zuo)繪(hui)製(zhi)對(dui)角(jiao)線(xian):zaihaianxianshang,baisepaomoshuibianchengbolang,zaibolangdedingbu。dangtamenxiangzuoyixiangxiaoshidianshi,zhexiexianhuiju,zainalitamenzhuangchengshuiping,chuizhiheduijiaoxiandejiaoxiangle,chanshengtuanliuyundongdeganjiao。
8. 光學運動
zhegekuayuelejiezouleibie,dantayechuangzaoleyizhongyundongdehuanjiao,suoyitazaiwomendeliebiaozhong。wanqudexingzhuangqingxiangyujiangyanjingyindaodaoweiraogoutudeyuanquanzhong。zhebeichengweiguangxueyidongbingqieshiguankanzhenenggoudongtaidiganzhizhenggebufendegegebufen。
虛(xu)幻(huan)動(dong)作(zuo)是(shi)您(nin)與(yu)觀(guan)眾(zhong)進(jin)行(xing)身(shen)心(xin)對(dui)話(hua)的(de)方(fang)式(shi)。現(xian)在(zai)您(nin)已(yi)經(jing)了(le)解(jie)了(le)一(yi)係(xi)列(lie)不(bu)同(tong)的(de)方(fang)法(fa)來(lai)創(chuang)造(zao)設(she)計(ji)中(zhong)的(de)運(yun)動(dong)錯(cuo)覺(jiao),那(na)就(jiu)趕(gan)緊(jin)創(chuang)作(zuo)讓(rang)您(nin)的(de)觀(guan)眾(zhong)感(gan)動(dong)的(de)作(zuo)品(pin)吧(ba)!












