ブックマークしておきたい、スマホUIをコレクションしている海外と日本のサイトのまとめ

iPhone, Androidなど、スマホのユーザインターフェイスの参考になるギャラリーサイトを海外・国内ともに紹介します。

まずは、スマホでその操作が楽しいアニメーションを伴ったUIギャラリーから。

サイトのキャプチャ

CAPPTIVATE.co

スマホのさまざまなUIをアニメーションで見ることができます。アニメーションの楽しさもスマホの魅力の一つですね。

続きを読む

[CSS]一つの要素にデスクトップ、タブレット横・縦、スマホ横・縦用の各レイアウトを実装できる簡単便利なスタイルシート -flexible.gs

一つの要素に、デスクトップ、タブレット横、タブレット縦、スマホ横、スマホ縦の5種類用のclassを定義し、レスポンシブ対応のフレキシブルなレイアウトを実装できるスタイルシートを紹介します。

サイトのキャプチャ

flexible.gs
flexible.gs -GitHub

続きを読む

LINEスタンプの知識ゼロでもできる!スタンプの作り方から売り方までしっかり分かるオールインワンのガイドブック

趣味でイラストを描いている、イラストレーターやマンガ家などイラストで商売をしている、イラスト好きなら誰でも一攫千金が狙えるLINEスタンプの作り方売り方が徹底的に解説されたオールインワンのガイドブックを紹介します。

LINEスタンプに興味はなかったのですが、これは面白いぞ!に変わりました。

本のキャプチャ

続きを読む

新鮮なアイデアが満載!アニメーションやスクロールを使った実装テクニックのまとめ

見るだけでワクワクする、そんな素晴らしいアイデアが満載のアニメーションやスクロールを使った実装テクニックをCodePenから紹介します。

CSSアニメーションとかスクロールエフェクトとか、新鮮なアイデアが満載!

続きを読む

これはイイ!150種類のさまざまな美しい光のエフェクトが描けるPhotoshopの無料ブラシ -ArDesign

文字やエレメントに加えたり、背景に添えたり、デザインのちょっとしたアクセントにぴったりな美しい光のエフェクトが描けるPhotoshopの無料ブラシを紹介します。

アニメとかマンガの閃光や爆発にも使えそう。

サイトのキャプチャ

150 Light Effect Brushes

続きを読む

[JS]SVGを使った滑らかで美しいアニメーションのプログレスバーを簡単に実装できるスクリプト -ProgressBar.js

SVGを使った滑らかで美しいアニメーションのプログレスバーを簡単に実装できるスクリプトを紹介します。

レスポンシブ対応で、描く形状はライン・スクエア・サークル・トライアングル以外にもパスでオリジナルの形状にすることもできます。

デモのアニメーション

ProgressBar.js -GitHub

続きを読む

分かるとWebデザインがもっと楽しくなる!考えてデザインする力が身につくオススメの書

何も考えずにPhotoshopやIllustratorを立ち上げ、デザイン作業に入ってしまうのは悪いクセ。
ユーザーをワクワクさせるデザインとはなにか? この情報を分かりやすく伝えるデザインとはなにか? クライアントの要望に応えるデザインとはなにか? 考えてデザインする力が身につくオススメの本を紹介します。

グリッドや角丸を使う時もなんとなくではなく、その目的や効果的な使い方などしっかり身につけておきたいですね。

本のキャプチャ

続きを読む

デザインやお絵描きにいろいろ使えるPhotoshopの無料ブラシのまとめ

デザインのアクセントやワンポイント、質感を高めるテクスチャ、かわいいエレメント、お絵描きやデジタルアート用など、いろいろ使えるPhotoshopのブラシを紹介します。

ブラシのキャプチャ

Danar Worya Brushpack
個人商用利用無料

デジタルアートのレタッチ用のブラシセット。

続きを読む

 1 2 3 4 5 ... 585 586 Next

top of page

©2014 coliss