現役アプリデザイナーによるデザインTipsスマートフォン用の表示で見る現役アプリデザイナーによるデザインTips日々習得したデザインTipsや社会情勢に関する気付きを綴ります。この広告は、90日以上更新していないブログに表示しています。2013-05-12効果的にデザインをブラッシュアップする為の6つのチェックポイント【デザインTips】こんにちは。デザイナーのKaiです。下記のような問題でお困りではないですか?流行りの“フォトリアル”(写実的なデザイン)についていけないなぜか垢抜けない印象のデザインになってしまう。“高級感のあるデザイン“てなに?ブラッシュアップの仕方がわからないこれらは実は、どれも私自身が悩んでいた内容です。すれば高級感のあるデザイン、クオリティの高いデザインが作れるのだろうと、日々模索していました。美しいデザインにはルールがある。最近では以前よりもずっと高級感のあるデザインが作れるようになってきました。そこで今回は、私がブラッシュアップを行なう際に検討するポイントをお見せしたいと思います。この画像をここまで持っていく過程をお見せします。スペーシング(余白)に気をつける最初の状態です。頭揃え、真ん中揃えが出来ておらず、画像幅などが統一されていない状態です。ガイドに合わせて、余白を均一にさせていきます。?少し安定感が出てきましたね。2.テクスチャにこだわる次に、背景をブラッシュアップしていきます。これに更に、グラデーションを加えていきます。3.微細なグラデーションにこだわるどうでしょうか?グッと高級感が増した感じがしませんか?4.1pxの線にこだわる上の画像と見比べて、どこが変わったかお分かりですか?ここです。帯の上と下に、1pxの白と黒(不透明度20%)の線を加えました。見では気付かないレベルの線ですが、後から効いてきます。帯にも微細なグラデーションを加えておきましょう。ついでに、書体も雰囲気に合わせて変更。menuが全部で5つ並ぶことを想定して、レイアウトを調整していきます。ここは、何が変わったか、もうお分かりですね。1pxの縦のラインを追加しました。