中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

網(wǎng)站設(shè)計(jì)趨勢:讓圖片活起來

2016-11-01    分類: 網(wǎng)站設(shè)計(jì)

現(xiàn)場照片、Cinemagraph、動畫等,對于網(wǎng)站設(shè)計(jì)來說,這個(gè)趨勢有太多不同的名字,主視覺圖的影響和使用,好像正在以一種微妙的方式一直存在并發(fā)展著。事實(shí)上,它不是一張照片,但也不是一段視頻。通過設(shè)計(jì)技巧,將運(yùn)限制在圖像上的某一個(gè)動作上,可以很容易吸引用戶的注意力,并將其注意力集中在圖像上。不管你怎么稱呼它,這種趨勢在網(wǎng)頁設(shè)計(jì)、可分享的gif和社交媒體上都產(chǎn)生了影響。我們很難確定這種“活動的”照片的創(chuàng)意具體是從哪里開始的,但你可能會知道Apple的產(chǎn)品讓它更受歡迎。在包括iPhone等產(chǎn)品的功能和特點(diǎn)的相關(guān)簡介頁面的攝影作品中,你經(jīng)常會看到這種趨勢的使用。網(wǎng)站設(shè)計(jì)上“活動的”照片具有同樣的概念,或許有點(diǎn)不同的是,網(wǎng)站中的圖像中往往會有一些額外的信息讓你看得更久一點(diǎn)。這種趨勢的概念已經(jīng)開始出現(xiàn)在更多不同的領(lǐng)域。比如,在數(shù)字化廣告牌上,看似靜止的廣告中,經(jīng)常會出現(xiàn)一個(gè)眨眼睛的人。為什么要使用這種技術(shù)?其實(shí)目的很簡單,它可以使用戶的注意力更持久,并提供一個(gè)更有趣的視覺參考點(diǎn)。Flixel是一家專門為客戶制作cinemagraph圖像的公司,根據(jù)他們所統(tǒng)計(jì)的數(shù)據(jù)顯示,使用這種設(shè)計(jì)趨勢所輸出的照片能讓用戶的注意力保持在9秒,相比之下,靜止的圖像的時(shí)間僅僅為1秒。這種技術(shù)可以通過多種方法和多種設(shè)計(jì)應(yīng)用來發(fā)揮它的作用。一些比較好的例子往往是來自那些簡單的場景或風(fēng)景,其中,一張漂亮的照片是所有后續(xù)工作的起點(diǎn)。草可能會在風(fēng)或風(fēng)景中移動、通過任務(wù)展示的時(shí)候可能會使用眨眼的動作、產(chǎn)品可能會傾斜或旋轉(zhuǎn)或在一定時(shí)間段中完成設(shè)計(jì)的動作。在考慮使用這種趨勢時(shí),最重要的其實(shí)是你需要保持畫面足夠簡單。如果你需要比較多的動作,你最好還是選擇視頻。這項(xiàng)技巧令人驚訝的是——用戶可能在前期期望的是靜止的圖像,但咋實(shí)際看到它的時(shí)候它盡然是以“動”的狀態(tài)展示??纯瓷厦娴膬蓮垐D片,你可以看到,任何一種風(fēng)格都是非常有效的。另一個(gè)需要考慮的是,運(yùn)動并不一定要一直循環(huán)發(fā)生。在上面的Hillmann Living網(wǎng)頁設(shè)計(jì)中,主頁上的一部分產(chǎn)品上具有運(yùn)動的投射光。這是該圖片上唯一一個(gè)運(yùn)動的元素,除去這個(gè)元素,照片就是靜止的照片。你可以看到這里的效果很好,它讓你直接關(guān)注到該公司正在銷售的椅子,該技術(shù)向用戶展示了頁面上的內(nèi)容,通過一種微妙而有趣的方式。Bar Z Wines在其網(wǎng)站設(shè)計(jì)中采取了另一種方法。在最初的初始階段,僅有一個(gè)插圖的主頁看起來很簡單,但是你會看到一架小飛機(jī)在屏幕的頂部中央飛行。該運(yùn)動有助于引導(dǎo)用戶查看屏幕上的重要信息:“我們的葡萄酒未經(jīng)過濾?!庇脩赳R上就知道了這個(gè)網(wǎng)站上的信息,因?yàn)樗麄儽晃阶钪匾男畔⑸?。Monochrome Paris的網(wǎng)站設(shè)計(jì)是這一趨勢的好范例。在它的主頁上。你可以看到一個(gè)很簡單的圖像,僵硬的元素幾乎看起來要融化了,并且你會看到在風(fēng)中移動的面料。效果足夠引人注目,并吸引用戶參與到設(shè)計(jì)中。這種效果有助于以一種微妙的方式讓用戶產(chǎn)生興趣。因?yàn)檫\(yùn)動,想象的視覺看起來更真實(shí)。這個(gè)網(wǎng)站是一個(gè)很好的案例研究,以有效的方式使用這一趨勢。不管你怎么稱呼它,這種趨勢很可能會持續(xù)下去。這是一種將動畫添加到網(wǎng)頁設(shè)計(jì)中而不必生成視頻的方法。它很有效,而且比視頻制作成本低很多。這一趨勢的訣竅在于確保它看起來是有意識的和真實(shí)的。加入一些毫無意義的運(yùn)動并不一定會給你想要的效果。回過頭來看看上面的例子,看看這些動畫會讓你在設(shè)計(jì)中得到什么。在每個(gè)示例中,運(yùn)動可以幫助用戶獲得特定的元素或執(zhí)行特定的操作。這種有意和指引性的運(yùn)動才是是有效的設(shè)計(jì)關(guān)鍵。

分享題目:網(wǎng)站設(shè)計(jì)趨勢:讓圖片活起來
文章分享:http://m.rwnh.cn/news/55667.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)
封开县| 静海县| 宾川县| 怀来县| 双峰县| 北碚区| 石首市| 深泽县| 绵阳市| 瓮安县| 德令哈市| 高青县| 乌鲁木齐市| 博野县| 西平县| 淮滨县| 荣成市| 剑河县| 潜江市| 革吉县| 新巴尔虎右旗| 四子王旗| 虎林市| 东山县| 油尖旺区| 沂源县| 达日县| 当阳市| 新巴尔虎右旗| 井冈山市| 玉田县| 乌拉特前旗| 吉安市| 海晏县| 邹平县| 肃南| 济宁市| 庆元县| 夏河县| 昌吉市| 吉林省|