タグ

2011年6月7日のブックマーク (3件)

  • Webデザインにおける、1pxへのこだわり

    ☆ご注意☆ この記事は 2011年6月5日 に書いたものです。情報が古い可能性がありますのでご注意ください。 私も少しですがこの「1pxのこだわり」を日頃のデザインで使えるようになってきたので、制作方法とともにちょっとまとめてみました。 引き出しのひとつとして、デザイン勉強中の方、参考にしてもらえるとうれしいです^^ デザイン上級者の方々にとっては当然のことだと思うのですが、 最近つくづく思うのが、「1pxで質感が全然変わるよなぁ~」ってとても感じます。 たった1pxでピリッとしまったり、見やすくなったり、しゅっとなったり、、、と、1pxをないがしろにしちゃいけないんですねー… 今回は、私がデザイン制作時よく参考にしている、 デザイン参考集、bookma!さんの中から、色んなサイトを調べてみました。 目次 仕切り線の1px 文字をキリッと見せるための1px 動きのある1px 1pxの枠 仕

    Webデザインにおける、1pxへのこだわり
    futomo
    futomo 2011/06/07
    わかるわー ほんと全然印象変わる
  • クリエイティブ優先で利便性と視認性は思い切って無視した名刺デザインいろいろ

    名刺交換の最大の目的の1つである、「自分の名前を覚えてもらう」というポイントに特化した名刺のデザインいろいろです。 差し出された瞬間、相手にかなりのインパクトを与えるデザインぞろいとなっています。受け取った後の管理や、詳細な個人情報のお知らせという面などについてはやや心配な面もありますが、「とにかく相手に自分を印象づけたい」という場面では活躍しそうなものばかりです。 クリエイティブな名刺デザインの実例は以下から。Unusual, Creative Business Cards | CreativeFan 1:Restaurant business card (2002) レストランなどの卓上に置いてある塩の容器をイメージしています。質感もかなり陶器のそれに近い感じに。 2:My new business card by Nobtaka Nukui 電話番号や氏名よりも、えんじ色と黄色のコン

    クリエイティブ優先で利便性と視認性は思い切って無視した名刺デザインいろいろ
  • 最近のインターフェイスデザインから学ぶ、7種類のボタンデザイン

    ユーザーのアクションを誘う購入や送信や検索ボタンなど、最近のインターフェイスデザインでよく見かける7種類のボタンデザインを紹介します。 Common elements used in interface button design [ad#ad-2] 下記は各ポイントを意訳したものです。 また、元記事ではそれぞれのボタンを作成するPhotoshopのチュートリアルも掲載されています。 1. テクスチャを使ったボタン 2. パターンを使ったボタン 3. 3Dを使ったボタン 4. 1ピクを使ったボタン 5. 背景をインデントしたボタン 6. グロウを使ったボタン 7. ハイライトを使ったボタン 1. テクスチャを使ったボタン テクスチャはボタンにわずかな奥行きを与え、クリックが可能であることが分かるようにする素晴らしいテクニックです。