Advertisement

gifanimation_top

 

現在のWebデザインにおいて、アニメーションは大きなトレンドのひとつになっています。動画でもない動くイメージ画像、GIFアニメーションは、ファイルサイズや時間の長さなど、限られたなかで表現する、デザイナーの腕の見せ所でもあります。

 

 

海外デザインブログWebDesignerDepot.comで、Webデザインなどに採用された、ユニークなGIFアニメーションをあつめたエントリー「50+ Inspiring Animated GIFs」が公開されていたので、今回はご紹介します。

 

 

GIFアニメーションの人気スタイルとして、何もないカンバスからデザインが展開していく、ゲームのオープニング画面のような効果を、Webデザインにも応用してみるのも面白いかもしれません。

 

 

 

詳細は以下から。

 

 

 

Webデザインにも活用したい、GIFアニメーション特集

 

bike

Bike by Javi Perez

 

 

bicycle-gif

Bike GIF

 

 

molly_and_ray

Molly and Ray

 

 

tipi

Tipi

 

 

dribbble

Bow & Arrow

 

 

mc-delivery

MailChimp Special Delivery

 

 

echo

Echos

 

 

metaloader

Loader 03 WIP

 

 

cake

Cake

 

 

cameras

Cameras Animated GIF

 

 

collection

Contenstants

 

 

cars

MoreCars

 

 

superbowl-xlvi2

Superbowl XLVI

 

 

time-and-money

Time and Money

 

 

iphone-ipad-macbook

iPhone iPad Macbook

 

 

superbutton

SuperPalybutton Animation

 

 

distrib

Homeless Vending Machine

 

 

012

Street Sign Monster 2

 

 

dribble_gif

Dribble GIF

 

 

digital-icon-pack-animated-promo-3

Digital Icon pack Animated Promo 3

 

 

taking-other-people_s-land

Taking Other People’s Land

 

 

013

Cafe GIF

 

 

003

Earth Animation Practice

 

 

001

Rebar Animated

 

 

018

Hypercompact Animated 3D Logotype

 

 

015

Paper Plane

 

 

014

The Explosion

 

 

002

Hello!

 

 

008

Racetrack

 

 

017

Waarriors Animated

 

 

007

Seamless Landscape