Webデザインに使えそうなポリゴン画像が作れるジェネレータ「Flat Surface Shader」
ポリゴン画像を簡単作成
Flat Surface Shaderはポリゴンな画像を生成できるサイトです。
サイトにアクセスすると、ポリゴンがグリグリ動いています。
WebGL, SVG, Canvas の3種類のレンダリングで3Dポリゴンが表現されます。
右側のメニューから色やポリゴンの形など調整して、JPGとしてポリゴン画像が出力できます。
フラットデザインが流行っていますが、ポリゴンをWebデザインにとりいれているサイトもたまに見かけますね。
以下に使ってみた様子を載せておきます。
サイトにアクセスすると、ポリゴンがグリグリ動いています。
WebGL, SVG, Canvas の3種類のレンダリングで3Dポリゴンが表現されます。
右側のメニューから色やポリゴンの形など調整して、JPGとしてポリゴン画像が出力できます。
フラットデザインが流行っていますが、ポリゴンをWebデザインにとりいれているサイトもたまに見かけますね。
以下に使ってみた様子を載せておきます。
記事公開日：2014年05月17日 コメント（0）
既存アプリをiOS7風にデザインし直すとこうなる！を次々紹介してくれるサイト「iOS App Redesigns」
iOS7風にするとこうなる
iOS App Redesignsは既存のアプリをiOS7風にするとどういうデザインになるかを紹介しているサイトです。
iOS7はiOS6とくらべて大きくデザインが変更されました。
それに合わせて各アプリもデザイン変更されると思われます。
有名なアプリをRedesignするとどのような見た目になるかを
紹介してくれるTumblrとなります。
以下に使ってみた様子を載せておきます。
iOS7はiOS6とくらべて大きくデザインが変更されました。
それに合わせて各アプリもデザイン変更されると思われます。
有名なアプリをRedesignするとどのような見た目になるかを
紹介してくれるTumblrとなります。
以下に使ってみた様子を載せておきます。
記事公開日：2013年07月08日 コメント（0）
iOS7用のアイコンテンプレートがダウンロードできるサイトまとめ
iOS7用アイコンのひな形をPSD形式で
App Icon TemplateではiOS7用のアイコンを作成するときのベースをPSD形式でダウンロードできます。
iOS7でがらっとデザインが一新されたので、
それに合わせてアプリのアイコンを変えようと思っている方は多いのではないでしょうか。
上記サイトからダウンロードできるPSDをベースにアイコン作成をすると良いでしょう。
商用利用もOKです。
以下に使ってみた様子を載せておきます。
（他にもいくつか同じようなテンプレートがあったので合わせて紹介。）
iOS7でがらっとデザインが一新されたので、
それに合わせてアプリのアイコンを変えようと思っている方は多いのではないでしょうか。
上記サイトからダウンロードできるPSDをベースにアイコン作成をすると良いでしょう。
商用利用もOKです。
以下に使ってみた様子を載せておきます。
（他にもいくつか同じようなテンプレートがあったので合わせて紹介。）
記事公開日：2013年06月26日 コメント（0）
CSS3で画像にドロップシャドウをつけたいときに便利なジェネレータ「Css3 drop shadow generator」
CSS3のドロップシャドウを簡単に作成
Css3 drop shadow generatorはCSS3のドロップシャドウを簡単に作成できるジェネレータです。
画像のサイズ（横幅・縦幅）を指定して、影の種類を選択。
あとは影の大きさや影の透明度を設定すれば完成。
HTMLとCSSのコードをコピペすれば終わりです。
とても簡単にCSS3でドロップシャドウが作れますよ。
以下に使ってみた様子を載せておきます。
画像のサイズ（横幅・縦幅）を指定して、影の種類を選択。
あとは影の大きさや影の透明度を設定すれば完成。
HTMLとCSSのコードをコピペすれば終わりです。
とても簡単にCSS3でドロップシャドウが作れますよ。
以下に使ってみた様子を載せておきます。
記事公開日：2013年01月29日 コメント（0）
センスのあるロゴ素材を無料でダウンロードできるサイト「LogoInstant」
フリーでロゴ素材を配布
LogoInstantはフリーでロゴ素材を配布しているサイトです。
ロゴを作成するときの参考になりそうなロゴがたくさんありますよ。
各ロゴはダウンロードすることができます。
PSD, AIファイルなのでどういう構成でロゴが作られているかなどの参考にもできますよ。
以下に使ってみた様子を載せておきます。
ロゴを作成するときの参考になりそうなロゴがたくさんありますよ。
各ロゴはダウンロードすることができます。
PSD, AIファイルなのでどういう構成でロゴが作られているかなどの参考にもできますよ。
以下に使ってみた様子を載せておきます。
インスピレーションをうける
記事公開日：2012年07月17日 コメント（0）
角丸・グラデーション・影を表現するCSS3コードを自動生成してくれるジェネレータ「CSS3 Generator」
CSS3で角丸や影を作る
CSS3 Generatorは角丸や影、グラデーションを表現するCSS3自動生成サービスです。
スライダーで色や角丸の大きさや透明度などを調整すれば完了。
CSS3のコードを自動生成してくれますよ。
以下に使ってみた様子を載せておきます。
スライダーで色や角丸の大きさや透明度などを調整すれば完了。
CSS3のコードを自動生成してくれますよ。
以下に使ってみた様子を載せておきます。
角丸グラデーションをCSS3で
記事公開日：2011年12月23日 コメント（0）
