A CCO project maintained by the Simple Icons contributors. Use GitHub for requests, corrections and contributions. Kindly supported by your donations at Open Collective.
![Simple Icons](https://cdn-ak-scissors.b.st-hatena.com/image/square/9f9453635c4889086c70bb0ef78b27db51fd9b94/height=288;version=1;width=512/https%3A%2F%2Fsimpleicons.org%2Fimages%2Fog.png)
増えすぎたfavicon(ファビコン)とapple-touch-iconのサイズ展開を最小枚数ですませたいあなたと私の作業ログ。iOS用の大きなWEBサイトアイコンapple-touch-iconも設定次第でAndroidに読み込めます。自サイト見た目をチェックする方法もご紹介してます。 faviconはサイトの顔なので作り込んだ方が良いのは判ってるのですが、昨今ではリクエストサイズが増えすぎて何が何だかもー訳がわかりません。 飽和すると投げ出しがちな性格なので、そもそも16×16の基本ファビコンすら描かずに以前やってたサイトのfaviconを流用して適当に済ませていました。 んが。 サーバログ見てたら「apple-touch-iconが無いよ」というエラーがいっぱい出てたので、これを機にマルチデバイス用アイコンを設定することにします。 まずは自サイトのアイコンをチェック 各サイズのアイコ
toggle menu toggle menu toggle menu toggle menu toggle menu toggle menu グリッド toggle grid toggle grid 追加 add item add item メール open mailbox 読み込み中 loading Transformiconsの使い方 Transformiconsを実際に、使ってみたんですが、以下のような手順が必要のようです。 主な手順 主な手順は、以下の4手順です。 Transformiconsファイルのダウンロード 利用したいアイコンの選択 HTMLとCSSの取得 Transformiconsスクリプトの呼び出し TransformiconsでJavaScriptも生成されるんですけど、僕の場合、うまくいかなかったので、スクリプトファイルを呼び出す形の方法です。 Transfor
お祭りではさまざまな催しが開催され、賑やかな雰囲気を楽しむことができますが、今回はそんなイメージを表現できるフリーアイコン「Carnival Icon Pack」を紹介したいと思います。 カーニバルをテーマとしたイメージアイコンがセットでダウンロードできるようになっています。 詳しくは以下 風船やフラッグといった装飾系アイテムから、テントやアトラクションなどの建物、ピエロやお面、ハンバーガーやドリンク、ポップコーンといった、カーニバルで欠かすことのできない素材をアイコン化。エッジの丸い優しい柔らかい質感でデザインされており、使用するだけで楽しそうで賑やかな雰囲気をデザイン表現できそうです。 形式はSVG、PNG。商用利用も可能な様子なので、カラーリングなどいろいろアレンジすれば、さまざまなトーンや場面で活躍してくれるのではないでしょうか?他ではあまり見ない、珍しいテーマのアイコンだと思いま
フラットテイストなデザインが主流となり、使用される素材もそれに伴いフラット化しています。そんな中今回紹介するのは、レトロな色合いが特徴の、110個のフラットアイコンセット「Meroo icon」です。 デザイナー・Hesham Mohamed氏手がける、かわいらしいデザイン感が特徴のアイコンセットです。 詳しくは以下 書類やレター、パソコンディスプレイ、カメラといった比較的定番として使えるものもありますが、どちらかというと個性的なイラストが多い印象。ポップコーンやハンバーガー、ポテトなどの食べ物から、浮輪、パラソルなどの海グッズ、ニワトリ、くじら、人間などの生き物といった具合に、幅広いバリエーションが展開されています。ポイントとしてはもちろん、グラフィックのメインとして使用しても様になりそうです。数が豊富なのも嬉しいですね。 素材はpsd形式。個人・商用どちらでも利用可能なようですので、い
今流行りつつあるwebデザインで、フラットデザインやらソリッドカラー等といわれていますが、 それに適したアイコンが商用無料で配布されております。 質も申し分ないうえに量もそれなりに多いので、これさえあれば十分対応できるのではないかと思います。 イラストやアイコンをかけない僕みたいな人には、ありがたすぎますね〜 それでは以下をご覧ください。 20 Flat Icons (PSD) Eldorado mini free | Icojam こちらはなんと1262個ものアイコンがあります! (カラーついてますが、全部モノクロのアイコンになります。pngファイルでどうやって色つけるんだろう。。。) Flat Design Icons Set Vol1 | Media Icons | Pixeden Flat Design Icons Set Vol2 | Media Icons | Pixed
フラットデザイン、今や大きなトレンドとなっています。 これまであれだけ「Skeuomorphismデザイン」を推進してきたAppleでさえ、iOS 7からフラットデザインを採用し始めました。潮流とは儚いものですね。 フラットデザインの特徴上、見た目がシンプルで質感を要しないので、制作するのに「Skeuomorphismデザイン」ほど時間がかからず大量生産できちゃいます。なので、質の高いアイコンセットを選りすぐるのには結構時間がかかります。 ということで、今回はそんな「フラットデザイン」に使えるエレガントなアイコンセットを20個集めてみました。参考になればと思います。 フラットデザインに使える無料アイコンセット20選 5 Flat Popular Browsers Icons Set PSD https://gooloc.com/5-flat-popular-browsers-icons-s
iOS7がすっかりiPhoneユーザーにも慣れ親しんだものへと変わってきた今、あなたのアプリやウェブサイトもようやく重い腰をあげてリニューアルするときではないでしょうか? そんなときに、本当に活躍する便利素材が本日ご紹介したいシリーズ「Tab Bar Icons」です。 Tab Bar Iconsはユーザーが慣れ親しんだiOS7のアイコンを完全再現しています!! いわゆるタブバーに使用されている、あの1ピクセルの美しいピクトグラムのことです。 現在3つの素材がそれぞれ配布されていますよ! Tab Bar Icons iOS 7 これが、本当に使えるんです! まさかのaiファイル、epsファイル、psdファイルの3種全収録!!アプリ制作者様は本当に必須アイテムですよ! タブバーのメニューとしてはもちろん、list-styleとしても使えると思いますね。 この細いピクトグラムをデザインに取り入
iOS Design Themes As an app designer, you have the opportunity to deliver an extraordinary product that rises to the top of the App Store charts. To do so, you'll need to meet high expectations for quality and functionality. Three primary themes differentiate iOS from other platforms: Clarity. Throughout the system, text is legible at every size, icons are precise and lucid, adornments are subtle
近年Web業界で話題を呼んでいるHTML5とCSS3。今まで画像やFlash、JavaScriptに頼っていた表現方法を、かなりカバーできるようになりました。そんな中、今回はCSS3だけで実現可能な219種類のアイコンデザイン集「CSS3 Icons」を紹介したいと思います。 よく見る虫眼鏡のアイコンや、扱いやすいグラフ関連のアイコンなど、どれも実用に耐えられるだけの種類とクオリティで219種類ものアイコンが取り揃えられています。 CSSなだけに、画像のアップロードなども不要で、どれもspanタグとCSSを追記するだけで実現可能。導入の手間は無く、さらにCSSで作られているので色の変更やちょとした改変も容易な仕組みとなっています。これらのアイコンを基にして、新たに自分だけのアイコンを作り出すことも面白そうですね。 CSS3はまだ一部のブラウザで対応されていませんが、これらの実用的な使い方が
細かなデザインパーツの作成には時間が掛かってしまうので、自身で作成したものを使い回したり、フリーのものをストックしたり、さまざま対処されていると思います。今回紹介するのはそんな時に是非利用して頂きたい、フリーアイコンセット「GICONS」です。 一般的によく使われるアイコンを中心に100種類以上を収録。PNGの画像データの他に制作データとなるPSDも収録されているので、素材としての使い勝手も良さそうです。 虫眼鏡マークやボタン類、ファイル系統やコントロールのUIに使えそうなものまで、多種多様なアイコンが収録されていますね。シンプルさ、分かりやすさを意識したデザインなので、どんなテイストにも合わせることができそうです。 個人での利用のほか、商用利用ももちろん無料。また、作者にリクエストをすることによってアイコンが追加されることもあるそうです。 GICONS
iOSのデザインをやる時に一番大変なのが実機確認だと思います。 特にアイコンは実際にホーム画面に置いてみて、周りの他のアプリのアイコンに埋もれていないかなどを何度も検証します。 今まではiPhoneのホーム画面のスクリーンショットを撮って、その正確な位置に配置して画像として書き出したものをiPhoneに送信 → 確認という方法を使っていました。 一度ホーム画面のレイアウトを作ってしまうと難しくはないのですが、どうしてもiPhoneに送る手間がネックでした。 今回はそれを解消してくれる「iconsider」というアプリを発見したのでご紹介します。 こちらのアプリは、自分のDropboxにアイコン画像を入れるだけで自動的にiPhoneで確認することができるとても便利なもので、iOSデザイナーには必須になるんじゃないかと思います。 iconsider アイコンデザイン実機シミュレーター
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く