アイコンの記事一覧プレミアムユーザー限定記事MOONGIFTプレミアムは、月額500円の有料サービスです。今のWebサイト、スマートフォンアプリではテキストではなくアイコンで操作を指示することが増えています。絵の方が分かりやすい場面も多いですが、分かりづらいアイコン(保存のフロッピーアイコンなど)もあります。その中でも大事なのが統一性です。PlantUMLでAWSのアイコンを使うUMLはソースコードを自動生成する夢さえ見なければ、決して悪いツールではありません。システムや処理を可視化するのに最適です。そんなUMLを書く際に昔はドローツールを使いましたが、今はPlantUMLのようなテキストベースも使われます。1KB以下の軽量アイコン集アイコン集はいくら知っていてもいいものです。多彩なパターンに対応したものもあれば、特定の用途に使えるものもあります。様々なものを知っていれば、役立つ機会が多いにあります。今回紹介するSuperTinyIconsは1KB以下という小さなサイズが特徴なアイコン集となっています。小さめな表示にぴったりなSVGアイコンアイコンはWebサイトのデザイン、特徴によって雰囲気に合わせて選ばなければなりません。そのため、一つのアイコンセットを知っていれば良いのではなく、様々なものを見ておくと良いでしょう。フォントと変わらない存在です。Iconを紹介します。小さめのアイコンで、控えめなデザインが特徴です。カスタマイズ重視のSVGアイコン集SVGの良いところはXMLでベクターベースなのでJavaScriptからカスタマイズしやすいということです。色などはもちろん、表示する向きなども変えられます。拡大、縮小しても綺麗なのも嬉しいポイントです。そんなSVGアイコンとしてIkonateを紹介します。カスタマイズしやすいのが売りのSVGアイコン集です。多彩な種類が用意されたアイコンセットWebサイトやスマートフォンアプリにおいてアイコンはとても重要です。全体として統一されていることでユーザが迷いなく操作できるようになります。最近のフラットで単色系のアイコンでは使われるシンボルが共通化されつつありますが、それでも多彩な種類に対応していないと、ぴたりと当てはまる使い方ができません。480種類以上の綺麗なアイコン集アイコンはWebサイトやアプリなどの使い勝手を決定づける重要な存在です。統一されたアイコンを使っているかどうかは大きな問題であり、そのためにも多数のパターンに対応したアイコン集の利用が求められます。iconsを紹介します。iOS/macOS/watchOSなどのアイコン画像をまとめて生成iPhoneやiPadなどiOSデバイスの種類が増えるのに伴ってアプリで用意しなければならないアイコンの種類も増えています。サイズが多彩にあり、いちいち用意するのが面倒に感じているのではないでしょうか。そこで使ってみたいのがIconGeneratorです。一つのファイルからまとめてアイコンファイルを生成してくれます。天気は晴、曇り、雨、雪くらいしかないと思うでしょうか。実際には時々雨と言った表現もあったり、昼と夜とがあったりと細かな派生がたくさんあります。Webサイトに天気情報を載せようと思ったら、そのパターンに対応するのが大変です。Twitter製の絵文字集AppleやAndroidなど各社が絵文字を作成していますが、それはOSに限りません。Facebook、Slack、Twitterなども絵文字を利用します。その際には彼ら独自の絵文字も使われます。今回紹介するTwemojiはTwitter社がオープンソースで公開した自社の絵文字になります。シンプルで使いやすいアイコンセットテキストによる説明よりもアイコンの方が分かりやすいケースは多いです(逆もありますが)。アイコンは言語を超えて使えるので、多言語対応しなければならない場合にもほぼ同じものが使えます。今回は400を超えるシンプルなアイコンセットを提供するBoxIconsを紹介します。BoxIconsの使い方一例です。ピュアなCSSだけで作られたアイコンセットアイコンセットはいくらあっても便利です。昔は小さな画像の集まり、その後はCSSスプライト、そして最近ではアイコンフォントを使うパターンが多くなっています。アイコンフォントは便利ですが、読み込みに失敗するとトウフだらけになってしまうのが難点です。GitHubのファイルアイコンを最適に開発者であればGitHubのサイトを訪れる機会は多いと思います。その際にはファイルブラウザを見ると思いますが、すべてのファイルが同じアイコンになっているので分かりづらいかも知れません。拡張子に応じたファイルアイコンに変換してくれます。SVG製のシンプルなアイコン集Webサービスやスマートフォンアプリでどういったアイコンを使うかで全体の印象が大きく変わります。フラットデザインやマテリアルデザインのトレンドの中ではシンプルでラインだけで表現されたものが好まれています。今回紹介するFeatherはその流れを受けた、シンプルなアイコンになります。Featherの使い方一覧です。シンプルで分かりやすいSVGアイコンスマートフォンが高解像度になるにつれて、アプリリソースになる画像もどんどん肥大化する傾向にあります。このままでは巨大な画像リソースばかりになってしまうでしょう。そこで注目したいのがSVGやアイコンフォントです。今回紹介するfeathericonはSVG/アイコンフォントも提供されたシンプルなアイコンセットです。Goが人気のため、関連するソフトウェアが次々と生み出されています。Goで使えるツール系ですが、そうではないものもたくさんあります。それらを使うと常にポケモンを意識できるようになるでしょう。Pokemonを紹介します。手作り感あるアイコン集Webサイトやアプリを作る際に必須なのがアイコンです。最近はフラットUIやマテリアルデザインの影響で、とてもシンプルなものが多くなっていますが、やはりアイコンは作りたいものに合わせて選ぶのが良いでしょう。Iconを紹介します。くる時があるはずです。300種類のフラットアイコン集Webサイトのデザイントレンドに合わせて必要になるのがアイコンです。昔はリアルなものが好まれ、さらに小さくなり、フラット、マテリアルと様々なアイコンが望まれるようになっています。最近はアイコンを画像で提供することが少なくなってきています。バイナリなのでサイズの可変に弱く、サイズも大きくなりがちです。Fontなのですが、こちらもちょっとした内容なのにサイズが大きくなってしまいがちです。そこで使ってみたいのがlittleboxです。Phone/BlackBerryでの利用を想定したシャープなアイコンセット素敵なアイコンを探す旅は永遠に終わりません。ある時には小さくて可愛らしいものが流行ったかと思うと、次はシンプルでフラットなものが流行になります。古くさいデザインにならないためにも常に先進的デザインを追いかけなければなりません。今回は新しいアイコンセット、Subwayを紹介します。${article.post_date_view}${article.post_title}${article.except_content}プレミアムでしか読めない記事が730あります。blockworks。