Blog
ブログで学ぶUX

カテゴリ: Web制作の記事

見た目のデザインだけでユーザビリティはここまで変わる!今週のwebマーケティング記事ピックアップ4選(11/26~12/1)

今週アップされた、ユーザビリティに関する事例の話題をはじめとするwebマーケティング関連記事を、ポップインサイトのスタッフがピックアアップしてお届けします。

投稿日:

覚えておきたい!広告媒体12種類の効果・特徴を比較

広告媒体の種類は大きくマス媒体、SP(セールスプロモーション)媒体、インターネット媒体の3つに分けられます。それぞれに特徴があり、目的や役割も異なるので、しっかり違いを理解することが重要です。ここでは3種類の広告媒体から深く掘り、より細かい種類と特徴をご紹介します。 3種類の比較 マス媒体 圧倒的多数の人に発信した情報を届けることができ、ALT(Above the line/情報の上流)と呼ばれて……

投稿日:

【目的別】よく使う4つのグラフの効果的な使い方

データを集めて資料を作る、統計を作成する、そんなときにただ文字や数字を並べるだけよりも、グラフなどの図を入れることで、視覚的にわかりやすい資料になります。グラフというのは相手に伝える上で重要な項目と言えるでしょう。 一方で、グラフは上手に使わないと逆にわかりにくくなってしまう恐れもあります。一言にグラフといっても種類があり、いつどんなグラフを使えば良いのかわからないと悩んでしまうこともあります。 ……

投稿日:

年賀状にも使える和風フリー素材サイト8選【商用利用可】

和をテーマにしたサイトや外国人向けサービスのデザインなど、日本のイメージを伝える時に便利なのが和柄です。今の時期ですと、自分で年賀状のデザインを作る際にも役立ちます。 例えば、着物に使われるような伝統文様からイラストで可愛く描かれた模様、和紙をそのままWeb素材にしたものまで幅広くあります。特にパターン柄は壁紙などの背景素材に利用しやすいです。 今回は、パターン柄を中心に和風デザインに使えるフリー……

投稿日:

Photoshopのチャンネルパネルとアルファチャンネルの使い方

Photoshopには、アルファチャンネルという機能があります。画像にグレースケール画像を作成して保存しておくことで、選択範囲として読み込める機能です。アルファチャンネルを使うと、選択範囲を簡単に保存しておくことができます。 使いこなすことができれば、作業効率もアップしますので是非確認してみましょう。 Photoshopのチャンネルパネル Photoshopで画像を開いたら、レイヤーパネルのタブ……

投稿日:

Photoshopのものさしツールを使って傾いた写真を水平にする方法

Photoshopで加工したい写真や、スキャンした画像が斜めになってしまっている場合は、ものさしツールという機能が便利です。 ものさしツールは、オブジェクトなどを正確な位置に配置するための機能ですが、傾いてしまった画像を簡単に修正することもできます。そこで今回は、ものさしツールの使い方をご紹介します。 ものさしツールを使って傾いた写真を水平にする方法 Photoshopで編集したい画像を開きます。……

投稿日:

Photoshopのフィルターの基本的な使い方

Photoshopには様々なフィルターが準備されています。基本的な使い方を覚えるだけで、画像の編集が簡単に充実したものになります。多少フィルターを使ったことがある、という人もフィルターの適用範囲など基礎知識を覚えておくと、作業する上でも役立つので確認してみましょう。 フィルターの適用範囲 まず、フィルターはアクティブなレイヤーにしか適用されません。下の画像の状態では、レイヤー1が選択されている状態……

投稿日:

Photoshopの画像を角丸にする方法

Photoshopでは、様々な機能を利用して画像を編集することができます。そこで今回は、クリッピングマスク機能を使って、画像を角丸にする方法を紹介します。 クリッピングマスク機能を応用すれば、角丸以外にも好きな形に画像を切り抜くことができるので、覚えておきましょう。 背景レイヤーを画像レイヤーに切り替える まず、Photoshopで編集したい画像を開きます。 下の画像はレイヤーパネルです。画像が……

投稿日:

Photoshopで選択範囲やレイヤーをコピーする方法

Photoshopで作業する上で欠かせない機能の1つがコピーです。オブジェクトや選択範囲、レイヤーなどをコピーして使うことで、豊かな表現や様々なデザインが可能になります。また、色や形など、複数のパターンを作る際にもコピー機能が重宝します。そこで今回は、コピーの仕方を紹介します。 選択範囲をコピーする方法 Photoshopで編集したい画像を開きます。 選択範囲を作成します。選択範囲の作成の仕……

投稿日:

Photoshopの選択範囲の使い方

Photoshopで欠かせない機能の1つに、選択範囲ツールがあります。Photoshopでは、選択範囲を作成して、選択範囲を削除したり編集したりできます。そこで今回は、選択範囲の使い方をご紹介します。 Photoshopで選択範囲を作る Photoshopには、選択範囲を作成するツールがたくさんあります。今回はそのうちの幾つかをご紹介します。 長方形選択ツール 長方形選択ツールは、ドラッグするだ……

投稿日: