デザイン 文字の扱いに欠かせないフォントと書体の種類の知識
デザインに文字を扱う必要な知識として、フォントの基礎を解説します。 できるだけ簡潔に書きました。デザイン系の初学者の参考になればと思います。 主要なフォントの分類 私たちが主に使うフォントは２種類あります。 和文フォント（漢字、ひらがな、カ...
デザイン 
心理学 なぜ、それの使い方がわかる？アフォーダンス
私たちはスマホのアイコンを見ただけで説明書を読まなくてもある程度使い方がわかる。 なぜか？ 今回、アフォーダンスとよばれる認知心理学における概念を解説します。 アフォーダンスとは アフォーダンスとは、 「人間はその情報を識別することで、それ...
心理学 いつくかのイメージを組み合わせて印象を変える効果
ある商品の画像と別の画像を組み合わせる事で商品の印象を変える そんな「クレショフ効果」について解説します。 多くの広告でよく使われているので、心当たりのある方も多いと思います。 クレショフ効果 クレショフ効果とは、前後のつながりがない画像や...
デザイン スタイルガイドについて学ぶ
スタイルガイドとは スタイルガイドとは、Webサイトの制作担当者が従うべき、デザインや動作などのルールをまとめたマニュアルのことを指します。 もともと新聞や雑誌など媒体向けに誕生したものです。 その「スタイルガイド」のWebサイト版がWeb...
WEB WebPって何？その他画像形式との違いと変換方法
最近、WebPというファイルをよく見かけるなあ？ いったい何なの？ そんな疑問をお持ちの方にWebPについて簡潔に解説します。 WebPとは WebP（ウェッピー）とは圧縮率の高い画像形式のことです。 Webサイトで多くの画像を使用すると表...
デザイン デザインシステムについて学ぶ
Webデザインの現場では、UI（ユーザーインターフェース）作成にデザインシステム（Design System）をよく活用されます。 Webデザイナーなどデザインの学習をはじめた方にできるかで簡潔に解説したいと思います。 デザインシステムとは...
心理学 視覚において、人の顔は特別
人は視覚で何かを認知する時、「人の顔」に反応しやすい性質があります。 こんな経験はないでしょうか？ 多くの人混みの中で、誰かが自分を見ている事に気づく。友人がどこの方向に視線を見て驚いている表情に気づき、自分もその方向を見てしまった。 人間...
心理学 人は情報を理解しようとする時、パターンを見つけようとする。
ECサイトでお買い物をする時、他のサイトでも共通のパターンを見つけ、説明無しでも買い物ができたりする。 あなたもそんな経験がないだろうか？ 今回は人間の性質の一つとして、人が 情報を探す時に 共通のパターンを探す傾向がある事についてまとめま...
心理学 人は情報を探す時、どう見ているか？
人が目の前にある文章や画像から目的の情報を掴む際に、どのような行動をとっているかについてまとめました。 目から情報を掴む方法 私たちの視野には、周辺視野と中心視野がある。 周辺視野 周辺視野は全体像を掴む役割を持っている。 Webサイトで言...
デザイン コンセプト設計の進め方
ものづくりにおいて、「何を作ったら良い？」、「どんなモノが人々に好まれる？」といった悩みをおもちの方が少なくないと思います。 そんな時は、コンセプを設計するところから学ぶ事をおすすめします。 コンセプト設計について、進め方を解説します。 顧...