ユーザーが一目で分かるよう精巧で、幾何学的な美しい図形でデザインされたユーザインターフェース用のSVGのアイコン素材を紹介します。 個人でも商用でも無料で、企業サイトなどにも利用できます。
小さくてもくっきり見えてすごい！精巧で美しくデザインされたSVGのフリーアイコン素材 -Zondicons
ユーザーが一目で分かるよう精巧で、幾何学的な美しい図形でデザインされたユーザインターフェース用のSVGのアイコン素材を紹介します。 個人でも商用でも無料で、企業サイトなどにも利用できます。
これぞプロのデザインテクニック！簡単なのにすごい、アイコンを作るテクニックのまとめ
オリジナルのアイコンを作るシンプルで簡単なデザインテクニックを紹介します。 円や矩形などの基本的な形を組み合わせたり、変形させたりして、さまざまなアイコンを作成します。 作業に慣れてしまえば、どれも1分もかからずにアイコンを作成できます。 The Super Simple Guide to Iconography 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 目のアイコンの作り方 矢印のアイコンの作り方 バッテリーのアイコンの作り方 箇条書きリストのアイコンの作り方 クラウドのアイコンの作り方 次に進むのアイコンの作り方 ファンネルのアイコンの作り方 プレイ・ポーズのアイコンの作り方 位置矢印のアイコンの作り方 位置ピンのアイコンの作り方 サウンドのアイコンの作り方 ウェーブのアイコンの作り方 Toptalのアイコンの作り方
よく使うアイコンWebフォントのフォントセットとジェネレーターまとめ
Webページ上でベクターのアイコンを簡単に表示できる憎いアイツ。そう、アイコンWebフォント。 Retinaディスプレイでも綺麗に表示されるし導入は（そんなに）難しくないし至れりつくせり。 セマンティック？なにそれおいしいの？ そんなわけで今回はよく使っておりますアイコンWebフォントのセットと、ジェネレーターをまとめてみました。 ※紹介しているフォントを使用する際は、ライセンスを必ずご確認ください。 Font Awesome とっても有名なアイコンフォント、Font Awesome。600を超えるアイコンを使用できるのが特徴です。ソーシャル系のアイコンも揃っております。線のRは少し強めの印象。 個人・商用利用なのも嬉しい。 Font Awesome, the iconic font and CSS toolkit Entypo キリッとしたアイコンがエレガントなイメージなのがEntypo
いざというときに便利そうな、ちょっと変わった珍しいアイコンセット - NxWorld
汎用性が高いUIアイコンなどと比べると使う場面は少ないものの、いざ使いたいときに便利そうなものやあまり見かけないタイプだと個人的に思ったアイコンセットのまとめで、過去に紹介してきたものをひとまとめにしました。 既に公開・配布終了しているものも一部あるのですが、ファイルダウンロード自体はできなくともデザイン的にはそのまま参考になることもあるので、そういったものはキャプチャが小さめではありますがリンク設定のみ解除する形で紹介します。 紹介しているアイコンを使用する際は、ライセンス等は各自で再度確認してください。 リンクが未設定で配布形式も記載されていないものは公開・配布終了しているものです。
Appleとアイコンの未来を切り開いたグラフィックデザイナーとは？
コンピューターを使っているとアイコンを目にしない日はないほど、アイコンとコンピューターは切っても切れない関係にありますが、今日使われているアイコンに大きく寄与した人としてグラフィックデザイナーのスーザン・ケアさんが挙げられます。Apple社員として働いていたケアさんですが、彼女が一体何をして、どのようにアイコンの未来を切り開いたかについて、Priceonomicsがまとめています。 The Woman Behind Apple's First Icons http://priceonomics.com/the-woman-behind-apples-first-icons/ ◆グラフィカル・ユーザー・インターフェースの歴史 1984年にMacintoshが発売された時、シンプルで親しみやすいインターフェースが売りでした。しかし、このシンプルなインターフェースが完成するまでには歴史があったの
AppleのUXエバンジェリストが教える、優れたアプリアイコンをデザインする6つの秘訣 ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
久々にこんなベタな記事を載せてみたかった、ということで今日もアプリで一獲千金の夢を描いているあなたに送る、より注目を集めるアプリアイコンのデザイン手法についてまとめた記事をThe Next Webから。リリースしても注目を集めるのは至難の業なのがスマホアプリの世界。SEOも微妙な感じですし、広告費を投入するしか露出の手段はないのか、、、という感じですが、アイコンのデザインが良ければ他アプリより目立った露出とダウンロードを獲得できるかも？それが全てではないでしょうが、プラスになるには間違いない、アイコンデザインのティップス集です。 — SEO Japan これは、アイコン用検索エンジンIconFinderの創設者、Martin LeBlancによるゲスト投稿。彼をTwitterフォローするにはこちら。 6月にサンフランシスコで開催されたWWDCイベントの直後、大量のiOS7リソースがウェブ上
ウェブでも紙でもOK！汎用性に優れた1400種類のシンプルなアイコン素材（コリス限定） -Universal Icon Sets
お待たせしました！ 先日、Twitterでつぶやいたコリス タイアップ企画のアイコン素材を紹介します。 当ブログでもお馴染みのFreepik.comから、100アイテム14セットの計1,400個が揃ったアイコン素材がコリス限定でダウンロードできます！ Freepik.comはウェブやグラフィックデザイナーのためのベクターやイラストやPSD素材の検索エンジンで、日本語環境でももちろん利用できます。アイコンに特化したflaticon.comも運営しており、こちらには現在18,000個以上のアイコンが登録されています。 Freepik.comでアイコンの検索する時は、下記のページからが便利です。 Freepik.comでアイコンを探す 今日は、汎用性に優れた使いやすいアイコンをコリスのビジター向けにまとめてくれました。 ダウンロードできるアイコン素材のフォーマットは下記の通り。 .png （すぐ
商用利用無料ベクター完備！陸海空の乗り物や交通関係のアイコン素材 -Transport Icons Pack
自転車やバイク、クルマ、バス、電車、ヨット、船、飛行機、ロケットなどの陸海空の乗り物をはじめ、道路や橋などのアイテムも揃ってるアイコン素材を紹介します。 制作は当ブログでもお馴染みのfreepik.com！ すぐに使えるPNGが3サイズだけでなく、PSDやベクターもダウンロードできます。 150 Royalty-Free Transport Icons Pack ダウンロードできる素材のフォーマットはウェブ制作でよく利用するPSDをはじめ、各種ベクター、すぐ使う人用のPNGまで揃っています。 .psd .ai .eps .svg .png (32px, 64px, 128px) ベクターもダウンロードできるのは嬉しいですね。 PSDもベクターです。 アイコンはベクター素材も 素材の利用にあたっては個人でも商用でも無料で、ウェブでも紙でもOK、ロイヤリティフリーとのことです。 クレジット表記
iOS 7のアイコンデザイン、どうなんでしょう？
期待大！ だっただけに、若干肩透かしも。 iOS 7、デベロッパー向けのβ版はすでに使える状態になっています。今回はiOS 6まで責任者を務めたスコット・フォーストール氏に代わり、ジョナサン・アイヴ氏が指揮をとって｢フラットなデザイン｣に一新されました。これについて好き嫌いは人によって人によって違うと思いますが、デザイナーのイアン・ストーム・テイラーさんは、｢アイコンがちょっと...｣と批判的です。どこがどう問題なんでしょうか？ 以下、テイラーさんのブログから許可を得て米Gizmodoに転載された内容です。 ｢子供っぽい。｣iOS 7について、僕が初めて聞いた反応がこれでした。僕も正直、初めてiOS 7を見たときはちょっと｢えぇぇ｣って感じでした。僕はシンプルさを愛するデザイナーとして、ジョナサン・アイヴ氏の新鮮でクリーンなiOSを楽しみにしていたんです。でも、発表されたアイコンはまるで急
2012年、ピクトグラムのアイコン素材のまとめ、全部商用無料です！
全部ダウンロードしたら4000種以上！ 商用でも無料で利用できる、小さいサイズからゆる～いデザインのピクトグラムのアイコン素材を紹介します。 ※アイコンをご利用の際は、必ずライセンスを確認してください。
iPhone 5でGoogleマップのフルスクリーンWebアプリのアイコンを簡単かつ自由に設定する方法 - もとまか日記
以前書いた、Googleマップを更にアプリっぽくする方法。 iPhone 5でGoogleマップのWebアプリを更にアプリっぽく使う方法 この中で個人的に不満だったのがアイコンのこと。アイコンも変更出来なくはないけど、少々敷居が高いのが難点。 どうせなら、アイコンを自由に設定したい！！ と思ったので、アイコンを自由に設定する方法のメモ。 必要なアプリ ホームのアイコンカスタマイズと言えば毎度おなじみ！ってことで、以下のアプリを使います。 Touch Icon Creator カテゴリ: ユーティリティ ￥85 ホームに便利なアイコンを追加できるアプリ 必要なブックマークレット 今回の方法では、以下のブックマークレットを使う必要があります。javascript:prompt('',"data:text/html;charset=UTF-8,"+document.documentElement
iconmonstr - Free simple icons for your next project
To use this icon, you must first accept the license agreement.
６００以上のシンプルなベクターアイコンが入手できる「iconmonstr」:phpspot開発日誌
iconmonstr ６００以上のシンプルなベクターアイコンが入手できる「iconmonstr」。 次のようなシンプルなベクターアイコンが６００種類以上公開されています。 Twitterだと公式アイコンもありますし、若干アレンジしたデザインのものもあります。 とにかく種類が豊富でベクターなのでリサイズ可能というところでのアイコンをお探しの方には調度良いかも。 全体的にクオリティは統一されていて使いやすそうです 関連エントリ RetinaディスプレイOKなアプリ用PSDアイコン350 綺麗にデザインされたピクトグラムアイコン100個セット iOSのAppアイコン作成用PSDテンプレート フリーのアイコンフォント１０まとめ
この小ささはもう限界でしょ、極小ピコサイズのアイコン素材 -Pico icons
Pico icons - 9x9px #2 [ad#ad-2] アイコン名の『Pico』は、ミリが0.001、マイクロが0.000 001、ナノが0.000 000 001、ときてその次の、ピコの0.000 000 000 001 でしょうか。 まあ、かなり小さいのは確かです。 ダウンロードできるアイコン素材のデザインは全85種、フォーマットはPNGで、サイズはもちろん全部9pxです。 素材の利用にあたっては個人でも商用でも無料、とのことです。 ピコだけど、太っ腹！
商用利用も無料！ ピクトグラムのアイコン素材のまとめ
全部ダウンロードしたら、3000種以上！ 商用でも無料で利用できる、ピクトグラムのアイコン素材を紹介します。 ※アイコンをご利用の際は、必ずライセンスを確認してください。
Web Icon Fonts | chibatch.jp
Web Icon Fonts Webフォントで使えるアイコンセット。IE8以下では使えないです。iOS4.1以下も多分見られない。 _Download(35KB) @font-face{ font-family: 'WebIconFonts'; src: url('WebIconFonts.woff') format('woff'), url('WebIconFonts.ttf') format('truetype'); } .icon { font-family: WebIconFonts; } Arrows !Back! 1Back1 #Forward# 3Forward3 $Up$ 4Up4 %Down% 5Down5 &Done& 6Done6 'Close' 7Close7 (Plus( 8Plus8 )Minus) 9Minus9 Social Networks AAmazon
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【保存版】iOS 7のインターフェイスやアイコンを作成するのに役立つデザイン用の素材・チートシートのまとめ
★iPhone/iPadのホーム画面用アイコンapple-touch-icon.pngをサイトに設定しよう | 編集長ブログ―安田英久 | Web担当者Forum
iconmonstr - Free simple icons for your next project
新着記事
