Googleの検索エンジンを使うとき、検索結果はGoogle独自の検索アルゴリズムによって表示されます。 そしてGoogleは2011年、2012年に「パンダアップデート」と「ペンギンアップデート」という大規模な2つのアップデートを行いました。 この記事では、パンダアップデートとペンギンアップデートの特徴と、SEO対策を行う上で気を付けるべき点を紹介します。 パンダアップデートとは 2011年、G……
Photoshopでウェブデザインをしてコーディングを行う際、カンプから、画像をバラバラに分解する必要があります。そんなとき、Photoshop CCから新しく追加された画像アセット機能を使うと、素早く分解することが可能です。 そこで今回は、画像アセット機能について紹介します。 スライスの問題点を解消する、画像アセット機能とは 画像を部分的に分解するツールとして、以前はスライスツールが一般的でした……
ウェブサイト制作の基本的な流れではまず最初に、「ワイヤーフレーム」で骨組みを作ります。その骨組みを元に「デザインカンプ」と呼ばれる完成イメージを作ります。 ウェブの制作には混同しやすい用語が多くありますが、今回はこの２つに焦点を当てて１つずつご紹介していきます。 ワイヤーフレームとは？ ワイヤーフレームとは、どこに何を配置するかというサイトのレイアウトのことを示します。実際にデザインを決める前に作……
Illustratorを使っていて、よく点線を利用することがあると思います。Photoshopでも、いくつかの方法で点線を簡単に描画することができます。今回は、ブラシツールを使って点線を描画する方法を紹介します。 Photoshopで点線を描く方法 ツールバーからブラシツールを選択します。 ブラシパネルを開く メニューバーのウィンドウをクリックして、ブラシの項目を選択します。これでブラシパネルを……
「ピクセル」や「画素」という言葉を耳にした事はあるでしょうか？ 近年では、デジカメの性能を表すのに「画素数」という言葉が使われているので、聞いた事があるかと思います。では、このピクセルとはどのようなものなのでしょうか？ ピクセルとは？ ピクセルは日本語では「画素」とも呼ばれます。画像は１つ１つの細かい点の集合でできており、この１つの点のことを「ピクセル」と呼んでいます。 ディスプレイに表示される画……
覆い焼きツールと焼き込みツールの違いは、簡単に言ってしまうと覆い焼きツールはドラッグした部分を明るく、焼き込みツールはドラッグした部分を暗くするツールです。使いこなすことで、簡単にさらに充実した画像の編集が可能になります。 覆い焼きツールの使い方 Photoshopで編集したい画像を開きます。今回はこの絵の具の画像でご紹介します。 青で囲んである部分の絵の具だけ、覆い焼きツールで明るくしていきた……
この記事はDropboxやGmailなどの実例を参考にしつつ、自然でさりげないUXを生み出すための実践的なガイドです。 ここ数年で最も成功しているインタラクションデザインの分析をしたとき、Gmailの自動保存機能やUberのクレジットカード入力フォームのような、基本的な機能を完璧に作り込む会社に軍配が上がります。彼らは人間の自然な行動を巧みに取り入れ、私たちが今まで気づかなかった障壁をひそかに取……
Webサイトやアプリは、もはや現代人の生活に不可欠です。Webサイトやアプリにおける「UIデザイン」は極めて重要で、玉石混交の「UI原則」や「UIテクニック」が数多く公開されています。しかし、UIデザインに関する膨大な情報を得ても、いざ自分のWebサイトやアプリ開発となると、「良いUIデザインは結局どうすれば作れるの？」と迷うことも多いのではないでしょうか。
本記事では、UIデザインとは何か、優れたUIデザインの原則・設計方法、成功事例などをわかりやすくご紹介します。無料でダウンロード可能なUIデザインに関する資料もご用意しておりますので、ぜひご活用ください。
【無料ダウンロード】UI改善の基礎
4つのデザイン構成要素を操り、優先順位をつけるための「レイアウト / 配置」「形」「色」「動き」について図付きで解説します（全45ページ）。ぜひUIの改善にご活用ください。
UX MILK編集長の三瓶です。この記事をもって、今年の配信は終了となります。皆さま、今年も毎朝たくさんの記事という名の牛乳を飲んでいただきましてありがとうございました。 おかげさまでUX MILKも2016年は大きく成長し、ようやくメディアとして顔を上げて歩めるようになりました。とはいえ、まだこの世に生を受けて２年目、まだまだ至らないところだらけですし、来年も1月4日から変わらず邁進していきま……
SEO対策のために、重要な要素となるのが被リンクです。検索順位にも大きくかかわってくる被リンクですが、外部リンクと内部リンクでは、意味が大きく異なります。 今回は、被リンクと関連する用語、なぜSEO対策において重要なのかを説明していきます。 被リンクとは 被リンクとは、インターネット上の他のサイトやホームページからリンクを貼ってもらう事です。バックリンクとも言います。 被リンクが増えると、リン……