画像を編集する上で、明るさや色などを調整する色調補正は、必要不可欠です。レベル補正では、ヒストグラムと呼ばれる、画像上のピクセルの図が表示され、それを参考に値を調整していくことができます。色調補正の基本となるので、覚えておきましょう。 Photoshopを使った「レベル補正」の使い方 Photoshopで編集したい画像を開きます。 メニューバーのレイヤーを押して、新規調整レイヤー→レベル補正……
複数の画像ファイルを組み合わせて画像を編集する場合、一度カンバス上で画像をリサイズしてしまうと、再度大きさを編集したいときに劣化してしまうことがあります。そこで便利なのが、Photoshopのスマートオブジェクト機能です。 スマートオブジェクト機能は、画像の変更や再配置など、複数のファイルを１つのカンバスで編集する際に、非常に役に立ちます。今回は、Photoshopのスマートオブジェクトについて見……
Photoshopには、キャンバスや画像上にグリッドを表示させることができる機能があります。グリッドを表示させることで、オブジェクトやテキストを簡単に正確に配置することが可能です。 綺麗なレイアウトを作るには不可欠な機能なので、使い方を覚えておくと良いでしょう。今回は、Photoshopでグリッドを表示させる方法について、紹介します。 グリッドを表示させる Photoshopで画像を開くか、新規……
Photoshopを使った色調補正の基本の機能の１つ「色相・彩度」は、画像の色相・彩度・明度の３つの値を調整することで、画像の色調を補正する機能です。 画像を編集する上で、色合いを変更するとても重要な機能なので、しっかりと使いかたを理解しておく必要があるでしょう。 Photoshopの「色相・彩度」の使い方 Photoshopで編集したい画像を開きます。 メニューバーのレイヤーを押して、新……
マスクとは、画像を直接編集せずに、画像加工の際に不要な部分を隠す（マスキングする）機能です。マスクの機能を使うと、部分的な選択範囲の作成や、画像補正、画像の切り抜きを行うことができます。複数の写真を単一の画像に組み合わせたり、部分的な色調補正を行う場合にとても便利です。 またマスクを使用することで、元画像を削除することなく編集が可能になります。レイヤーの一部を非表示にする、下部レイヤーの一部だけ……
マイクロインタラクションは、ユーザーに楽しい体験や役に立つフィードバックを与えることで、ある瞬間のあるタスクを達成することを補助するものです。 このようなマイクロモーメントは、一連のフローの中でユーザーを直感的かつ効果的に導くために用いられます。 Google提唱のマイクロモーメント：「瞬間」を捉えるための消費者行動モデルとは？ マイクロインタラクションとは？ Microinteraction……
Webサイトリニューアルやアプリ改善企画プロジェクトでは、「ユーザビリティの改善」というフレーズや方針が含まれている企画書を数多く目にします。
しかし、「あなたのサイトにおける『ユーザビリティ』とは何ですか？」と質問しても、クリアな答えが返ってくるケースはほとんどありません。
本稿では、ユーザビリティに関する数多くのコンサルティング経験を持つポップインサイト創業者の池田が、実体験を踏まえできるだけ具体的かつ実践的に以下について解説していきます。
マイクロインタラクションは、ユーザー体験を簡単で楽しく印象に残るものにします。 ほとんどのマイクロインタラクションは目立たなく気づかれにくいものですが、効果的に使うことで、ユーザーをプロダクトのファンにすることができます。 言い換えるならば、マイクロインタラクションには、ユーザーとテクノロジーの間にあるギャップを埋め、同時にユーザーを惹きつけることができる可能性があるということです。 マイクロイン……
[caption id="attachment_56777" align="aligncenter" width="640"] Image credit: icons8[/caption] 人間とコンピュータとのやり取りにおいて、アイコンはテキストにはない長所がいくつかあります。 シンプルで分かりやすくフレンドリー。長い文章と置き換えることができる。 画面の中で場所を取らず、特に小さいスクリ……
今週アップされた、ユーザビリティに関する事例の話題をはじめとするwebマーケティング関連記事を、ポップインサイトのスタッフがピックアアップしてお届けします。