最新のデザイン関連記事

AISASとは？AISAS（アイサス）とは、株式会社電通が2004年に提唱（翌2005年6月には商標登録）した、消費者の行動モデルです。AISASは、インターネットが普及し始めた時代の、消費者行動に合わせた形で生まれました。このモデルは、商品やサービスに対する消費者の注意を引くところから、購買後の情報共有に至る心理的なステップを5つに分けて示しています。Attention（注意）Interest（関心）Search（検索）Action（購買）Share（情報共有）上記の順で進行する考え方で、それ

AIDMAとは？AIDMA（アイドマ）とは、消費者の購買行動を示すモデルのひとつです。このモデルは、商品やサービスに対する消費者の認知から購入に至るまでの心理的な過程を5つのステップで示すもので、以下工程の頭文字からとって「AIDMA」と命名されています。Attention（認知）Interest（関心）Desire（欲求）Memory（記憶）Action（行動）1920年代、アメリカで販売広告関連の実務書を執筆していた著作家のサミュエル・ローランド・ホール氏によって提唱されたもので、今日に至る

シャルパンティエ効果とは？シャルパンテイエ効果（Charpentier effect）とは、”重さに対する感覚”が“見ための大きさ”に影響されて、体積が大きいものを軽く、小さいものを重いと感じてしまう心理的な錯覚のことです。たとえば同じ重さの大きな箱と小さな箱をそれぞれ持ち上げたとき、物理的に重さが等しい物であっても、私たちは視覚的に大きく見える箱のほうを軽く感じ、小さい箱のほうを重たく感じてしまいます。これは同じ質量の小さな物体と比較したときに大きな物体のほうの重さを過小評価してしまう、人の知

ノーコードとは、プログラミングをしたり、コードを書かずにWebサイトやアプリケーションが開発できる手法のことです。IT人材の不足や開発費用の削減が求められる中で、ノーコードの利用は急速に広がっています。とくに、自社のプロダクトを持つ企業の営業企画部やマーケティング部署などで、低コスト・短納期での開発が必要とされるケースで効果を発揮します。ノーコードツールとは？ノーコードツールとは、ドラッグ＆ドロップなどの直感的な操作で、Webサイト制作やアプリケーション開発ができるツールのことを指します。たとえ

処理結果を確認しながら画像の変換・圧縮ができる『Squoosh』とは？Squoosh（スクワッシュ）とは、Googleが開発した画像変換・圧縮用のWebサービスで、変換前後の画像をリアルタイムで比較しながら設定を調整できるという特徴があります。Webで使用する画像サイズは軽ければ軽いほど良い一方、デザイン的な観点から画質もある程度担保したいというようなニーズも多いと思います。Squooshは、プレビュー画面で変換前後の画質をリアルタイムで確認しながら圧縮設定を調整することができるので、ファイルサ

WebサイトやモバイルアプリにSNSへのリンクやシェアボタンを設置する際に必要となるのが、各SNSのアイコン画像です。最近ではTwitterがXへと名前を変えたことにより、サービス内で使用しているSNSアイコンのアップデート対応をした方も多いのではないでしょうか？このような用途で使用されるSNSのロゴアイコンは、それぞれのSNSによって管理されており、利用方法についてもガイドラインが設けられています。とはいえ、ガイドラインは英語でのみ提供されていることも多く、最新ガイドラインやアイコンの公式ダウ

MEOとは？MEOとはMap Engine Optimization（マップエンジン最適化）の略で、地図サービス上の検索結果を最適化するマーケティング手法です。具体的にはGoogleマップなどの地図サービス上で、自社や自分の店舗を上位表示させるための対策を意味します。特定の場所に「行きたい」、周辺地域から「探したい」といったニーズがある場合、多くのユーザーはGoogleマップなどの地図サービスを利用しますよね。たとえば、ある人がスマートフォンで近くの美容室を検索したとき、その検索結果の上位に表示

みなさんは、最近よく聞く言葉である『アクセシビリティ』に関する正しい知識を持っていますか？社会の多様化に伴い、Webサービスやアプリケーションをデザインするデザイナーにも、アクセシビリティに関する知識が求められるようになってきました。この記事では、主にWebデザイナーの方に向けて、アクセシビリティの基本からWebサイト制作におけるWebアクセシビリティ実現のポイントをご紹介します。アクセシビリティとは？サービスが「利用可能な状態」であることアクセシビリティとは、利用者にとってサービスが「利用可能

