これさえあればシステム構成図がだいたい描けるアイコンセットを公開します！ | フューチャー技術ブログ
🚧新しいVersionが公開されています🚧 こちらの記事もどうぞ確認ください。 これさえあればサービス構成図がだいたい描けるアイコンセットを公開します！ こんにちは。@chanomaruです。 みなさん、スライドを作ってますか？ 最近はビジネスパーソンだけでなく、学生さんもプレゼンテーションをする機会が多くなってきていますよね。 エンジニアがよく作るスライドの一つにシステム構成図があります。 わたしもシステムがどのような構造になっているかを説明する際によく作成しています。 システム構成図では各技術要素をアイコンで表現することが多いです。 しかし「ロードバランサー」や「キュー」など、よく使うわりにアイコンを探しにくいモチーフも多いですよね？ ・・・ということで、社内で利用されている 「これさえあればシステム構成図がだいたい描けるアイコンセット」を公開します！ アイコンセット含まれているア
2015年版: ホームアイコンの指定方法まとめ - console.lealog();
調べては忘れを毎回繰り返すのもなんだかなーと思ったので、まとめておきます。 ちなみに、iOS/Androidのことしか書きません。 iOSは5以上、Androidは4以上のOSバージョンを対象としてます。 OperaとかMetroとかFireFoxとかは知りません！もっと頑張ってください！ あくまでこの記事を投稿した時点でのものです！ 全般 拡張子はpng 勝手に角丸になるので四角のまま書き出してOK Safari(iOS) いちおう公式のドキュメントはこちら。 Configuring Web Applications で、実は指定方法が2つありまして、 HTMLで指定する方法(おそらく一般的) ドキュメントルートに画像を配置する方法 以下それぞれ。 HTMLで指定する場合 <link rel="apple-touch-icon" href="/path/to/icon.png"> ってr
マイクロソフトが提供しているアイコンセットまとめ – プログラミング生放送
マイクロソフトが提供しているプレゼンやアプリなどに使えるアイコンを、知っている範囲で最近のものをまとめました。 Cloud and Enterprise Symbol/Icon set Cloud and Enterprise Symbol/Icon set は、UX グループが Azure 向けに作成した200個以上のアイコンセットです。PNG 画像と Visio ステンシルがダウンロードできます。 新サービスのリリース時と四半期ごとに更新が予定されているようです（現在は、4月に更新された Ver. 2.22）。アンケートやメールでのフィードバックも受け付けています。 基本は、Azure 関連のアイコンですが、一般的なアイコンも含まれています。資料作成などの用途に広く使えます。 You can use them in architecture diagrams, training mat
サイトのドメインからブログ家紋を作ってみる試み
WordPressのアバターなどに使われているGravatarやGitHubでは、Identiconという画像を作成することができます。 こういうやつ。 これは、メールアドレスの文字列から、そのメールだけのためにユニーク（一意）な画像を作成してくれます。メールアドレスが、1文字でも違えば、画像は全く違うものになります。 で、こういったIdenticonを見ていて、ふと、「サイトのドメインはユニークなものなので、Identiconでブログの家紋（ログ紋）みたいなものをつくれないかな？」と思いました。 で、Gravatarには開発者向け資料にAPIも公開されていたので、早速、ショートコードでブログの家紋をつくれるようにコードを書いてみました。 photo by Rubber Soul
Schooのデザイナーに聞いた、Webサイト制作に使えるフリーアイコン5選 - 2015/02/06 [Schoo]
Webサイトやアプリの制作の際に欠かせないものの１つに”アイコン”があります。しかし、 「自分で作るのは大変…。」 「お金をかけたくない！」 「プロは、どうしてるのかな…？」 こんな悩みを抱えている人も多いはず。そこで今回はSchooのデザインを手がけているデザイナーが実際に使っているおすすめのフリーアイコンサイトを5つご紹介します♪ ■目次 1.Font Awesome 2.ICON FINDER 3.flaticon 4.ヒューマンピクトグラム2.0 5.IcoMoon 1.Font Awesome スクーのサイト内のいたるところで使用している、Webフォントのアイコンサイト。 こちらのサイトのWebフォントのアイコンを使えば、画像を作らなくてもサイトにワンポイントで配置できます。 又フォントとして利用できるため、サイズや色をCSSで変更することが可能です。 2.ICON FINDER
![Schooのデザイナーに聞いた、Webサイト制作に使えるフリーアイコン5選 - 2015/02/06 [Schoo]](https://cdn-ak-scissors.b.st-hatena.com/image/square/c7e5e78173c1b358f770e033408afa8394bd779f/height=288;version=1;width=512/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fi.schoo%2Fimages%2Farticle%2Fdesign%2Fwdkj25_7.png)
操作説明時などに利用できる、フリーのジェスチャーアイコンセット 10 - NxWorld
アプリの操作方法やサービスの使い方を説明するときなどに利用することがあると思うジェスチャーアイコンのまとめです。 シンプルなデザインのものが多めですが、中には100種類以上が詰まった大容量なものや手だけでなくデバイスも込みで作られているもの、タップ・スワイプ・ピンチインといったようにそれぞれの動作がどのような呼び名なのかわかりやすくしてくれているものもあります。 紹介しているアイコンを使用する際は、ライセンス等は各自で再度確認してください。
繊細なラインで描かれたwebデザインテーマのイラストアイコン「Web Design Icon Set」
なにかと便利に活躍してくれるアイコン。フリーで利用できるものも多数配布されており、気に入ったものを見つけたらストックされている方も多いと思います。そんな中今回紹介するのは、繊細なラインで描かれたwebデザインテーマのイラストアイコン「Web Design Icon Set」です。 webデザインをテーマとしたアイコンが、PNG、PSD、Aiという3形式でまとめられています。 詳しくは以下 デスクトップPC、ノートPC、タブレット、スマートフォンなどのデバイス本体各種から、ブラウザ、ルーペ、フォント、カラーパレットなど、webデザインに関連するデザインアイコンが描かれており、シックな色合いで統一されています。どこかレトロな雰囲気も感じさせてくれ、デザインに個性を演出したい時などにも活躍してくれるのではないでしょうか？ もっていると、いざという時に便利に利用できると思いますので、この機会にダウ
ユーザーは苦しんでいる。タッチしやすいアイコンの大きさは？ | coromos
アイコンの大きさ、適当に決めていませんか？ ユーザーはおもった以上にアイコンをタッチすることに苦労しています。 最適な大きさのアイコンはどのようなアイコンなのでしょうか。ダーツでブルに命中させることは、ダーツ盤の他のどの場所に命中させるより難しいことです。これは、ブルが最も小さい的だからですね。スマートフォンのアイコンを触る事にも同じ原理が当てはます。 ユーザーにとって、小さなアイコンは、大きなアイコンを触るのよりも難しいことです。あなたがスマートフォンのインターフェースをデザインする時は、ユーザーがタップしやすいようアイコンを大きく作るのが望ましいことです。しかし、具体的にはどうやってユーザーの大半が最も使いやすいように作るのでしょう？多くのスマートフォンの開発者はこの事について考え、その殆どが、答えをシステムの開発者が提供したインターフェースのガイドラインに頼ってきました。 携帯の
いざというときに便利そうな、ちょっと変わった珍しいアイコンセット - NxWorld
汎用性が高いUIアイコンなどと比べると使う場面は少ないものの、いざ使いたいときに便利そうなものやあまり見かけないタイプだと個人的に思ったアイコンセットのまとめで、過去に紹介してきたものをひとまとめにしました。 既に公開・配布終了しているものも一部あるのですが、ファイルダウンロード自体はできなくともデザイン的にはそのまま参考になることもあるので、そういったものはキャプチャが小さめではありますがリンク設定のみ解除する形で紹介します。 紹介しているアイコンを使用する際は、ライセンス等は各自で再度確認してください。 リンクが未設定で配布形式も記載されていないものは公開・配布終了しているものです。
手描きのさまざまなアイコンフォントやUIをダウンロードできる「Hand Drawn Goods」
豊富にインターネット上で配布されている素材にはいろいろなテイストがあり、制作しているデザインに合わせて選ぶことができるようになっています。そんな中今回紹介するのは、手描きのさまざまなアイコンフォントやUIをダウンロードできる「Hand Drawn Goods」です。 ラフな雰囲気の手描きアイコンフォントがいろいろなテーマで用意されており、それぞれフリーで手に入れることができます。 詳しくは以下 ラフ制作や企画書提案などに利用できる「Jolly UI Free — free hand-drawn UI kit」や、比較的定番の種類を集めたアイコンフォント「Jolly Icons Free Fon」、また個性的なイラストを集めたアイコンセット「Brainy Icons Free 」など、いろんな種類が揃っているのが魅力。手描きの雰囲気にも味があり、使うだけで印象的なデザインに仕上げることができ
Iconion : Free Icon Maker
Iconion: awesome icon creator Iconion allows you to convert any icon font into fantastic-looking png icons by adding color, shadow, background, gradient, stroke and many other fancy elements. Iconion Icon Generator Icon fonts are an exciting method that gives web designers the scalability, flexibility, and performance to manipulate the icons. But what if you need to use these icons in a desktop or
交通情報系アプリのアイコンを変わった視点で調べてみた : 東京都立 戯言学園
…が多いであろう。という結果となりました。（ザキヤマ調べ こうして整理してみると、結構な比率で傾向値があるんですね。 誰か定説とか知ってる方いたら教えてください。
Facebook、Twitter、Google+、YouTubeの適切なカバー画像とアイコンのサイズは？
TOPBLOGMARKETINGFacebook、Twitter、Google+、YouTubeの適切なカバー画像とアイコンのサイズは？ 更新：2014/07/11(Twitter,google+) ソーシャルメディアでの顔とも呼べるアイコンと、その背景となるカバー画像。みなさんは適切なサイズのものを利用していますか？ 今回はFacebook、Twitter、Google+、YouTubeのサイズを調べてみました。最後に、簡単に作成できるツールもご紹介しますので、ぜひご覧ください！ 1. Facebook Facebookのカバー写真は、横851px × 縦315pxで表示されます。Facebookはヘルプページで、851px × 315pxで、100キロバイト以下のJPG画像を利用するよう推奨しています。これは表示されたときに綺麗で、かつ読み込みに時間がかからないためです。 プロフィール
和をデザインする、日本の風習を伝える100のアイコン素材（コリス限定で無料です）
日本の風習100種類をピクトグラムで表現したアイコン素材を紹介します。 Twitterで何回かつぶやいていたのは、これです。 コリス タイアップ企画として3日間限定で無料でダウンロードできます。 作者の方に感謝です！ 日本の風習を伝える100のアイコン 日本の風習を伝える100のアイコン ダウンロードできる素材のフォーマットは通常は、.pngと.psdでレイヤーがフラットな状態ですが、今回3日間限定でベクターの.psdと.aiも無料でダウンロードできます！ 通常版 .png .psd（レイヤーがフラット） 期間限定版 .png .psd（ベクター付き） .ai 通常版でももちろん十分利用できますが、作者の方にベクターの配布をお願いしたところ期間限定で、ということになりました。 という訳で、一足お先に頂いたベクターの.psdです。 やっぱりベクターでアイコンを見るといいですね。 素材の利用に
もうアイコンには困らないぞ！ 11,245個のピクトグラムのアイコンがダウンロードできる -flaticon
10,000個以上あっても品質はどうよ、と思う人もいるかもしれませんが、サイトを運営しているのは当ブログともコラボしたfreepik.com！ 彼らのアイコンをはじめ、質の高いアイコンが揃っています。 ちなみに、コラボしたのはCelebrations Icon Setです。
45万回のアイコンABテストにみる、ダウンロードされやすいアイコンの特徴とは？ – 佐藤航陽のブログ
決済サービス「spike（スパイク）」のリリースのほうに時間を割いていて、ブログの更新が滞っていました。。。何かの片手間でブログを続けるってなかなか難しい。気分転換にブログを新しくしました。調べるおタカノリさんやサイプロさんスゲーなと思うこの頃です。 先日Google Playがリニューアルされた記事をアップして、アイコンの大きさが２倍になり、今後Google Playでますます重要になるなと感じたわけですが、７月の末に今度はPC版のGoogle Playもリニューアルされてダウンロードページのクリエイティブがアイコンとスプラッシュだけになってしまいました。以前は大きい長方形のバナーが表示されていましが、こちらは使われるのはGoogleのおすすめに入ったときだけで、ほとんどのディベロッパーには無縁のものになってしまっています。 今後アイコンが重要になってくる流れは間違いないので、これを無料
【厳選】日本の全iOSプログラマに捧ぐ！iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 | DX.univ
iOSアプリ開発担当の菅原です。 iPhoneやiPadのア[...]【厳選】日本の全iOSプログラマに捧ぐ！iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 by Yu Sugawara in Design · Mobile — 2013/07/18 iOSアプリ開発担当の菅原です。 iPhoneやiPadのアプリ開発はすべて一人で販売するところまで持っていけるのが魅力の1つです。 アプリ開発作業を大きく分類しますと プログラム デザイン 販売 にわかれます。販売に関してはAppStoreがあるので、心配はありません。残りのプログラムとデザインですが、なかなか両方を得意にするというのが難しいと思います。僕はプログラムは出来るのですがデザインがからっきしダメです。 今日はそういったデザインが苦手なプログラマ向けに参考になるデザインリンク集をご紹介いたします。個人のアプリ開
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
丸みを帯びた可愛らしい、シンプルなアイコンフォント・DRIPICONS
SEOに関連するフラットなアイコン60個セット:phpspot開発日誌