AD:TRANCE4 | Diverse System | コミックマーケット87 12/30(火) 東4ホール シ-80B AD:TRANCE4 | Diverse System | コミックマーケット87 12/30(火) 東4ホール シ-80B音楽を前面に出したサイト。バックに動く光のパーティクルがかっこいい。

kazepro kazeproフラッシュで作られたショートムービーの様なサイト。

KeiSato Design KeiSato Designスクロールするたびにコンテンツが出てくるタイプのサイト。シンプルながらテキストアニメーションがかっこいい。

Find the perfect gift on Longchamp.com Find the perfect gift on Longchamp.com雪のモーションが美しいプロダクトサイト。幻想的なデザインが綺麗。

TOMETARO TOMETARO2014年12月25日に学校でポートフォリオのプレゼンがあったが、同じ学校の生徒さんの元映像関係の仕事についていた方のポートフォリオ。同じ生徒なのにこのクオリティを出されると自信無くす。

BrightMedia - Digital Agency BrightMedia - Digital Agencyパララックスとエフェクト、グラデーションの美しさが半端ないサイト。凄いかっこいい。

The Pete Design | A UI/UX Specialized Entrepreneur The Pete Design | A UI/UX Specialized Entrepreneurファーストビューで後ろの光の動きが美しいサイト。ブラーエフェクトと光の粒の動きがマッチしている。

FIREWORKS INC.｜ファイヤーワークス イベント&セールスプロモーション制作会社 Experiential marketing & Event Specialist FIREWORKS INC.｜ファイヤーワークス イベント&セールスプロモーション制作会社 Experiential marketing & Event Specialistフラッ…

RANA007 / Visual Design Studio RANA007 / Visual Design Studioオープニングでかなり複雑なモーションを採用しているサイト。

SANTA CLOSE TO YOU | SHIFTBRAIN × LIG SANTA CLOSE TO YOU | SHIFTBRAIN × LIG音楽とバックで降っている雪が魅力的なサイト。動きのあるイラストレーションも可愛いと思う。

40pxで新規作成しバックグランドを黒にして見やすくしてから白の鉛筆でL字を描いた後パターン定義する。この時背景の黒は含めない。 女性のレイヤーに戻り新規レイヤーに塗りつぶしで先ほどのパターンで塗りつぶす。 ワープツールで女性の顔に合わせる。 ペ…

HYS INC. HYS INC. | SEARCH OF THE TRUE ESSENCE OF THINGS.最初のオブジェクトがインパクトがある制作会社のサイト。制作物を生み出すということで精子と卵子のイメージなのかな？

Quoitworks(クオートワークス)｜東京のフリーランスWebデザイナー（ホームページ制作） Quoitworks(クオートワークス)｜東京のフリーランスWebデザイナー（ホームページ制作）テキストアニメーションが綺麗なサイト。コンパクトに分かりやすくデザインされて…

Loader Generator - Ajax loader Loader Generator - Ajax loaderローディング画像を作るためのジェネレーターサイト。マニアックなサイトだけど役立つと思う。

I'm a runner. | adidas Running I'm a runner. | adidas Runningパララックスにグリッドデザインを使用したサイト。スクロールするたびにグリッドの画像違う方向にずれていくのがポイント。

hana's homepage* hana's homepage*同じ学校の生徒さんが作ったサイト。webデザイン経験3ヵ月でこのサイトを作っていました。もと映像関係の仕事をしていた方です。3ヵ月でこの完成度のwebサイトを作るっていうのが凄い。デザインの統一性だけでなくブラーや…

Adobe Color CC Adobe Color CCカラーテーマを簡単に作成できるサイト。配色で迷ったら使うサイト。

PETLY Automatic Pet Feeder PETLY Automatic Pet Feeder余白が美しいサイト。白を前面に押し出した大胆さとスクロールするたびに動く下の猫が可愛い。

常滑市・知多市 歯科医院 みんなの歯医者さん 常滑市・知多市 歯科医院 みんなの歯医者さん歯医者さんのwebサイトなのにおしゃれなサイト。ファーストビュー工夫されておりキャラクターをドラッグで動かすことができる。

オーマイデザイン.COM｜AKIYOSHI ISHIGAMI AKIYOSHI ISHIGAMI｜HOMEファーストビューにインパクトがあり、worksページなどもマウスオーバーアクションが上手く作られているサイト。

リボンブラ総合サイト リボンブラ総合サイトファーストビューの花の画像がインパクトのあるサイト。すっきりしていて見やすい。

アマナグループ｜amanagroup INDEX アマナグループ｜amanagroup INDEXフラッシュのようなサイト。操作性がフラッシュの様でクリックしたときの動きがレイアウトを上手く変更するような仕様。

Loubsol | L'essentiel c'est ce que vous voyezグラデーションの美しいサイト。ザクッとシンプルなスライダーながらグラデーションが綺麗で印象に残る。

DVDプレイヤーをイラストレーターを使ってトレースする授業を行った。 画像を用意 DVDプレイヤーの淵に合わせて図形を描く 図形の上に図形を描きグラデーションで光沢のイメージを作る グラデーションをパーツに分けた後にグレーの線を図形と図形の間に入れ…

htaccessと言うファイルを使ってPC用サイトとスマートフォン用サイトを振り分ける方法を教わった。PCサイトとスマートフォンサイトの2つを作った場合はそれぞれをデバイスによって振り分けることができる。 PC専用サイトとスマートフォン専用サイトは最近で…

今日は解析系の授業を行った。 goolgeアナリティクス Google アナリティクス公式サイト - ウェブ解析とレポート機能 – Google アナリティクス Google アナリティクス公式サイト - ウェブ解析とレポート機能 – Google アナリティクスgoolgeアナリティクスから…

隙間広告社 SKIMA 隙間広告社 SKIMA偽会社のPRサイト・・・らしい。ガシェットが散りばめられており飽きが一切来ないサイトで飽きが来ない。

Peugeot HYbrid4 presents : The hybrid graphic novel 本当に自動車メーカーのサイトか？と思うようなサイト。漫画の様にストーリーを見て進むような形になっている。

株式会社 愛印 aiinフラッシュでできている本当にwebサイトかと疑うような一度見たら忘れないサイト。マニアックな音楽と開店するミニチュア映像が特徴的。

Amazon.co.jp： FASHION ILLUSTRATION WORKS Photoshop & Illustrator: 平澤 伸洋: 本 Amazon.co.jp： FASHION ILLUSTRATION WORKS Photoshop & Illustrator: 平澤 伸洋: 本こんなイラストやコラージュが描きたいと思って買った本。 レベル高くて難しかった…