アプリのモックアップ作成に使いたい。backend(mBaaS)。料金eBookサポートセミナードキュメント2014-08-12アプリのモックアップ作成に使いたい。Tipsアプリの画面は小さいので文字ではなく、アイコンを上手に使って説明していくのが基本です。そこでアプリの企画をする際にもアイコンの配置を考えて行っていかなければなりません。そこで使ってみたいのがフリーのアイコン集です。今回は特にトレンドに合わせて単色、フラットかつ無料なアイコン集を揃えてみました。Iconsショップ系アプリでよく使いそうな15種類のアイコンがダウンロードできます。フォーマットはAI、EPS、PSD、SVGとなっています。Set154個のアイコンがダウンロードできます。フォーマットはPNG、AI、PSDです。Icon653アイコンがダウンロードできます。フォーマットはPNGまたはEPSとなっています。画像は16/32/48/64/128/256と各種サイズ揃っています。www.defaulticon.comReflection汎用的に使える208アイコンがダウンロードできます。icons68/48のサイズの他、AI/EPSフォーマットで配布されています。Set2色ですが、こちらはちょっと珍しい緑のアイコンです。108アイコン入っています。MagazineIconicオープンソースで公開されているアイコンセットです。Fontでダウンロードできます。setDortmund2010年に作ったアイコンなのでアプリ用という訳ではないですが、2色カラーで提供されています。16/32の2サイズ、PNGとPSDのフォーマットが提供されています。pc.deNounProject細いラインで描かれたアイコンがダウンロードできます。有料サービスですが、無料アカウントも用意されています。NounProjectgCons32x32のアイコンが100個入っています。フォーマットはPSD、PNG、JPG、GIFとなっています。カラーは白黒の2パターンが用意されています。415種類のアイコンセットです。汎用的ではありませんが、目的がぴったり合うケースがありそうです。Set約150種類のアイコンがRetina対応版も合わせて3パターンのサイズでダウンロードできます。Icon300アイコン版は有料ですが、こちらは70種類のアイコンが無料でダウンロードできます。いえRetinaも考慮された高品質なアイコンになっています。Set特にステータスバー、タブバーで使えるアイコンが5つダウンロードできます。CommonAndroid用のアイコンが24個提供されています。サイズは16/24/32/48の4種類になります。II上記のバージョンアップ版(10種類)です。フラットなUIにマッチするデザインになっています。IconsiPhoneのツールバーに適したアイコンが60種類ダウンロードできます。IconsPSDで30種類のベクターアイコンが提供されています。汎用的で使い勝手が良さそうです。DezinerfolioToken128種類のアイコンがダウンロードできます。最大サイズは256x256となっています。ダーク、ライトの2パターンが提供されています。deviantARTiconSweets60のベクターアイコンがダウンロードできます。使いそうなアイコンが揃っています。deviantARTライトとダークテーマでアイコンがダウンロードできます。deviantARTGentleface300種類近くのアイコンをダウンロードできます。ワイヤフレームや個人用途では無料で使えます。7用アイコンを配布しています。ボリューム6まであって、1つにつき32アイコンあるようです(つまり192種類!)。Iconsなんと1200種類を越えるアイコンが提供されています。デザインも多種多様で色々なアプリに使えそうです。icons数字や天気など豊富なカテゴリでアイコンが提供されています。350種類以上あります。Icons80種類の小さなアイコンです。PSDとアイコンフォントで提供されています。Icons100種類近くのアイコンです。AIファイルで提供されています。Icons色付きですが基本2色ということで。24種類のアイコンです。ソーシャル系やメールなどバラエティに富んでいます。Icons108種類のモノクロアイコンが配布されています。PSDファイルなのでカラーリング変更も容易とのことです。Icons丸で囲んだアイコンが特徴です。300種類揃っています。7のタブバーに適したデザインのアイコンセットです。Setちょっと丸みを帯びた形なのが特徴のアイコンセットです。PNGとAIフォーマットで提供されています。IconsPSDファイルで44種類のアイコンを配布しています。icons正式な名前がちょっと分かりませんが...。7のように背後が透けているアイコン集です。free40x40のPNG画像で1,000種類を越えるアイコンが提供されています。塗りつぶしがない、線画になっているのが特徴です。free太さが異なるラインで描かれたアイコン集です。直線メインなのが特徴です。Iconsソーシャル系サービスのアイコンをベクター化しています。これはこれで使いどころがありそうです。Peattieiconmelon細い線で、手書き風なのが特徴です。数百種類はある中から、選択してダウンロードします。フォーマットはSVGになります。Iconsソーシャルメディアのアイコンだけを集めています。丸で囲んでいるのが特徴です。FontfabricTMいかがでしたか。アプリのワイヤーフレームを作る際に、手書きでもいいですがちょっとしたアイコンを使うことでより具体的に、分かりやすくなるケースもあると思います。統一感のためには同じアイコンセットを使うのがいいと思いますが、2色のアイコンであれば組み合わせてもそれほど違和感はないと思います。実際のアプリではそのまま使うのは難しいかも知れませんが、ワイヤーフレーム、モックアップの段階ではどんどん積極的に使って見栄えを確認していくべきでしょう。Pushを送ってみよう最近、PWAに注目が集まっています。Appの...2016-12-01型の異なるデータだけをピックアップするブックマークレットを作りましたデータストアではカラム毎の型指定はできないので、ある処理の...2016-06-06データストアのデータ種別が分かるブックマークレットを作りましたデータストアに入っているデータを元に、各セルの横にアイコン...2016-03-01企画で使えるアイコン検索サイトまとめアプリの企画を行う際にはビジュアルが絶対に必要です。Service)とは、スマートフォンアプリでよく利用される汎用的な機能をSDKとクラウドから提供するサービスです。backendのちょっと便利な使いかた・非公式SDKやアプリ開発の関連情報などをお届けするブログです。※記事内には、サポート対象外の内容も含みます。本ブログではコメント機能を公開しておりません。アプリ開発を行う上での課題解決には、ユーザーコミュニティやもくもく会などもご活用ください。LIMITEDスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。