ピクトグラム/アイコン/マーク/シンボル…違いを歴史で紐解きました
ピクトグラム/アイコン/マーク/シンボル…その違いを歴史で紐解きお届けします！ 見た目がそっくりなピクトグラム/アイコン/マーク/シンボル。それぞれの違いを歴史を元にひもときました。ピクトグラムと言語の関係性、アイコンだけで意図は伝わるか、ロゴマークとロゴタイプの違い、キリストを想像させるシンボル十字架、などに触れてます。ぜひお楽しみください。 目次 世界共通語！カタチの言語「ピクトグラム」 広がるきっかけ！1964年 東京オリンピック 1972年 ミュンヘンオリンピックで完成形に 対照の物（外観）事（概念）を記号化した「アイコン」 補足や事前知識が必要なことも… 記号評論家が記号の概念や定義を作った 記号・符号・しるし・標章・図案「マーク」 ロゴマークとロゴタイプの違い マーキングがマークへ変わり、価値を産む話。 物事を象徴する「シンボル」 シンボル/シンボルマーク/絵/その差 ピクトよ
IcoMoonの使い方・ライセンス一覧など!Webフォントで扱えるアイコン素材サイト
IcoMoonとは IcoMoonは、Webフォントとして扱えるアイコン素材を配布するほか、自作のアイコンや他の素材サイトでダウンロードしたSVGアイコンをWebフォント化することができるサービスです。 【URL】 IcoMoonのサイトはこちら それでは、IcoMoonの使い方をご紹介します。 アイコンのダウンロード方法 （1）トップページで右上のIcoMoon Appをクリックします。 （2）アイコン一覧が表示されるので、使いたいアイコンを選びます。 もし好みのものがなければ、「Add Icons From Library…（ライブラリからアイコンを追加する）」、または、画面上部の本のアイコンをクリックすると、ライブラリを開き、他のアイコンを追加することができます。 ライブラリを開くと、このような画面が表示されます。 Purchase（購入）のボタンがあるものは有料、Remove（外す
アイコンフォントか？ SVG アイコンか？ | Accessible & Usable
公開日 : 2015年12月17日 (2024年7月17日 更新) カテゴリー : アクセシビリティ この記事は、「Web Accessibility Advent Calendar 2015」の17日目のエントリーです。 ウェブデザインにおいて、アイコンを配置することは多いと思います。特にここ数年はアイコンフォントを採用する案件が個人的に多かったこともあり、「アイコンフォントのアクセシビリティ向上」という記事を書いたりもしました。 ところがアイコンフォントにはもっと根本的なアクセシビリティ問題があるという指摘もあります。たとえば以下の記事が参考になるでしょう。 PUAアイコンフォントのアクセシビリティ - Unreviewed Seriously, Don’t Use Icon Fonts - Cloud Four Blog 総じて言うと、アイコンフォントは、本来テキスト (文字情報)
loadergenerator.com - このウェブサイトは販売用です！ - generate spinner loader activity loading indicator progress bar リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
無料でできる！オリジナルアイコンフォントを作ってみよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさんはじめまして！ アートディレクター兼デザイナーの長岡と申します。 社内では、ひろさんと呼ばれています。 入社したばかりですが、どうやらLIGの最年長記録を更新したようです(^^;) 2児の父親として、プライベートでは、子育てに奮闘中なのですが、最近乗り物に興味を持ちだした息子。 電車や車が大好きなようで、テレビに映る度に指をさして「でぇ～んしゃ～♪」とか「ぶぅ～ぶぅ～♪」と叫んでます。 そんな息子の姿を見て、毎日癒されてます(^-^) さて本題に入りますが、スマホサイト・レスポンシブデザイン・Bootstrapなどで度々目にするアイコンフォント。 モバイルファーストを考えながらの制作ですと、表示速度も意識しなければなりませんね～。 フリーのアイコンフォントは、たくさんあれど、「アイコンが多すぎる！」「もっと少なくしたい！」「オリジナルでアイコンを作ったけれども、これをどうにかアイコ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Retinaでもボケない「シンボルアイコン」を使いこなそう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも！デザイナの王です。 2012もいよいよ12月を迎え、果てして2013年は来るのかと、わくわくしている今日この頃です。 ここ最近、AppleのRetinaを皮切りに、超高精細ディスプレイが色んなメーカーから出ているニュースが目に付く。 有名所ではシャープのIGZO（約500ppi）、ジャパンディスプレイのLTPS（約650ppi）などがありますよね、iPhoneのRetinaをぶっちぎりで凌駕してしまうという！4K時代の到来を予感させる！（その前に地球が終わらなければいいのだが！） ということで、来るRetina全盛時代に備えるべく、どんなにモンスター級の高解像度のデバイスでも綺麗に表示する「シンボルフォント」を最近使い始めました。今回はそんな素敵なシンボルフォントの導入法を紹介したいと思います。 そもそも♥「シンボルフォント」♥って何？ 読んで字の如し、「図形のフォント」です。タイ
Fireworks で戦国武将の家紋を作って SVG な Web Font に変換してみる - 歴史雑談録
どうも、松田直樹@まぼろし でございます。 当方、実はWeb制作が本業でして、このような記事を書くハメになってしまいました。（いや、喜んで書いてますよ） 「Fireworks」ってのは Photoshop のようなグラフィックツールでございまして。 Web制作に特化した機能が豊富だったりで Webな方々には多く使われていたりするのですが、僕も右に倣えで頻繁に使用しているわけです。この Fireworks に関する記事を書くにあたり、この歴史雑談録に何とか絡めようと表題のようなテーマに及んだ次第にござりまする。 ということで、この記事は「Fireworks Lover Advent Calendar 2012」の20日目の記事となります。（長いです。すんません） 今現在、Web制作界隈においては「脱ビットマップ」「SVG元年」といったキーワードが脚光を浴びておるわけですから、なんと時勢を読ん
ダウンロード | sync.D
ピクセルベースパターン素材 for Fireworks WEBCRE8jpPixelPatternALLFw [zip形式 2.1MB] ○インストール方法 ファイルを解凍すると、fw_stlとfw_textureの2つのフォルダができます。fw_stlの中にはスタイルファイル、fw_textureにはテクスチャ用のPNGファイルがあります。使用する状況に応じてお使いください。 詳しいインストール方法は下記をご覧ください。 WEBCRE8で配布しているパターンをFireworks用テクスチャにしてみた | Webデザインのタネ ○利用範囲 制作での使用：用途に関わらず自由 ファイル自体の再配布：WEBCRE8の著作権表記とリンクが必要 ○著作権について Designed By WEBCRE8 ○ 謝辞 元になったPhotoshopのパターンファイルはWEBCRE8の@glatyouさん制作
2万以上もの各種ボタン・アイコン・バーなどのユーザーインターフェースパーツのデザインを検索してダウンロードできる「UICloud」
「Download button」「CSS button」「Music Player」など、テキストボックスに欲しいユーザーインターフェースパーツを記入するだけで、総合計2万個以上のパーツの中から欲しいものを検索してきてくれるのが「UICloud」です。 UICloud | User Interface Design Search Engine, UI Elements, GUI Design, Free Downloads http://ui-cloud.com/ トップページのテキストボックスに探したいパーツの名称を記入して「Search」ボタンを押します。今回は「Download button」で探してみました。 すると検索結果一覧が表示されます。色んなダウンロードボタンがずらり。 気になったものをクリックします。 すると、大きめサイズのイメージが表示されます。 画面右端には詳細情報
無料で商用利用も可能なフリーアイコン集「30 Toolbar Icons」
画面の上や下に配置されるツールバーにあるお気に入りやプリンター、戻るや進むといったボタンをカスタマイズできるシンプルなアイコンが「30 Toolbar Icons」です。個人的に使うことはもとより、商用利用もできます。 30 Toolbar Icons for User Interface Design | Web Resources | WebAppers http://www.webappers.com/2012/07/09/30-toolbar-icons-for-user-interface-design/ アイコンの大きさは32×32、ファイル形式にはPSD形式とPNG形式の2つがあります。 アイコンは写真、メール、ダウンロード、設定、本、フォルダ、ページ、ツール、プリント、ヘルプ、サーチ、ペースト、アンドゥ、ホーム、電源、リンク、星、コメント、ロック、戻る、進む、ストップ、ゴミ
画像アイコンはもう古い！CSSでスタイル自由自在のアイコンWebフォント
Font Awesome, the iconic... / Foundation Icons Fonts -... / Typicons他...全5件
商用利用も無料！手書き風アイコン122種類！
今日は私が集めているアイコンのいくつかを紹介させていただきます。今回は商用利用も無料(商用フリー)でOK！という気前のいい手書き風のアイコンをまとめました。ここで紹介するアイコンは全てリンクも不要で使えますが、ダウンロードして使うときは念のためライセンスの確認をしてくださいね！ ではどうぞ。 19 Freehand drawn sketch icons ダウンロード先:Visit site 実際に手書きで作成したものをスキャンしてイラレでクリーンアップしたものです。 HAND DRAWING ICONS SET ダウンロード先:Visit site まさに手書き中の手書きといったアイコンです。 Handycons 2 ダウンロード先:Visit site メディア関連の手書き風アイコンです。油絵っぽい感じが実にクールですね。 FreeHand ColorStroked icon pac ダ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
究極の無水調理が出来る人気の鍋| Vermicular（バーミキュラ）公式サイト
Icons | Font Awesome
Vector Art & Graphics | dryicons.com
DreamweaverでSassファイルを編集するには？ | Webデザインのタネ
新着記事
[CSS]三角・丸・アロー・吹き出し・アイコンなど、全200種以上のさまざまな形状をつくるスタイルシート -Neo CSS
Iconfinder | Download free icons
