on:2013年6月5日sponsors先日公開した「フラットなデザインを理解する上で知っておきたい5つのポイント」はデザイナーの技術的な記事でしたが、今回紹介するのはテクニックを必要とせずに、今あなたの手元にあるウェブページのデザインをフラットにするとどんな感じになるのかが分かるPhotoshopの機能です。このまま使ってもよいし、ちょっと今風のデザインにしてみたい、フラットってどうよという人でも簡単にフラットなスタイルを体験できます。Skeuomorphismまずは、Skeuomorphismを適用するとどうなるか見てみましょう。フリーのウェブページのPSD素材に適用してみます。template上記のPSDにSkeuomorphismを適用すると、こんな感じになります。画像が小さいので細部は分かりにくいと思いますが、一番目立つのは打ち出し画像の背景のグラデーションがフラットに変わっています。TemplateSkeuomorphismを適用してみます。Skeuomorphismを適用これも小さくて分かりにくいので、今度はもう少し大きめの画像も。背景のグラデをはじめ、エレメントのグラデがフラットになり、エッジもフラットなスタイルのシャープになっています。Skeuomorphismのインストールインストールは簡単です。Extension」から「skeuomorphism.it.zip」をダウンロードし、解凍します。解凍した「Skeuomorphism.it.zxp」をダブルクリックします。Manager」が自動で開くので、指示に従いインストールします。インストールが完了したらPhotoshopを再起動し、[ウインドウ]-[エクステンション]から「Skeuomorphism」をクリックしパネルを起動します。Manager」から「削除」ボタンをクリックしてアンインストールします。magic」ボタンをクリックするだけです。ボタンをクリックするだけで、フラットなスタイルに※適用する際は、デザインを変更するので必ずバックアップをしてから実行した方がよいと思います。Posts関連記事が見つかりませんでした。