アイコン
[Wikipedia|▼Menu]
.mw-parser-output .hatnote{margin:0.5em 0;padding:3px 2em;background-color:transparent;border-bottom:1px solid #a2a9b1;font-size:90%}

この項目では、絵記号について説明しています。

英語では「Icon(アイコン)」と呼ばれる正教会の聖像については「イコン」をご覧ください。

かって刊行されていたパソコン雑誌については「週刊アスキー」をご覧ください。

その他のアイコンについては「イコン (曖昧さ回避)」をご覧ください。

ウィキペディアにおけるアイコンについては、「Wikipedia:アイコン」をご覧ください。
.mw-parser-output .ambox{border:1px solid #a2a9b1;border-left:10px solid #36c;background-color:#fbfbfb;box-sizing:border-box}.mw-parser-output .ambox+link+.ambox,.mw-parser-output .ambox+link+style+.ambox,.mw-parser-output .ambox+link+link+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+style+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+link+.ambox{margin-top:-1px}html body.mediawiki .mw-parser-output .ambox.mbox-small-left{margin:4px 1em 4px 0;overflow:hidden;width:238px;border-collapse:collapse;font-size:88%;line-height:1.25em}.mw-parser-output .ambox-speedy{border-left:10px solid #b32424;background-color:#fee7e6}.mw-parser-output .ambox-delete{border-left:10px solid #b32424}.mw-parser-output .ambox-content{border-left:10px solid #f28500}.mw-parser-output .ambox-style{border-left:10px solid #fc3}.mw-parser-output .ambox-move{border-left:10px solid #9932cc}.mw-parser-output .ambox-protection{border-left:10px solid #a2a9b1}.mw-parser-output .ambox .mbox-text{border:none;padding:0.25em 0.5em;width:100%;font-size:90%}.mw-parser-output .ambox .mbox-image{border:none;padding:2px 0 2px 0.5em;text-align:center}.mw-parser-output .ambox .mbox-imageright{border:none;padding:2px 0.5em 2px 0;text-align:center}.mw-parser-output .ambox .mbox-empty-cell{border:none;padding:0;width:1px}.mw-parser-output .ambox .mbox-image-div{width:52px}html.client-js body.skin-minerva .mw-parser-output .mbox-text-span{margin-left:23px!important}@media(min-width:720px){.mw-parser-output .ambox{margin:0 10%}}

この記事は検証可能参考文献や出典が全く示されていないか、不十分です。出典を追加して記事の信頼性向上にご協力ください。(このテンプレートの使い方
出典検索?: "アイコン" ? ニュース ・ 書籍 ・ スカラー ・ CiNii ・ J-STAGE ・ NDL ・ dlib.jp ・ ジャパンサーチ ・ TWL(2013年1月)

アイコン (英語: icon) は、物事を簡単な絵柄で記号化して表現するもの。アメリカの哲学者パースによる記号の三分類の一つ。コンピュータ上の記号表記を指すことが多い。アイコンは「εικ?ν」の中世・現代ギリシア語での読み「イコン」[1]を「icon」とラテン文字に転写したものの英語読みである。
コンピュータのアイコン

コンピュータにおけるアイコンはプログラムの内容をにして表しているもので、多くは16×16ピクセル - 128×128ピクセルほどの大きさの画像で表示される。

アイコンは、初心者がコンピュータインターフェースを操作するのを容易にするために、1970年代にゼロックスパロアルト研究センターで最初に開発された。後にアイコンで操作されるインターフェースは、AppleMacintoshによって一般にもたらされる。現在では主なオペレーティングシステムにおいて、ユーザーへの情報を表示するためにアイコンベースのグラフィカルユーザインターフェース (GUI) を使用している。

一例:(必ず使用されているというものではありません)

図柄解説
警告を連想させる図柄(相手を制止する『』と、危険を表す赤い標識』のイメージ)
音声を連想させる図柄(音源である『スピーカー』と、そこから広がる『音波』のイメージ)

機能とアイコン

キャラクタユーザインターフェース (CLI) 上のプログラムでは、ユーザが機能を呼び出すためには、その機能が割り当てられたファンクションキーを押すことなどで行っていたが、GUI中のほとんどの機能はアイコンによって表される。アイコン上にカーソルを移動させて、マウス(あるいはトラックボールなどのポインティングデバイス)のボタンクリックすることで、機能を呼び出したりプログラムを開始する。アイコンは判別しやすく、機能を連想させる絵柄で、小さいものでなければならない(ユーザビリティの観点から、大きなアイコンが用いられる例もある)。多国間での使用を想定したソフトウェアの場合、文化の違いを考慮する必要がある。

しかしコンピュータ上のアイコンはアプリケーションが登録する独自の物なども多く、実際には絵だけで意味が分かることは多くないため、何らかの形で説明のための語が付いているものが多い。
アイコン色の性質

色(光)の三原色とは、色を表す際の基本的な色であり、の3種類の色のことである。色彩は、これらを混ぜることにより表される。以下は三原色の色の性質、その他特徴のあるアイコンの色である。

三原色

赤:目に付きやすい色であり、インパクトが強い。

緑:目に優しい色である。暖色にも寒色にも属さず、温度感がないので使用する場所を選ばない。

青:寒色の代表でクールな印象を持つ。空や海といった色を連想させ好感の持たれる色である。


その他特徴のあるアイコン

進出色:同じ平面にありながら飛び出して見える色のこと。波長の長い暖色系の色に多い。

後退色:同じ平面にありながら後ろに下がって見える色のこと。波長の短い寒色系の色に多い。

膨張色:大きく膨張して見える色(明るい色)のこと。

収縮色:小さく収縮して見える色(暗い色)のこと。


脚注[脚注の使い方]^ 古代ギリシア語再建音では「エイコーン」

関連項目.mw-parser-output .side-box{margin:4px 0;box-sizing:border-box;border:1px solid #aaa;font-size:88%;line-height:1.25em;background-color:#f9f9f9;display:flow-root}.mw-parser-output .side-box-abovebelow,.mw-parser-output .side-box-text{padding:0.25em 0.9em}.mw-parser-output .side-box-image{padding:2px 0 2px 0.9em;text-align:center}.mw-parser-output .side-box-imageright{padding:2px 0.9em 2px 0;text-align:center}@media(min-width:500px){.mw-parser-output .side-box-flex{display:flex;align-items:center}.mw-parser-output .side-box-text{flex:1}}@media(min-width:720px){.mw-parser-output .side-box{width:238px}.mw-parser-output .side-box-right{clear:right;float:right;margin-left:1em}.mw-parser-output .side-box-left{margin-right:1em}}ウィクショナリーに関連の辞書項目があります。アイコン ウィキメディア・コモンズには、アイコンに関連するカテゴリがあります。

ピクトグラム

アバター

ジャストシステム - 松下アイコン訴訟について

Favicon

Nuvola

ICO (ファイルフォーマット)










GUIウィジェット
コマンド入力

ボタン

コンテキストメニュー

メニュー

パイメニュー

ハンバーガーボタン

データ入出力

チェックボックス

コンボボックス

トグルボタン(英語版)

ドロップダウンリスト

グリッドビュー(英語版)

リストボックス(英語版)

リストビルダー(英語版)

ラジオボタン

スクロールバー

スライダー

スピンボタン

テキストボックス

検索ボックス

デートピッカー(英語版)

カラーピッカー(英語版)

表示

サイドバー(英語版)

Windows デスクトップ ガジェット


バルーンヘルプ(英語版)

ヘッドアップディスプレイ (コンピュータゲーム)

ヘッドマウントディスプレイ (コンピュータゲーム)

アイコン

バナー

情報バー(英語版)

ラベル (コントロール)(英語版)

ロード (コンピュータゲーム)

ロード画面

進捗インジケータ

プログレスバー

スローバー(英語版)

スプラッシュスクリーン

スピニングピンホイール(英語版)


ステータスバー

トースト(英語版)

ツールチップ

コンテナ

アコーディオンメニュー(英語版)

ツリーメニュー(英語版)

折り畳み

フレーム/フィールドセット(英語版)

メニューバー

パネル(英語版)

ポップオーバー (GUI)(英語版)

リボン

ツールバー

タブ

タイトルバー

ウィンドウ

クライアントサイド・デコレーション

ナビゲーション

アドレスバー

パンくずリスト

ハイパーリンク

ナビゲーションペイン (ナビゲーションウィンドウ)(英語版)

ページャ (ページネーション)

特殊ウィンドウ

ダイアログボックス

メッセージボックス

バージョン情報ダイアログボックス(英語版)

ファイルダイアログ(英語版)

インスペクターウィンドウ(英語版)


モーダルウィンドウ

パレットウィンドウ(英語版)

関連項目

WIMP

ウィンドウ

アイコン

メニュー

ポインター


デスクトップ環境

GUI

ウィジェット (GUI)

スキン (GUI)

ウィジェットエンジン

ウィジェット・ツールキット

レイアウトマネージャ

ルック・アンド・フィール

マウスオーバー

VR

典拠管理データベース: 国立図書館

イスラエル

アメリカ


記事の検索
おまかせリスト
▼オプションを表示
ブックマーク登録
mixiチェック!
Twitterに投稿
オプション/リンク一覧
話題のニュース
列車運行情報
暇つぶしWikipedia

Size:19 KB
出典: フリー百科事典『ウィキペディア(Wikipedia)
担当:undef