You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
アイコン集はいくら知っていてもいいものです。多彩なパターンに対応したものもあれば、特定の用途に使えるものもあります。様々なものを知っていれば、役立つ機会が多いにあります。 今回紹介するSuperTinyIconsは1KB以下という小さなサイズが特徴なアイコン集となっています。 SuperTinyIconsの使い方 ソーシャルメディアとメディア。 Google。 コミュニケーション。 Webサイト。 Webサイトとインターネット。 ブラウザとポッドキャスト。 ロゴ。 セキュリティ。 決済。 プログラミング。 その他。 SuperTinyIconsの各アイコンにはサイズも書かれています。その殆どが3桁バイトであるのが分かります。SVGと合わせてPNGも提供されています。汎用的なデザインなので、利用できる場面は多そうです。 SuperTinyIconsは edent/SuperTinyIcons
当ブログでお馴染みの、また「Good Boy License」でもお馴染みのIcons8が数も品質も大幅にパワーアップし、更に完全日本語対応のアイコンサイトをローンチされました! Web上からでも、Mac, Winのアプリでも無料利用できるIcons8の使い方を紹介します。 プレゼントもあるので、記事の最後までお見逃しなく! プレゼントの応募期間は、2016年10月27日で終了しました。 Icons8 -史上最大級のアイコン素材 Icons8は、35,800個ものアイコン素材をコピペやドラッグ&ドロップでPhotoshop, Illustrator, Sketch, Xcode, Officeなどのさまざまなソフトウェアで簡単に利用できます。 もちろん画像ファイルとして保存もでき、個人でも商用でも無料です! 35,800個はビジネスからホビーまで全53カテゴリ、そのすべてがIcons8のデ
オリジナルのアイコンを作るシンプルで簡単なデザインテクニックを紹介します。 円や矩形などの基本的な形を組み合わせたり、変形させたりして、さまざまなアイコンを作成します。 作業に慣れてしまえば、どれも1分もかからずにアイコンを作成できます。 The Super Simple Guide to Iconography 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 目のアイコンの作り方 矢印のアイコンの作り方 バッテリーのアイコンの作り方 箇条書きリストのアイコンの作り方 クラウドのアイコンの作り方 次に進むのアイコンの作り方 ファンネルのアイコンの作り方 プレイ・ポーズのアイコンの作り方 位置矢印のアイコンの作り方 位置ピンのアイコンの作り方 サウンドのアイコンの作り方 ウェーブのアイコンの作り方 Toptalのアイコンの作り方
お馴染みの freepik.com 提供によるデザイン素材をコリス限定で全員にプレゼント! もちろん個人でも商用でも無料で利用できます。 今回はカメラや写真をテーマにしたアイコン素材です。 freepik.comはウェブやグラフィックデザイナーのためのベクターやイラストやPSD素材の検索エンジンで、日本語環境でも利用できます。アイコンに特化したflaticon.comも運営しており、ついにそのアイコン素材は1,300,000個を越えました! freepik.comでアイコンの検索する時は、下記のページからが便利です。 freepik.comでアイコンを探す またfreepik.comは、そのブログだけのオリジナルの素材を配布するコラボをしています。日本ではコリスが初、今回でいよいよ第41弾となりました! 第31弾〜40弾まではこちら(※長いので、1〜30は省略)。 飾り罫やイラストが揃った
アイコンはWebサイトやアプリなどの使い勝手を決定づける重要な存在です。統一されたアイコンを使っているかどうかは大きな問題であり、そのためにも多数のパターンに対応したアイコン集の利用が求められます。 今回は480種類を越えるアイコンを収録したEva iconsを紹介します。 Eva iconsの使い方 PNG版を紹介します。 GitHubやLinkedInなどのアイコンも用意されています。 電話や人のアイコン。ちょっとした違いのアイコンも用意されています。 Eva iconsは最近の流行に比べると線が太く、丸みを帯びているのが特徴です。WebFontとして使うこともでき、SVG版もあるので大きさは自由に変えられます。さらにアニメーションもサポートされているとのことです。 Eva iconsはTypeScript製のオープンソース・ソフトウェア(MIT License)です。 akveo/e
海外の素材だとちょっと不安という人でも大丈夫、日本人クリエイターが作成した商用無料で利用できるアイコン素材を紹介します。 アイコンは現在400種類以上あり、高品質で汎用性の高いものが揃っています。SVGも完備されているので、非常に使い勝手がよいと思います。 Icon Box アイコンの利用にあたっては個人でも商用でも無料で、「アイコンの編集もご自由にどうぞ」とのことです。アイコン自体の再配布は禁止です。 詳しくは、ライセンスページをご覧ください。 アイコンのフォーマットは、下記の通り。 透過PNG SVG サイズは、16px, 32px, 64px, 128px, 256pxが用意されています。 ダウンロードも簡単で、登録など面倒なことは一切不要です。各アイコンページの「PNGボタン」「SVGボタン」からダウンロードできます。
日本の伝統や文化、四季の風物詩をピクトグラムで表現したアイコン素材を紹介します。 配布中止になっていたのですが、今回当ブログで再配布することになりました。作者様に感謝です! アイコンのフォーマットは、2種類。 .png(透過PNG) .psd(シェイプ) アイコンは日本人に馴染みのある日本の伝統や文化、四季の風物詩がシンプルにデザインされています。.psdのシェイプは、サイズやカラーを変更することもできます。 日本の風習を伝える100のアイコン アイテム100種類は、下記の通り。 お正月 お年玉 年賀状 餅つき 成人式 節分 梅 お雛様 卒業式 ランドセル 桜 鯉のぼり 菖蒲 てるてる坊主 七夕 お中元(お歳暮) ガリガリ君 金魚すくい 朝顔 線香花火 うなぎ お墓参り 稲 松茸 紅葉 お月見 七五三 ゆず こたつ マスク 宝くじ 大掃除 除夜の鐘 厄払い 結婚式 法事 運動会 上履き お
Androidで使えるアイコンを紹介する私の別サイト「ANDROID ICON」で紹介しているアイコンのうち、この2週間でアクセス数の多かったアイコンTOP30を紹介します。 それぞれのアイコンの大きな画像をクリックすると「ANDROID ICON」のページに移動します。 1位 MetroStation 2位 Clear Bubble 3位 Balx – Icon Pack 4位 Min – Icon Pack 5位 CRAZY TEXT 6位 Wood – Icon Pack 7位 kouzan_Gw 8位 GEL – Icon Pack 9位 ICON PACK – Adam(Free) 10位 Word Icons Black w/ Mirror 11位 Juyo – Icon Pack 12位 Lumos – Icon Pack 13位 refrected-c 14位 kouzan
Behanceに「Google Visual Assets Guidelines」の紹介がありました。 これは、Googleのプロダクト・アイコンや、サービス・ロゴ、UIパーツについて、形状や色のガイドラインを定めたものです。 アイコンのデザイン原理 丸や単純な矩形の組み合わせできています。 アイコンやピクトグラムをデザインする際はレゴで遊んでいたときのことを思い出すとよいです。 パーツの組み合わせのおかげで、アイコン間の統一感も生まれます。 image by Behance image by Behance image by Behance ほかにも3つルールをピックアップ。 3D禁止 image by Behance 影のルール 真っすぐか45度、ソリッドに。 image by Behance 色のコンビネーション・ルール image by Behance こうした資料は、アイコンやロ
Android 5.0(Lollipop)よりマテリアルデザインが本格的に採用されました。Googleはこのマテリアルデザインに対応したアイコンパックを、クリエイティブ・コモンズ(CC BY-SA)で配布しています。 「action」「communication」「hardware」「maps」「navigation」など15のカテゴリ別に、計750個のアイコンが、PNG/SVG形式で配布されています。 ・Release Material Design Icons · google/material-design-icons · GitHub マテリアルデザインのガイドラインも公表していますので、ウェブサイトやアプリ等を制作・デザインしている方は参考にしてみてはいかがでしょうか。
フラットテイストのデザインが採用されたiOS7。そのデザインに合うように、webサイトやアプリケーションデザインもテイストを合わせて制作することが多くなってきていると思います。今回はそんな時に便利に活用できる、iOS7のガイドラインにそって作成された300個のフリーアイコンセット「RetinaIcon 300 Free Icons」を紹介します。 300個という豊富な種類が魅力的な、アウトラインタイプのアイコンとなっています。 詳しくは以下 メールやファイル、adobeアプリケーション、天気やSNSなどの定番として利用できる種類はもちろん、フェイスやファッションアイテム、フード、宇宙、スポーツといった個性的なジャンルもアイコン化されています。種類が300個も揃っているのが嬉しいですね。非常にシンプルなので、iOS7だけでなく、他のバージョンやイメージのデザインにも当てはめやすいのではないで
エンジニアが自分一人でアプリ開発などをしているとかなり困るのが画像素材の作成。(もっというとデザイン全般ですが。。。) その中でもアプリアイコンを作る際に個人ではどうしているかを晒してみようと思います。 アイコンを作る手順 ざっくり手順を言うと以下2つです。 Inkscapeで元アイコン作成 makeappiconで全サイズのアイコン画像作成 Inkscape アイコン作成といえばIllustratorやPhotoshopを使うのが一般的かと思うのですが、非デザイナーにとってこれらのソフトはまだまだ高価で簡単に手を出せるものではありません。 そこでこのInkscapeです。 公式サイトはこちら。 Inkscapeはオープンソースの無料のベクター画像編集ソフトです。(ものすごく簡単に言うとIllustatorと同じことができる無料のソフトです) 無料ですが、基本的なアイコン作りには困らない機
医療や病院系のさまざまなアイテムが揃ったアイコン素材を紹介します。実用で使うもよし、趣味に使うもよしのシンプルなデザインのアイコンです。 当ブログでもレアなアイテムのアイコン素材を紹介しますが、これはかなりのレアですね。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く