ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

    ウェブプログラミング講座

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テンプレートモンスター
ホームページテンプレート

Free Templates Online JP
無料ホームページテンプレート
Free Templates Online JP

株式会社ネットオン
採用Webマーケティング
indeed広告代理店

海外 SEO対策 トラッキングツール
海外 SEO対策
ランキングチェックツール

Rank Tracker

テクニック

Homeウェブデザイン基礎講座 > ウェブデザインにおけるパララックススクロール:パララックスを使ったウェブサイト20選

ウェブデザインにおけるパララックススクロール:パララックスを使ったウェブサイト20選

投稿日:2014年5月30日

このチュートリアルでは、パララックスを使ったウェブサイトをご紹介します。

Step1:はじめに

パララックススクロールが主流になっています。
HTML5とCSS3のような新しいテクノロジーがウェブデザイナーにとって新しい可能性の扉を開きます。
これらの新しい機能と自分の想像力を駆使して、ウェブデザインアートの魅力的で注目を集める作品、夢に見たウェブサイトを創造できるようになりました。

関連記事:
パララックススクロールをウェブサイトにスマートに使用するためのヒント
ウェブサイトにパララックススクロールを作る方法
クールなパララックススクロールを使用したウェブサイトまとめ

パララックスウェブサイトは鮮やかでクリエイティブで刺激的です。
あたかも手を取ってウェブサイトの魅惑的なデジタルワールドに連れて行ってくれるかのようです。
だからこそ、パララックススクロールがストーリーテリング型のウェブサイトにとって最適なのです。



Step2:パララックス効果を作るためのビデオチュートリアル

パララックススクロール効果をウェブで作るためのビデオチュートリアルやデザイン講座はたくさんあります。
たとえば、「Skillfeed.com」はプロフェッショナルの教育映像を提供しているので、たくさんの新しいスキルを身に付けられるようになるでしょう。
「パララックスウェブサイトを作る方法」という講座は、パララックスデザインのクールなステップバイステップのマニュアルといえます。

また、「ビギナー向けのウェブモーション:パパラックス効果を作る」は「Lynda.com」で見ることができます。

この回では、ウェブデザインのインスピレーションを見つけると共に、パララックスウェブサイトの高レベルの使いやすさを体験してみてください。





Step3:パララックスを使ったウェブサイト

The Space in Between
The Space in Between

Boy Coy
Boy Coy

Aiia
Aiia

Carlos Molina
Carlos Molina

Experience the new HTC On...
Experience the new HTC On...

Sweez
Sweez

PUMA: Mobium
PUMA: Mobium

House
House

Hot Dot
Hot Dot

Life of Pi
Life of Pi

The plant of the dreams
The plant of the dreams

Tea Pot
Tea Pot

Browser Awareness Day
Browser Awareness Day

Portlandia: All New Seaso...
Portlandia: All New Seaso...

NH Winter Holidays
NH Winter Holidays

Spotify
Spotify

13 Reasons
13 Reasons

Bomb Girls
Bomb Girls

Biamar
Biamar

Le Stanze di Ann
Le Stanze di Ann



引用:Web Design Library 著者:Templates & Tuning 翻訳:菊池



スポンサードリンク

コメント

ランダム記事5件

2016年5月の人気記事ランキング