イマサラとは言わせない斜めストライプの活用法

瀧上園枝（CYAN）
2008-02-15 19:30:00
  • このエントリーをはてなブックマークに追加
最近のWebでよく見かける細い線の斜め45度ストライプパターン、今回はこの便利なアイテムの作成法をお伝えしよう。
写真をクリックすると次の写真に移動します 　 　デザイン面での要求があまり高くないWebアプリケーションでは、インターフェイスはシンプルで短時間で制作できるものが好ましい。しかし、あまりにシンプルすぎてなにか物足りないような、画面が締まらないような感覚になってしまうことはないだろうか。 　そんなときのポイントは「ディテール」にある。細部まで作り込んだ印象を与える画面作りをすることで、シンプルでも飽きのこないイメージになるのだ。そんなに細かいところまでいちいち作り込んでいられないって？ 時間が無くても大丈夫。繊細なタッチのストライプパターンをひとつ用意しておけば、「ディテールに凝った画面」イメージを手軽に演出できる。 　今回は、細い線で構成されるストライプパターンを作成する。「ストライプ」といっても水平・垂直線ではなく、斜め45度のパターンだ。この斜め45度方向のストライプは近年好まれているグラフィックアイテムで、さまざまな要素と組み合わせることで画面に繊細な印象を与えることができる。

　
　デザイン面での要求があまり高くないWebアプリケーションでは、インターフェイスはシンプルで短時間で制作できるものが好ましい。しかし、あまりにシンプルすぎてなにか物足りないような、画面が締まらないような感覚になってしまうことはないだろうか。

　そんなときのポイントは「ディテール」にある。細部まで作り込んだ印象を与える画面作りをすることで、シンプルでも飽きのこないイメージになるのだ。そんなに細かいところまでいちいち作り込んでいられないって？ 時間が無くても大丈夫。繊細なタッチのストライプパターンをひとつ用意しておけば、「ディテールに凝った画面」イメージを手軽に演出できる。

　今回は、細い線で構成されるストライプパターンを作成する。「ストライプ」といっても水平・垂直線ではなく、斜め45度のパターンだ。この斜め45度方向のストライプは近年好まれているグラフィックアイテムで、さまざまな要素と組み合わせることで画面に繊細な印象を与えることができる。

スライドショーで再生
  • 新着記事
  • 特集
  • ブログ
このサイトでは、利用状況の把握や広告配信などのために、Cookieなどを使用してアクセスデータを取得・利用しています。 これ以降ページを遷移した場合、Cookieなどの設定や使用に同意したことになります。
Cookieなどの設定や使用の詳細、オプトアウトについては詳細をご覧ください。
[ 閉じる ]