Godzilla. 2016-12-29
網(wǎng)站建設(shè)
網(wǎng)站設(shè)計(jì)建設(shè)之Web設(shè)計(jì)中的動(dòng)畫(huà)示例
在像網(wǎng)頁(yè)設(shè)計(jì)這樣的創(chuàng)意行業(yè)中,靈感在您的日常工作中占有很大的份額。并不總是很容易地遇到靈感,這就是為什么我開(kāi)始收集所有的小片段的靈感。無(wú)論你是自由職業(yè)者還是大型設(shè)計(jì)團(tuán)隊(duì)的一部分,在早晨獲得靈感都是開(kāi)始新的一天的絕佳方式。本文就來(lái)總結(jié)一些網(wǎng)頁(yè)設(shè)計(jì)中的元素,網(wǎng)站設(shè)計(jì)建設(shè)之Web設(shè)計(jì)中的動(dòng)畫(huà)示例。
1.針對(duì)Horn?ya小島做的一個(gè)3D游覽的引導(dǎo)
每年夏天,Horn?ya的小島是由挪威廣播公司NRK以非凡的,互動(dòng)的細(xì)節(jié)嘲笑的。 Horn?ya,只有大約40公頃的規(guī)模,數(shù)以千計(jì)的鳥(niǎo)類(lèi)沿著它的一個(gè)懸崖面:與物種包括海雀,鸕鶿和海鷗。
邀請(qǐng)您自己體驗(yàn)小島,您將看到一幅地形的地形模型,使用真實(shí)的衛(wèi)星圖像和航空攝影創(chuàng)建。 當(dāng)你滾動(dòng),屏幕旋轉(zhuǎn)和放大主要功能 - 燈塔,懸崖面對(duì) - 讓你選擇進(jìn)一步探索。 甚至還有來(lái)自幾個(gè)嵌套區(qū)域的直播視頻。
2.Somerset打印過(guò)程動(dòng)畫(huà)
如果你公司的重點(diǎn)業(yè)務(wù)是紙和印刷,一個(gè)網(wǎng)站不是可以表達(dá)自己的理想媒介。這是塞德蓋特的創(chuàng)新網(wǎng)站 - 由紙制成的邏輯! Web版本是一個(gè)非常真實(shí)的,物理的紙張的交互式渲染。紙張本身有一個(gè)移動(dòng)的網(wǎng)站,撕開(kāi),一個(gè)地圖,你可以放大,通過(guò)翻轉(zhuǎn)一張紙,甚至一個(gè)廣告的特定類(lèi)型的紋理紙,只是一個(gè)空白的正方形的紙粘在網(wǎng)站上。
3.看看背后的場(chǎng)景
澳大利亞數(shù)字營(yíng)銷(xiāo)機(jī)構(gòu)Supple為其核心服務(wù)SEO開(kāi)發(fā)了一個(gè)互動(dòng)性強(qiáng)的互動(dòng)著陸頁(yè)。它說(shuō)明了如何擁有良好的SEO和沒(méi)有SEO可以對(duì)業(yè)務(wù)產(chǎn)生影響。在圖片滑塊上疊加已發(fā)布網(wǎng)站的示例,您可以分別查看優(yōu)化和非優(yōu)化網(wǎng)站后面的代碼。
4.B&O播放(伴隨產(chǎn)品分析的播放)
B&O Play是一家技術(shù)設(shè)計(jì)公司,專(zhuān)門(mén)生產(chǎn)一系列令人驚嘆的耳機(jī)和揚(yáng)聲器 - 這一系列功能與時(shí)尚相融合。通過(guò)使用電子商務(wù)產(chǎn)品顯示合成時(shí)尚照片,B&O Play網(wǎng)站可讓您向下滾動(dòng)一頁(yè)全尺寸照片肖像,其中包括前沿的衣服,化妝和珠寶(自然由有吸引力的模特穿著)的組合。 只有在您繼續(xù)向下瀏覽頁(yè)面時(shí),您才能放大每張肖像中特定的B&O Play產(chǎn)品,并以文本和視頻的形式顯示其他信息,以便您獲益。
5.滾動(dòng)展示的冰淇淋
警告,這個(gè)設(shè)計(jì)的例子會(huì)讓你感覺(jué)到餓!Homer Hudson是一位美國(guó)冰淇淋生產(chǎn)商,他發(fā)現(xiàn)了一種創(chuàng)造性的,互動(dòng)的方式來(lái)展示他們的口味。您可以通過(guò)顏色和口味的輪子水平滾動(dòng)。每個(gè)新的顏色和標(biāo)簽無(wú)縫滑過(guò)靜態(tài)冰淇淋桶,最終導(dǎo)致一個(gè)空白的標(biāo)簽為“即將到來(lái)”。
6.排水公司的動(dòng)畫(huà)SVG標(biāo)志
一個(gè)好的標(biāo)識(shí)不應(yīng)該只是可識(shí)別的,理想情況下,它應(yīng)該傳達(dá)一個(gè)意識(shí),你的公司是什么,你做什么。這就是為什么我們愛(ài)上了這個(gè)排水公司的動(dòng)畫(huà)SVG標(biāo)志,這項(xiàng)服務(wù)提供專(zhuān)業(yè)排水管道清理和管道。
7.雨滴動(dòng)畫(huà)讓網(wǎng)站看起來(lái)驚人!
蓋丘亞的雨衣夾克是專(zhuān)門(mén)設(shè)計(jì)的,以提供最大的防雨功能。這似乎是一個(gè)非常簡(jiǎn)單的觀察,但它提供了營(yíng)銷(xiāo)的最基本的規(guī)則的必要提醒; 如果你在向消費(fèi)者銷(xiāo)售解決方案,那么提醒他們這個(gè)問(wèn)題總是好的。
文章標(biāo)簽:
動(dòng)畫(huà)示例
Godzilla 簽
為了在編輯、圖象設(shè)計(jì)方面進(jìn)一步的提高,我想投身于網(wǎng)站行業(yè)中,一展所長(zhǎng),為所在的公司和社會(huì)貢獻(xiàn)一分力量!
文章評(píng)論: