2021.05.14 WEBユーザビリティ・UX・UI webサービスやwebサイトの開発・改善に役立つ、ユーザビリティテストとは?【準備から実施・分析までの流れ】 自社のwebサイト・webサービスが、果たしてユーザーのニーズに応えられているのかと不安になったことはありませんか? ユーザビリティテスト(UT)とは、サイトの改善において、実際にサイトのターゲットユーザーに利用してもらい、操作感やサイトの構成に関する課題を発見する手法のことです。開発・制作者の視 [...]
2021.04.27 WEBWeb全般 自分だけの地図を作って共有できる!Googleマイマップ ~データインポート編~ 過去2回に分けて、Googleマイマップの作成・共有の方法をご紹介しました。 自分だけの地図を作って共有できる!Googleマイマップ ~オリジナルMap作成編~ 自分だけの地図を作って共有できる!Googleマイマップ ~オリジナルMap共有編~ 今回は、大量の住所を一括でマイマップに登録できる [...]
2021.03.03 WEBWebデザイン パスファインダーよりも手軽!Illustrator消しゴム・はさみ・ナイフツールの使い方 前回のブログで、パスファインダー機能を使って画像を分割したり、合体したりする方法をご紹介しました。 前回記事「オブジェクトを組み合わせて複雑な図形をつくる!Illustratorのパスファインダー機能をご紹介」 今回は、そんなパスファインダー機能を使わずとも図形を加工できる、消しゴムツール・は [...]
2021.01.27 WEBWebデザイン 光って目立つ!Illustratorのアピアランス機能で「光る文字」を作ろう サイトのバナーやアイキャッチを作っていると、文字に光沢を持たせて重厚な感じを出したいときや、文字が光って浮かび上がるような表現をしたい、と思うことがあります。 以前、Illustratorのアピアランス機能を使って袋文字の作り方をご紹介しました。 YouTube動画のサムネイル作成に!Photos [...]
2020.12.25 WEBWebデザイン オブジェクトを組み合わせて複雑な図形をつくる!Illustratorのパスファインダー機能をご紹介 今回は、Illustratorの機能の一つ「パスファインダー」機能についてご紹介します。 パスファインダーはオブジェクト同士の合体、分割、型抜きなどができ、知っておくと複雑な図形を簡単につくることができます。手作業でパスを使ってかたどることが難しい図形も、工夫すれば簡単に作ることができます。 I [...]
2020.11.30 WEBWebデザイン Illustratorのグラフツールを使えば、簡単にグラフを作成できます (応用編~複合グラフ・立体表現~) 前回のブログにて、Illustratorで棒グラフを作る方法をご紹介しました。 前回記事「Illustratorのグラフツールを使えば、簡単にグラフを作成できます(棒グラフ編)」 今回は少し複雑な棒・折れ線複合グラフと、立体的な円グラフの作り方をご紹介します。 INDEX棒・折れ線複合グ [...]
2020.10.26 WEBWebデザイン Illustratorでイラストやロゴをトレースし、ベクターデータに変換してみよう 画像や写真などのラスターデータ、はたまた手書きの文字などをトレースし、ベクターデータに変更したいと思ったことはありませんか? ベクターデータのメリットとして、サイズの変更をしてもデータのクオリティが変わらないことが挙げられます。そのため、名刺やパンフレット等の作成によく使用されています。 ラスタ [...]
2020.10.02 WEBWebデザイン Illustratorのグラフツールを使えば、簡単にグラフを作成できます(棒グラフ編) 先日、グラフの画像データを作成する機会がありました。 ExcelやPowerPointで作成してもよかったのですが、もう少しデザイン性をもたせたかったので、Illustratorで作成することにしました。 Excelと同じように表に数値を入れるだけで作成でき、Illustratorの機能を用い [...]
2020.08.28 WEBWebデザイン YouTube動画のサムネイル作成に!PhotoshopとIllustratorで袋文字を作ってみました 写真の上に文字を配置するとき、文字が背景と同化して見づらくなってしまったことはありませんか?こんな時、袋文字が役に立ちます。 袋文字とは、文字を別の色で縁取りしたものを指します。素の文字よりもインパクトが出て、さらに可読性が増すため、YouTubeのサムネイルなどにもよく使われます。 今回はそん [...]
2020.07.28 WEBWeb全般 アウトライン化されたaiデータから、できる限りテキスト情報を取り出す方法 「パンフレットの情報をもとにwebページを構築しなくてはならないが、提供いただいたイラレデータがアウトライン化されていて、テキストがコピーできない!」 私がエディターとして仕事をしているとき、まれに遭遇する事態です。 データがアウトライン化されていると、テキスト情報を抽出(コピー)することができま [...]
2020.06.23 WEBWeb全般 自分だけの地図を作って共有できる!Googleマイマップ ~オリジナルMap共有編~ 前回の記事(作成編)では、Googleマイマップの作成方法についてご紹介しました。 今回の第2弾では、作成した地図を共有したり、自分のサイトに埋め込んだりする方法をご紹介します。 ご自身のGoogleアカウントで、共有したいマイマップにログインしたところからスタートです! INDEXデフォルトビ [...]
2020.05.25 WEBWeb全般 自分だけの地図を作って共有できる!Googleマイマップ ~オリジナルMap作成編~ Googleマップの機能の一つに、「Googleマイマップ」というものがあります。 Googleマイマップは通常のGoogleマップを使って、オリジナル地図を作成できるサービスです。複数の場所を地図上で簡単にマーキングでき、メモやルートと一緒に保存しておける機能があります。 旅行用の「観光マップ」 [...]
2020.04.27 WEBWebデザイン 【Photoshop】レイヤーマスク、クリッピングマスクの違いを理解して作業効率をアップしよう! Photoshopにはいくつかマスク機能があり、その中でも今回は「レイヤーマスク」と「クリッピングマスク」をご紹介しようと思います。 Photoshopのマスクとは、「画像の切り取り」ではなく「画像を隠す」機能です。 元の画像に手を加えず、上からマスクをかぶせているイメージです。 そのため、後か [...]
2020.03.24 WEBWebデザイン 【Photoshop】画質を落とさずノイズを軽減できる「Camera Rawフィルター」の使い方 高感度で撮影した写真は、ザラザラとしたノイズが見えることがあります。 画質を落とさずノイズのない綺麗な画像を作るには、Photoshopの「Camera Rawフィルター」がオススメです。 どうしても使いたい画像のサイズが小さく、引き伸ばさなければいけないときであっても、ギザギザした質感を緩和す [...]
2020.02.25 LIFEIT活用 「モノのインターネット」IoTとは?IoTの活用事例とIoTの動向について解説します。 昨今、注目を集めているIoT(Internet of Things)。従来インターネットに接続されていなかった様々なモノ(住宅・建物、車、家電製品、電子機器など)が、ネットワークを通じてサーバーやクラウドサービスに接続され、相互に情報交換をする仕組みで、日本では「モノのインターネット」と訳されます [...]
2020.01.23 WEBWebデザイン 【初心者向け】Photoshopのスマートオブジェクトって一体何?画像を劣化させずに拡大・縮小ができる便利な技 Photoshopを使っていると必ず目にする「スマートオブジェクト」。名前だけ聞くと何なのかわかりません。 ですがこのスマートオブジェクト、理解すると画像のクオリティはおろか、作業スピードもアップする素晴らしいものなのです! 今回はこのスマートオブジェクトとは何なのか、そして便利な使い方につい [...]
2019.11.28 WEBWebマーケティング SNS上で広がりを見せるインフルエンサーマーケティングとは?ステルスマーケティングとの違いとは? 日常生活の中でなにかモノを購入しようとしたり体験をしようとしたりするとき、口コミ(レビュー)を参考にする方が多いのではないでしょうか。今や口コミは、ユーザーの購買行動の最大要因の一つとなっています。 インターネット上で口コミを広めるためには、強い拡散力が必要になります。そのため、最近では人気の [...]