情報のコントラストを活用したデザインの基本
コントラストは一般に明暗比を指す言葉ですが、明るさや色だけでなく、書体線の太さ・形・サイズ・余白などの、要素の視覚的な差で様々な対比という意味でも用いられます。 このため、レイアウトにおけるメリハリというのは、コントラス …
写真の基礎と画像フォーマットの基本
デザインする上で写真の主な役割は、対象をそのまま見せられるということと、言葉を超えたイメージを伝え、感覚や感情をかき立てられるということです。 写真を使うことでそのイメージをより具体的に共有することができ、写っている以上 …
プラグイン無しで表示させるGoogleマップ・QRコード・期間限定内容表示のショートコードと実装方法
ショートコードで毎回HTMLで書いていたソースをショートコードで表示できるようにすることで、毎日の記事更新がグッと楽になります。 今回は、プラグイン無しでfunctions.phpにPHPコードをコピペするだけで表示させ …
プラグイン無しで投稿一覧の画面を見やすく・使いやすくするカスタマイズ
当サイトで使用しているSANGOのテーマには、投稿一覧画面も標準で使いやすく、これに加えてPORIPUを入れることでアイキャッチ画像の表示や閲覧数の表示が可能になります。 今回は、それ以外のテーマで投稿一覧画面が使い易く …
プラグイン無しで本文のh2タグの前にAdSenceの広告や任意のコンテンツを表示する方法
wordpressのSANGOのテーマには最初からイケてるデザインだけでなく、AdSenceの広告も簡単に貼れるウィジェットがあり、これに加えてSANGO公式のPOPURIのテーマを入れればもっとより簡単に広告を貼れます …
LPの設計の基本とLPの最適化(LPO)の重要性
CVR（コンバージョン率）を大きく左右し、CPAなどの広告費に直結するGoogle広告で集客するためには、 TD（タイトル＆ディスクリプション）の選定、アカウント設計、広告文の他にランディングページの最適化LP …
モーダルの基本的な使い方とデザイン
モーダルとは、「モードがある」状態のことで、特定のタスクや機能の利用に制限された状態のことをモーダルと表現します。 このモーダルは、ユーザーに重要な操作や確認を促したりするときに用いられることが多く、JavaScript …
アコーディオンの基本的な使い方とデザイン
アコーディオンは、見出しを重直方向に並べたリストで、クリックすることで下方向に展開し、もう一度クリックすることで閉じるUIです。 コンテンツを折りたたむことで大量のコンテンツを一度に表示することなく、全体像を確認した上で …
アイコンの基本的な役割と使い方
アイコンは、行為・目的・機能などの意味を視覚化することで、文字よりも小さなスペースで素早くその意味や内容を伝える効果があります。 今回は、そんなアイコンの基本的な役割と使い方について解説していきます。 目次アイコンの意味 …
全国の制作会社のデザイナーの7つの職種と人数
平成30年経済産業省の調査によれば、デザインの制作会社は、全国に7,289の事業所があり、そこで約30500人のデザイナーが働いており、半数以上がアルバイト・パートなどの雇用形態です。 デザイナーと単に言っても色々な職種 …
