【トレンド分析】最近のアイコンのデザインが似通ってきている問題 デザイン会社 ビートラックス: ブログ
最近のスタートアップにおけるロゴトレンドでは、そのスタイルに多くの類似性があることがわかった。その中でも、特にスマホ向けのアプリの影響でアイコンの存在がそのブランドを強く印象づける役割を果たしている。 【トレンド分析】最近のロゴデザインが似通ってきている問題 – 第2弾 多くのアイコンがどんどんカラフルに限られたスペースに複数のアイコンが並ぶスマホのホーム画面で存在感を出すためなのか、最近のアイコンはどんどんカラフルになってきている。これは、画面の解像度が上がってきている恩恵でもあるが、どんどん没個性にもつながっている。 カラフルアイコンの代表的なのがインスタグラム。インスタは2016年にそれまでのカメラ風のアイコンから、思い切ってカラフルなグラデーションを取り入れたアイコンにリデザインを行った。 Googleサービスの見分けをつけるのが難易度高めカラフルなカラースキームの代表といえばGo
アイコンフォントの使い方と注意点
昨今のウェブ制作でアイコンの実装には何が使われているんでしょうか？ アイコンフォントが主流なんでしょうか？それともSVGアイコン？ このブログではIcoMoon で作ったアイコンフォントを使っているのですがSVGアイコンに移行しようか迷っています。 アイコンフォントにはいくつか問題があるし、サポート対象ブラウザがIE 9+ / Android 3+で行けるならSVGのほうがアクセシブルだしSVGアイコンのほうがいいなんていうCSS-Tricksの記事 もありますし、watchOS 5ではWebフォントがサポートされないそうですし。Apple Watch対応いらなくね？という話は置いておいてw やっぱり時代はSVGアイコンですかね？笑 ただ、移行する前にもう一度アイコンフォントについて整理してから判断しようと思っています。アイコンフォントは便利なんで捨て難いんですよね。 ということで、アイコ
無料でいろいろなウェブアプリ・ネットサービスのSVG形式アイコンが使える「Simple Icons」
「Simple Icons」では、Instagram・Google Analytics・Spotify・iFixitなど、様々なウェブアプリやネットサービスのSVG形式アイコンファイルが合計で351種類、パブリックドメインで提供されていて、誰でも自由に使うことができます。 Simple Icons https://simpleicons.org/ アイコンはデフォルトだと背景色ごとに並べられています。上の方は赤系統。 そして黄色から緑、水色へ。 最後は青系統と黒。 一覧の左上には検索ボックスがあり、名前での検索も可能。たとえば「in」と入力すると「JustGiving」から始まって「Instagram」「Nintendo Switch」「Origin」などが引っかかりました。 なお、各アイコンをクリックするとSVG形式のファイルがダウンロードできます。
Advent Calendar 3日目:SVG画像を1キロバイトでも削るダイエット術！ - 聴く耳を持たない(片方しか)
これは GraphicalWeb (CSS, SVG, WebGL etc) Advent Calendar 2012 - Adventar への参加の記事です。 3日目の今日は私 id:rikuo がSVG画像ファイルの軽量化テクニックを取り上げてみます。 ちょっと長くなってしまったので、ご注意ください。 はじめに、SVGとは？ まず始めに、SVGとは何か？の簡単な説明です。 SVGとはScalable Vector Graphics（スケーラブルベクターグラフィックス）の略で、XMLを基盤に書かれた画像記述言語、またはベクター画像ファイルのことです。画像ファイルというと、JPEG、GIF、PNGまたBMPなどはよく知られていますね。それらの画像はピクセル（ドット）ごとに色を表現したもので、総じてラスター（ビットマップ）画像と呼ばれています。 対してSVGは座標や図形で扱うため、拡大・縮
システム構成図やプレゼンテーション資料などで自由に使える「さくらのアイコンセット」を公開いたしました。 | さくらのナレッジ
「さくらのアイコンセット」とは？ 「さくらのアイコンセット」は、サーバやストレージなどインフラに関連したアイコンをセットにしたものです。当社サービスをご利用をされている方はもちろん、当社サービスをご利用でない方でも、ホワイトペーパー、システム構成図、プレゼンテーション資料など様々な用途にご利用いただけます。 >>こちらからダウンロードできます。 《ライセンス》 SAKURA internet Inc. クリエイティブ・コモンズの 表示 4.0 国際 ライセンスで提供されています。 《アイコンの紹介》 「さくらのアイコンセット」を含まれるアイコンについては、下記のアイコンとなります。 1 ： general 様々な用途でご利用できる汎用的なアイコン集です。 2 ： programming PHPやPythonなどのプログラミング言語のアイコン集です。 3 ： server-parts CPU
イラストレータからコピペするだけでSVGが使えることを知りました。 - megane9988のブログ
先日行われました、CPI x CSS Nite x 優クリエイト「After Dark」（17）「webクリエイターのための情報交換所 2014年振り返りスペシャル」（2014年12月18日開催） において、LTで デザイン事務所 TIMINGの北村さんが紹介していた。SVGファイルをイラレから、コピペでWebに利用できるという内容が衝撃的なぐらい簡単で使いやすそうだったので紹介します。該当のセッションのスライドは下記です。 そうすると、下記のようなズラズラーとっとした文字列が張り付きます <!– Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In –> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999
Scalable Vector Graphics
アドビは世界を変えるデジタルエクスペリエンスを提供しています。アドビのクリエイティブ、マーケティング、ドキュメントソリューションは、新進アーティストからグローバルブランドまでのあらゆるデジタルコンテンツを適切なタイミングで適切な人に提供することで最高の結果の実現を支援します。 SVGゾーン Adobe SVGゾーンへようこそ。Scalable Vector Graphics (SVG)というのは、World Wide Web Consortium (W3C)が提唱する、新しい可能性を秘めた、Webグラフィックス用のXMLベースの言語です。 このエリアでは、Webデザイナー向けに、SVGを利用したサイト作成に関する情報を提供します。ダウンロード・エリアでは、SVGの作成を始めるにあたって必要なコンポーネントをすべて、ダウンロードすることができます。また文書資料セクションには、最新のリリースノ
保存アイコン＝フロッピーディスクの時代は終わった…？ | Goodpatch Blog
まずはアイコン素材配布サイトから。 今は無料で使えるアイコン素材配布サイトが多いので、ここからダウンロードしてデザインする時に使う人も多いのではないでしょうか。まずはそのアイコン素材配布サイトで”save”と検索した結果を見てきます。 iconmonstr http://iconmonstr.com/ 以前にもMEMOPATCHで紹介した事のあるサイトです。ここはフロッピーディスクもありますがクラウドっぽいアイコンや下向き矢印のアイコンもありますね。 softicons http://www.softicons.com/ こちらはほとんどフロッピーディスクのアイコンです。しかも立体的なアイコンが多いです。 iconfinder http://www.iconfinder.com/ こちらもフロッピーディスクのアイコンが多いですが、下矢印やチェックマークもあります。 次に有名なサービスやアプ
Eclipse Icons
The icons are part of the Eclipse Project and licensed under the EPL. They are intended for use in software applications but do a great job as icons for web sites or homepages too.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アイコン素材ダウンロードサイト「icooon-mono」 | 商用利用可能なアイコン素材が無料(フリー)ダウンロードできるサイト | 6000個以上のアイコン素材を無料でダウンロードできるサイト ICOOON MONO
Flipsblog.jp
商用利用可能なアイコン・イラスト素材ならICON HOIHOI