【Webデザイン】今週の「良きウェブ」(6月16日〜6月22日)
どうもです。梅雨が終わって嬉しいですが夏があまり好きじゃないので困ってます。
今週も良きウェブまとめです。 今週も色々良いサイトを見かけましたが、個人的には一番最初に取り上げている美容院のサイトが素敵なのでおすすめです。 それでは今週も以下からどうぞ
デザインが「良きウェブ」
美容室MILLOR(ミラー) | 神奈川県武蔵小杉駅のヘアサロン・美容院
普通の美容院のサイトとはちょっと違って、ファーストビューが人物ではないのが新鮮です。ローディングからのファーストビューの展開の仕方がとても調和が取れていて美しい
#TweenMax #Three.js #白 #スタイリッシュ #フリーグリッドレイアウト #パララックス #ホバーアニメーション #斜めスライドイン #縦書き #イラスト
東京のフリーモデル 山内もえ
ファーストビューの動画がいい感じのナチュラル感を出しています。
#TweenMax #白 #スタイリッシュ #スライドオープン #全画面スクロール #ホバーアニメーション #ボックススライドイン #インライン再生動画 #スライドアップ
Ogilvy
ホバーするとスライドの流れが止まります。ギャラリーの見え方を変えることもできます。
#TweenMax #カラフル #スタイリッシュ #グリッドレイアウト
Skylab Architecture
http://www.skylabarchitecture.com/
最初からハンバーガーメニューが開いている状態という斬新なデザイン。
#黒 #スタイリッシュ #フリーグリッドレイアウト #パララックス #Hammer.js
ギミックや発想が「良きウェブ」
The History of Connection
http://archiviostoricoexperience.gruppotim.it/en/the-beginnings/
ネットワークの歴史をリッチな世界観で表現しているサイト。圧巻です。。。
#WebGL #青 #パララックス #音声あり
アニメーションが「良きウェブ」
Eason Design ltd.
ホバーするとグリニッチエフェクトが走る感じがかっこいい。
#黒 #スタイリッシュ #フリーグリッドレイアウト #グリニッチエフェクト #ホバーアニメーション #ジャイロセンサ #シームレス遷移
デザインあ展
http://www.design-ah-exhibition.jp/
「あ」の動きが可愛い。モバイルからもみた方が楽しいですよ。
#TweenMax #カラフル #スタイリッシュ #グリッドレイアウト #SVGアニメーション #スプレッドスクリーンレイアウト #ホバーアニメーション
Stake your claim - TruStory
スクロールアニメーションが心地よいシングルページ。
#TweenMax #カラフル #スタイリッシュ #スクロールアニメーション #シングルページ
【公式サイト】ファイトリーグ
キャラクターがわきゃわきゃ動くのが楽しい。
#カラフル #スタイリッシ #スクロールアニメーション #フェードイン