WebP（ウェッピー）とは？WebP（ウェッピー）とは、Googleが開発した画像フォーマットの一種で、Web上での利用に適している形式です。高い圧縮率背景透過に対応アニメーションに対応上記の特徴があるため、Webサイトの制作者やデザイナーにとって、効率的な画像管理と高い表現力を両立するための重要な選択肢となっています。圧縮率が高く画像が軽量WebP最大の特徴とも言えるのが、圧縮率が高く画像が軽量であることです。JPEGやPNGといった従来のフォーマットと比べて、同じ画質でもファイルサイズを大幅

現在の日本の法律、そして日本が加盟している国際条約上はコピーライトの表記を行わなくても著作権は国際的に保護されるようになっています。そのため、法的な著作権保護という観点では実はコピーライトの表記は意味を持ちません。しかし、著作権の所在を明確化して無断転載を防止する目的では、慣習的にコピーライト表記を行うことが少なくありません。この記事では、そのようなコピーライトの基本的な知識から具体的な書き方について解説しています。コピーライトとは？コピーライト（Copyright）とは、英語で著作権を意味する

ゴルディロックス効果とは？多くの人が無意識のうちに真ん中の選択肢を選んでしまう傾向ゴルディロックス効果とは、選択肢が３つあった場合、多くの人が無意識のうちに真ん中の選択肢を選んでしまう傾向があるという心理現象のことです。たとえば同じ商品を異なる３つの価格帯で販売すると、真ん中の価格帯の商品が最もよく売れる傾向があります。1500円、1200円、980円と３つの価格のお弁当が並んでいたとしたら、いちばんよく出るのは真ん中の1200円になります。日本ではゴルディロックス効果は「松竹梅の法則」と呼ばれ

平均以上効果とは？自身を過大評価してしまう心理傾向平均以上効果とは、「自分は他の人と比べて平均以上である」と過大評価してしまう心理傾向をさします。別名「レイク・ウォビゴン効果」とも呼ばれています。この名前はアメリカの執筆家であるギャリソン・キーラが作品『レイク・ウォビゴンの人々』で描いた架空の村「レイク・ウォビゴン」の記述に由来しています。『レイク・ウォビゴンの人々』は、村の住民は容姿が平均以上の美男美女であり、彼らの子どもたちも平均以上に優れているなどの「錯覚した意識をもっている」という設定の

Webデザインを仕事にするうえで、資格は必要なのでしょうか？本記事では、Webデザインの資格の必要性・有利になる資格6選をご紹介します。将来性のあるWebデザイナーになるために必要なスキルについても解説します。これからWebデザイナーを目指したい方Webデザイナーとしてのキャリアアップをしたい方フリーランスのWebデザイナーとして活躍したい方におすすめの内容です。Webデザイナーになるには資格が必要？結論から言うと、Webデザイナーとして働くうえで、Webデザインの資格は必須ではありません。しか

対比効果とは？比較対象が変わると、その評価や印象に変化が生じる現象対比効果とは、人がものごとを評価する際に、同じものでも比較対象が変わると、その評価や印象に変化が生じる現象のことです。たとえば同じ色でも、背景の色が違うと明るさや彩度が違って見えたり、同じ大きさのアイテムでも、周囲の比較物の大きさが変われば相対的な見た目の大きさが異なって映ります。また猛暑の炎天下で冷たい飲みものを飲むと、気温と飲みものの対比でのどごしの冷たさがよりいっそう際立って感じられることがあるでしょう。それも対比効果のひと

ダブルダイヤモンドとは？「正しい問題」と「正しい解決」を見つけるためのフレームワークダブルダイヤモンドとは、2005年に英国デザイン協議会で初めて導入された、問題解決手法です。これは「発散」と「収束」の2つのプロセスを含むフレームワークで、それぞれを1つのダイヤモンドとして視覚化しています。この2つのダイヤモンドは、それぞれ「正しい問題を見つけるダイヤモンド」と「正しい解決を見つけるダイヤモンド」を表現しています。ダブルダイヤモンドの4つのステップダブルダイヤモンドは、以下の4つのステップで構成

ヒューリスティックは行動経済学における意思決定理論ヒューリスティック（Heuristic）とは、コンピュータ・サイエンスではアルゴリズム、行動経済学では意思決定をするときの理論を意味する言葉です。人は選択や意思決定をするとき、自分の経験則にもとづいて直感的な確率論で答えを出そうとする傾向をもっています。ヒューリスティックには種類があり、中でも重用視されているのが代表性ヒューリスティック（Representativeness heuristic）です。順を追って説明しましょう。人間は決して合理的な

