新着
Web
DTP
見て学ぶ
もっと見る

UI デザイン

フォントのアイキャッチ

WEBで商用利用も可能な日本語の無料フォント11個

今や当たり前のことですが、CSS3でWEBフォントが導入され、WEBサイトでのテキストの表示にユーザ[...]

マルチページのイラスト

BtoBのサービスLPでシングルページとマルチページのそれぞれの使い所とメリット

WEBマーケティングでは、広告の運用とセットでランディングページ (LP)がよく使われます。 その広[...]

配色の基本のイラスト

WEBサイトの配色比率70:25:5と知っておきたい配色の基本

見やすく綺麗にまとまったWEBサイトを作るには、3色に抑えるのが基本です。 これは、様々なデザインに[...]

モーダルウィンドウのイラスト

モーダルの基本的な使い方とデザイン

モーダルとは、「モードがある」状態のことで、特定のタスクや機能の利用に制限された状態のことをモーダル[...]

アコーディオンのイラスト

アコーディオンの基本的な使い方とデザイン

アコーディオンは、見出しを重直方向に並べたリストで、クリックすることで下方向に展開し、もう一度クリッ[...]

アイコンのアイキャッチ

アイコンの基本的な役割と使い方

アイコンは、行為・目的・機能などの意味を視覚化することにより、文字よりも小さなスペースで素早く伝える[...]

タブUIのイラスト

タブの基本的な使い方とデザイン

タブは、ページの一部分のコンテンツを切り替えるときに有効なUIです。タプを使うことで、画面全体を遷移[...]

カルーセルのイラスト

カルーセルの基本的な使い方とデザイン

カルーセルは、サービスサイトやコーポレートサイト、採用サイトなどのファイーストビューのエリアでよく見[...]