タグ

2013年8月30日のブックマーク (4件)

  • https://www.vectorstock.com/royalty-free-vectors

    https://www.vectorstock.com/royalty-free-vectors
  • Photoshop CS5の切り抜きは劇的にパワーアップ。 - 初心者のためのデザイン雑学

    初心者のためのデザイン雑学 以前、デザインスクールで教えていた時の内容の中から、デザイン初心者の方に特に伝えたい基中の基情報を再編集しています。 いままで、髪の毛や動物の毛などの微細な輪郭を自然に切り抜くのは、至難の業でした。 Photoshop CS5では、おおまかな選択範囲を作成した後、「境界線を調整」を使うことで、難度の高いマスク作成が誰でも簡単にできるようになりました。 ここ数年のPhotoshopのバージョンアップの中では劇的な進化と言って良いでしょう。 「境界線を調整」自体は「Photoshop CS3」から搭載されており、今回はその機能を強化した形ですが、新機能と言っても良いほど劇的な進化を遂げています。 左のオリジナル画像が、簡単に右の様に切り抜く事ができます。 おおまかな選択範囲を作成 まずは、おおまかな選択範囲を作成します。「クイック選択ツール」「自動選択ツール」「

  • (いわゆる)パララックス演出手法とそのバリエーションについて | nodot

    (いわゆる)パララックス手法が大流行である。理由の一つにはある種の快感の存在があると思われる。ウェブページ閲覧の際の最も主要な操作である縦方向のページスクロール。この操作に連動した動き、想定外ではあるものの、スクロールとの相関によりあくまで自分が操作している感覚が得られ、こちらの渡邉恵太氏の記事にもあるような自己帰属感を得られる。これが快感の正体ではないかと考える。 (快感なんかなくね? という意見があったので追記) 簡単に言えば、来マウスを触ってカーソルが動くだけでも面白くて身体拡張感覚由来の快感があったのである。しかし慣れることによって、ホイールを回して画面がスクロールすることはもはや当たり前すぎて身体拡張感覚など得られなくなっている。しかしデフォルトの挙動以外に新たなインタラクションを導入することでこれを再び感じられる。つまり言いたいことは「インタラクションは気持ちいい」ということ

  • ウェブデザインで大切な空白スペースの効果的な5つの使い方

    空白スペース(ホワイトスペース)が、ウェブサイトのユーザエクスペリエンスに与える5つの重要な効果を紹介します。 5 Ways How Whitespace Affects The User Experience 下記は各ポイントを意訳したものです。 はじめに:空白スペースの基礎知識 1. 空白スペースがデザインに使いやすさを加える 2. 空白スペースがコンテンツに読みやすさを加える 3. 空白スペースがビジターに休憩を与える 4. 空白スペースがデザインをモダンに見せる 5. 空白スペースがあなたのデザインに感動を与える はじめに:空白スペースの基礎知識 空白スペース(ホワイトスペース)は、ウェブデザインにおいて非常に人気の高いデザイン要素です。この空白スペースは元々は印刷デザインからのもので、「テキストとグラフィックの欠如」を現します。と同時に空白スペースは「空きスペース」以上の役割を果