Web新時代！心地よいアニメーションを実現する6つの基本テクニックまとめ
機能的なアニメーション（英: Functional Animation）とは、論理的ではっきりとした目的を持った、控えめなアニメーションを指します。読み込み時間を短く感じさせるだけでなく、ユーザーインターフェースに生命を吹き込みます。 インターフェースデザインを掛けあわせたり、分割したり、シェイプやサイズを変更することで、まるで人間のように、生きているような動きを実現できます。ナビメニューに応じてユーザーをスムーズに移動させたり、スクリーンに応じて要素が整理、変更されるのを伝えたり、デザイン要素の階層を補強するために、機能的なアニメーションを利用するように心がけましょう。 今回は、アニメーションをうまく利用する6つの基本原則、テクニックをまとめてご紹介します。 詳細は以下から。 01. レスポンシブなアニメーション UIデザインにおいてビジュアル・フィードバック（英: Visual Fee
早くもAdobe XDのUI素材が！最近のWebデザインで使われているテクニックの勉強になるUI素材のまとめ
デザインでここぞという時に強みになるのが、引き出しがどれだけあるかです。 最近のWebデザインで使われているさまざまなテクニックの勉強になるUI素材、Adobe XD用、Photoshop用、Sketch用の無料素材を紹介します。 Guacamole Adobe XD, Adobe Photoshop, Sketch XDにはデフォルトでApple iOS, Google マテリアル, Microsoft WindowsのUIキットが利用できますが、Guacamoleでも70種類以上のUI素材、150種類以上のアイコン素材などが利用できます。 XD対応の素材はこれからどんどん増えてきそうですね。 Adobe XDってなんぞ？という方は下記を参考にしてください。 UI/UXデザインツールの大本命、Adobe XDの私が大好きな便利な機能をすべて紹介
Photoshop VIP ☞ 商用可、豊富すぎる711個のピクトグラムアイコンを無料公開している「Noun Project」
昨年の終わりごろに「商用可で色、サイズ変更も自由自在な無料ピクトグラムアイコン517個セット「Noun Project」」というエントリーをご紹介したのですが、ますます種類が増え711個となっていたのでご紹介。 使用ライセンスに関しても個人、商用利用可能となっているのはうれしいですね。 詳細は以下から。 豊富でクールなピクトグラムアイコン公開、The Noun Project The Noun Projectで公開されているアイコン素材は、2011年8月現在711個となっており、まだまだ増えていく模様です。 すべてのファイルはSVGファイルとなっており、Illustrator を使うことでサイズ、色などお好みで変更することが可能となります。 アイコンをクリックするとダウンロードリンクと詳細情報がポップアップで表示されます。 日本語にも対応しており、あらかじめカテゴリー分けされているのはうれ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
