[caption id="" align="aligncenter" width="681"] Image credit: Material Design[/caption] UIのラベルやテキストは、正確且つ簡潔なライティングによって使いやすくなり、信頼度が高まります。 では、ラベルやテキストのライティングにおいてやってはいけないこととは何でしょうか？ 今回はUIライティングで避けるべき16個の……
商品や作品の告知や宣伝をする際に、ただ写真だけ載せるということはありません。なんらかの説明を加えて一緒に宣伝をすることでしょう。 この文章のことを「キャッチコピー（キャッチフレーズ）」といいます。対象によって文の長さや目的は異なりますが、このキャッチコピーがあるのとないのでは相手に与える印象が大きく違うでしょう。 今回は、このキャッチコピーについて事例をもとに、作り方を学んでいきましょう。 キャッ……
今週アップされた、サイトにおける行動心理学の話題をはじめとするwebマーケティング関連記事をポップインサイトのスタッフがピックアアップしてお届けします。
新しいデザインを考える際に、ありきたりな既存のUIパターンをそのまま使うよりも、すべてを一から作り直したいと思うデザイナーは珍しくありません。 しかし、そういったデザインのセオリーは、既に導入されてテストが済んでおり、うまく機能しているものだということを覚えておかなければなりません。ユーザーがよく知っているものなので、説明もマニュアルも必要ありません。ユーザーが目新しさよりもユーザビリティを求め……
「ネーミング」とは会社や商品、サービスなどを世の中に知ってもらうために重要な要素です。ネーミングひとつでそのもののイメージを決めてしまうこともあります。いくら良い商品やサービスだとしても中身を知ってもらう為に、名前で印象付けることが大切です。 今回は、良い名前をつけるためのネーミングのコツとセンスについて説明します。 ネーミングのコツ １. ひらめき 例えば新製品が開発されたときに、その製品を見……
新製品の名前やペットの名前、もっと日々使うものでいうとファイルを保存するときの名前など何かに名前を付けるということを誰もがしていることでしょう。しかし、名前をつけるというのは同じものをつけるわけにもいきませんので案外難しいものです。 そんなときに使っていただきたいネーミング辞典とサービスをご紹介します。 ネーミングの為に知っておくと便利なサービス ネーミング辞典 単語やカテゴリーで調べることがで……
文字や絵柄を切り抜いたプレートで描くステンシルのように、完全に閉じた部分がなく、フォントを構成する線と線の間や、線の途中にスペースがあるのが特徴のステンシル系フォント。 ミリタリー系や木箱へのプリントなどで使われるフォントという印象がありますが、タイトルロゴや軽い説明文など幅広い用途で使われることもあります。 今回は、ステンシル系フォントの中で、商用利用できるものをまとめてみました。 Stardo……
画像を編集していると、一部分の色を変えたい場面がよく出てくると思います。Photoshopには、色を変更する方法は幾つかありますが、今回は簡単に一部分の色を置き換えることができる、「色の置き換えツール」の使い方をご紹介します。 色の置き換えツールの使い方 Photoshopで編集したい画像を開きます。ツールバーから「色の置き換えツール」を選択してください。 更に、ツールバーから描画色を設定し……
Photoshopでデザインなどを作成する上で欠かせない機能の一つが、ガイド機能です。 アートボード内の任意の位置に縦線や横線を表示させることで、正確な位置を簡単に確認できます。そこで今回は、ガイドの作成方法を紹介します。 ガイドを作成する まず、この画像の中の青い線がガイドです。 定規を表示する ガイドを簡単に作成するには、定規機能を使います。メニューバーの表示を押して定規を選択してくださ……
Photoshopで色調補正する際には、明るさやコントラストの調整は必須です。 Photoshopにある様々な色調補正の機能では、明るさやコントラストを調整できる機能がいくつかありますが、「明るさ・コントラスト」の機能を利用すると、手軽に明るさとコントラストを調整することができます。 初心者の人でも扱いやすい機能なので、ここから色調補正の基本を押さえていきましょう。 Photoshopの「明る……