これさえあればシステム構成図がだいたい描けるアイコンセットを公開します！ | フューチャー技術ブログ
🚧新しいVersionが公開されています🚧 こちらの記事もどうぞ確認ください。 これさえあればサービス構成図がだいたい描けるアイコンセットを公開します！ こんにちは。@chanomaruです。 みなさん、スライドを作ってますか？ 最近はビジネスパーソンだけでなく、学生さんもプレゼンテーションをする機会が多くなってきていますよね。 エンジニアがよく作るスライドの1つにシステム構成図があります。 わたしもシステムがどのような構造になっているかを説明する際によく作成しています。 システム構成図では各技術要素をアイコンで表現することが多いです。 しかし「ロードバランサー」や「キュー」など、よく使うわりにアイコンを探しにくいモチーフも多いですよね？ …ということで、社内で利用されている 「これさえあればシステム構成図がだいたい描けるアイコンセット」を公開します！ アイコンセット含まれているアイコ
本当は教えたくないイケてるアイコン素材集サイト「FLAT ICON DESIGN」がすごい
パワーポイント等で資料を作ることがあるのですが、自分でも「もうちょっといけてる感じにならないかな」と思うことがあります。 そんなときに頼りになるのがアイコン素材集サイト。今回はその中でも、本当は誰にも教えたくないイケてるサイトをご紹介します。 FLAT ICON DESIGN FLAT ICON DESIGNのなにがイケてるかって、 アイコンのデザインの質が高いアイコンの数・種類が多いタグで探せるサイズや拡張子を選択できる背景有無など1つのアイコンに複数のバリエーションがあるアイコンにしっかりした説明文が書いてある商用利用無料という感じ。すごいです。 ここのアイコンを資料に少し入れるだけで、それっぽくすることができます。 最近ちょこちょこ使うアイコンをご紹介します。 imac風のデスクトップPCimac風のデスクトップPCのイラストアイコン素材です。最近ではWEBページはレスポンシブルデザ
IconJarが神 | murmuring design
こんにちは、最近「IconJar」というアプリがお気に入りなのでご紹介しますね。 概要： IconJarはOS X用のアプリケーションです。 現在こちら からベータ版が無料ダウンロード可能。ひとことでいうと、「アイコンを管理していつでも呼び出せるツール」です。名前そのままですね。 実際使ってみる： セットアップできたら、早速使ってみましょう。 使い方は簡単。対応している形式（PNG、SVG、GIF、TTF、OTF）のアイコンファイルをドサッとドラッグ＆ドロップするだけ。あとはいい感じにIconJarがまとめてくれます。 タグ付けや、フォルダ管理ができます。もちろん複数選択での一括編集も可能。不思議なことに、四角いマークには“Square”など、インテリジェントなタグ付けがなされます。だいたい、突っ込むだけでOKです。 あとは、使いたくなったときにIconJarを呼び出して、お好きなアイ
全310種、美しいソリッドなラインで描かれたかわいいアイコン素材 -Elegant Icon Font
ブログでも企業サイトでもよく見かける310種類のアイテムを美しいエレガントなラインで描いたアイコンフォントを紹介します。 Webフォントとして利用できるので、サイズやカラーなど変更しても美しいまま利用できます。.pngも入ってるので、画像で利用してもOK。 Elegant Icon Font ダウンロードできるアイコンのフォーマットは3種類。 フォント（.ttf, .woff, .eot） ベクター（.svg） 透過PNG（.png） Webフォント用のHTML/CSSも用意されているので、初心者も簡単に実装することができます。 アイコンのアイテムは全部で、310種類！ アロー、サーチ、ホームなど、よく利用するものをはじめ、ショッピングカート、タグ、クリップ、インフォーメーションなど、さまざまなものが揃っています。 以下、アイコンの全種類です。 ますは、ソリッドなラインでデザインされたもの
GoogleのアイコンなどのデザインガイドラインをGoogleのデザイナーが公開中
ChromeやGmailのアイコンはシンプルであり、一度使うと見るだけでそのアイコンが何を示すのかわかりやすくデザインされているのが特徴的です。そんな企業秘密とも言えそうなGoogleのアイコンやロゴのデザインガイドラインをGoogleのグラフィックデザイナーであるロジャー・オドン氏がBehanceで公開しています。 Google Visual Assets Guidelines - Part 1 on Behance http://www.behance.net/gallery/Google-Visual-Assets-Guidelines-Part-1/9028077 Google Visual Assets Guidelines - Part 2 on Behance http://www.behance.net/gallery/Google-Visual-Assets-Guidel
iOS 7のアイコンがさっそくリデザインされて超クールに！ こっちの方がいい | NANOKAMO BLOG
どうも@kuroji1987です。 なんども言いますが、やっぱりiOS 7のアイコンはダサい！ カッコ悪い！ ダメダメだ！ でもそう思っていたのは僕だけではないようです。デザイナーのレオ・ドレイポー（Leo Drapeau）氏が、発表されたばかりのiOS 7のアイコンをリデザインしてDribbbleに公開していたのでご紹介します。 左がドレイポー氏作のアイコンで、右がオリジナル。僕は断然ドレイポー派！！ その他のデザイン案は以下のとおり。コンパスのアイコンが2パターン用意されていますね。 投稿のコメント欄も「こっちのがいいね！」というコメントで溢れていました。僕もそうおもいます。デザインに関しては素人なので感覚的な話になりますけど、ドレイポー氏のデザインしたアイコンの方がバランスが良いように思いました。特にカメラアイコンが素晴らしいなぁと。 僕の期待していたアイコンってこっちのはずだったん
Ligature Symbols
HTML & CSS Please copy & paste this code to your HTML file or Stylesheet. <p>Simple use for mailto link.</p> <a href="mailto:mail@example.com" class="lsf">mail</a> <p>Use tha icon with text.</p> <a href="http://twitter.com/" class="lsf-icon" title="twitter">Twitter</a> <p>Use tha icon with unicode.</p> <a href="http://amazon.com/" class="lsf-icon amazon">Amazon</a> /* CSS */ @font-face { font-fami
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Icons | Font Awesome
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
2014年、無料で商用利用できる最新フリーアイコン素材のまとめ
これ以上ないくらいミニマルにデザインされたフリーのアイコン素材 -Simple Line Icons
http://shingekidesign.com/?p=116