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