身の回りに多く潜む問題に対し、デザイナーはデザイン思考を用いてどのような思考とプロセスを辿っているのでしょう？デザイン思考によって生まれたオランダの傘ブランド『senz° umbrellas』の事例から、デザイン思考のプロセスを覗いてみましょう。問題の発見と定義: 世界では年間10億本以上の傘がゴミとして捨てられていた丈夫な傘なら何年も、あるいは使い捨てではなく一生使えるかもしれないある日、オランダのデルフト工科大学に通っていた学生が、3本の傘を強風の中で失いました。オランダは一年中雨の多い気候

最近、私は会社のマーケティングチームと協力して、デジタルアクセシビリティについてのドキュメントを作るお手伝いをしました。これは、私が以前「コ・デザイン」というプロセスを用いて取り組んだ「My CP Guide」というアプリでの成果が評価されたためでした。「My CP Guide」というアプリは、脳性麻痺を持つ人たちやその家族、支援者、コミュニティ、そして一般のサービスを利用する人たちに、信頼できる情報やサポートを提供するためのアクセスしやすいプラットフォームを目指して作られました。「My CP

デザイン思考とは？注目を集めるデザイン思考とは一体何なのか？デザイン思考（デザイン・シンキング）とは、デザイナーによるモノづくりのプロセスを体系化した課題解決のための思考法です。顧客の抱える課題を中心に捉えるという特徴が、ビジネスの現場での商品・サービス開発に効果的であるため広く取り入れられています。作れば売れる時代ではなくなった。デザイン思考が注目される背景インターネットや物流が現在ほど発達する前の時代では、商品やサービスを届けることができる範囲がある程度限られていたため、「良いもの作れば売れ

私の働く会社DEPT®では、年間約10万円ほどの教育予算が各デザイナーに与えられます。私たちは、この予算を活用して、各自大学やオンラインコース、教材、サブスクリプションなどを自由に選んで購入しています。そんな中、私の同僚であるデザイナーのトバイアスは、持続可能なビジネス成長に関心を持ち、会社のESG（環境・社会・ガバナンス）への貢献を考えました。そして、彼はRMITのESGのコースを受講し、最近私たちデザイナーにESG戦略についてプレゼンをしてくれました。そのプレゼンには私たちの仕事が持つ重要な

Figmaでフレームやレイヤーをエクスポートする際に「2x」「3x」など、フレームのサイズの倍数でサイズを指定できることはよく知られていると思います。しかし、出力する画像のサイズをピクセル単位で指定することができることは意外と知られていないかもしれません。出力サイズをピクセル単位で指定する方法は以下のとおりです。Figmaを開き、エクスポートしたいフレームやレイヤーを選択します。右側の「デザイン」パネルの下部から「エクスポート」をクリックします。「+」アイコンをクリックして、新しいエクスポート設

ブレインストーミングとは？自由な発想をもとに新しいアイデアや問題解決策を集める手法ブレインストーミングとは、参加者の自由な発想をもとに、新しいアイデアや問題解決策を集めるために行われる会議手法です。アイデアの評価や批判を避けて、自由にアイデアを発散することに注力する方法として、問題解決や新製品開発、ビジネス戦略立案、チームビルディングなどに広く活用されています。このように、ブレインストーミングはビジネスの現場でもよく取り入れられているため、多くの人が一度は参加したことがあるのではないでしょうか？

世界各地で魅力的なデザインを探す旅、今回は台北市を拠点とするデザインブランド「KAMARO'AN（カマロアン）」をご紹介します。KAMARO'AN（カマロアン）のものづくりKAMARO'AN（カマロアン）は、2015年に台湾で誕生し、台湾原住民アミ族の文化を研究するデザインブランドです。原住民に伝わる伝統的な手仕事を現代に再構築し、自然由来の素材や技法を用いてオブジェクトを制作しています。"KAMARO"は、台湾原住民のなかで一番人口の多いとされるアミ族のことを表しており、現地の言葉では"生きる

数ヶ月前、私の同僚であるクロエが、デザイナーのスキルアップワークショップで、パーソナルブランドに関する興味深いワークショップを主催してくれました。そのワークショップでは、クロエのプレゼンやチームの意見を聞くことができ、私はパーソナルブランディングが非常に重要な要素であることを学びました。それまで、フリーランスのデザイナーが自身のブランドを持つことの重要性は理解していましたが、私のような企業で働くデザイナーにとっても、自身のブランドを構築することで、社内外での仕事の機会を広げることができ、またより