psdでもAiでもPNGでも！WEBデザイナーのための1000のフリーミニアイコン集「Free Mini Icons Pack」
TOP > Design , vector , WebDesign > psdでもAiでもPNGでも！WEBデザイナーのための1000のフリーミニアイコン集「Free Mini Icons Pack」 WEBデザインを行なう上で、非常重要なアイコン。全て一から制作という方も中にはいらっしゃると思いますが、フリーで使い勝手が良いアイコン集を探しているWEBデザイナーの方は多いのではないでしょうか？そんなWEBデザイナーの為に重宝しそうなのが、今回紹介するpsdでもAiでもPNGでも！WEBデザイナーのための1000のフリーミニアイコン集「Free Mini Icons Pack」です。 1000種類ものアイコンが収録され、対応している形式はなんと、PSD / AI / EPS / PNG / SVG となっており、制作に必要なフォーマットで全てが揃っての配布となっています。 詳しくは
オシャレなアイコン使いに重宝する無料ピクトグラム28選
ピクトグラム素材は、WebデザインはもちろんDTP、パワポ資料、広告とあらゆるシーンに活用できます。 最近ではシンプルなフラットデザインがトレンドということもあってか特に使用する機会が増えてきています。 そんなピクトグラム素材は無料でもあらゆるデザインのものが手に入り大変便利です。 今回は、無料で高品質のピクトグラムをピックアップしてご紹介します。素材をお探しの際には是非参考にしてみてください。 無料ピクトグラム28選 1.iconSweets2 http://iconsweets2.com/ シンプルデザインの定番アイコンが、編集可能なPSD形式でダウンロードできるアイコンセットです。 小さいアイコンから大きめアイコンまで3サイズが揃います。 2.iconmonstr http://iconmonstr.com/ PNG、SVGの2種類の形式でダウンロードできるのが嬉しいアイコン集です。
Android版「マネーフォワード」をマテリアルデザイン対応したときのあれこれ - Money Forward Developers Blog
エンジニアの黒田です。 この度Android版「マネーフォワード」アプリをマテリアルデザインにフルリニューアルしました。 そしてなんと！！！ おかげさまでGooglePlayの「2014年ベストアプリ」に選出いただきました！ GooglePlay 2014年ベストアプリ アプリのDLはこちらから 家計簿マネーフォワード【投資・資産管理】 この記事ではマテリアルデザイン対応するにあたり、考えたことや実際に書いたコード、使ったツールなどあれこれと書いてみたいと思います。 マテリアルデザインとは マテリアルデザインとはGoogleが発表した新たなデザインガイドラインです。 モバイルに限らず、AndroidWearやAndroidTVなど様々なデバイスでもユーザーに対して同じ体験を提供することを目的としています。 マテリアルデザインに関する細かい説明は割愛しますが、GoogleMapやGMailな
もうシンプルアイコン探しには困りたくない！フリーのシンプルアイコンを厳選26選！ | バンクーバーのうぇぶ屋
毎日英語圏のWEB系ブログをチェックしていると、毎週必ず何かしらのアイコン系の記事を見るんですよね。バンバン新しい物が出てきて、その度に『アイコン』のタグを付けてブックマークするわけですが、もう600記事近い程のアイコン関連のブックマークがあって意味分からない状況になってたりするわけです。 というわけで、今日はそんな僕のアイコン関連ブックマークの中から『シンプル アイコン』というタグで絞って、更にその中から「これはクオリティ高いなぁ」とか「凄い使えそうだなぁ」とか思った物だけを幾つか厳選して共有させて頂こうと思います！目についた物からご紹介させて頂くので順不同です！コレを機に少しずつ整理していこーっと。 数が数なので大変かもしれませんが、皆さんこういったフリー素材を使う時は必ずライセンスを確認するように気をつけてください。中にはサイトに明記して無くてもダウンロードファイルの中にReadme
iconmonstr - Free simple icons for your next project
To use this icon, you must first accept the license agreement.
デザインのひきだし見せます！あら便利♡フォントまとめ ｜ 箱庭 haconiwa｜女子クリエーターのためのライフスタイル作りマガジン
【KGRoyals】 トップバナーの旗の部分はこのフォントを使ってます♪ 小文字と大文字で旗の大きさが違うんです！気が利くぅ♡
1,000通り以上の組み合わせが可能なフェイスアイコン「Avatars and Emoticons Vector Set」
アイコンで表現されることも多い人の顔のビジュアル。同じテイストで何種類も描き出すのはとても大変な作業になってしまいます。そんなシーンに是非利用したい、1,000通り以上の組み合わせが可能なフェイスアイコン「Avatars and Emoticons Vector Set」を今回は紹介したいと思います。 いろいろな表情や髪型のフェイスアイコンが簡単に作り出せるパーツがセットになった、とても便利なフリー素材です。 詳しくは以下 セットになっているのは、帽子やメガネなどの装飾パーツ、目・口・鼻の多彩な表情が楽しめるバリエーションパーツ、女性・男性のいろんな髪型パーツ、フェイスラインパーツ。好きなものを選び重ねていくことで、人のフェイスアイコンが完成します。ユニークなデザインのパーツが多く、楽しみながらフェイス作りを楽しむことができそうです。 他にはあまりない貴重な素材だと思いますので、オリジナル
調理器具やキッチン用品、料理風景など全240アイテムが揃ったフリーのアイコン素材
当ブログでもお馴染みのfreepik.comからの新作、さまざまな調理器具、キッチン用品、シルバー類、ビンやグラスが揃ったアイコン素材を紹介します。 ウェブでも紙でも、個人でも商用でも無料で利用できます！ 240 Free Kitchen / Restaurant Icons ダウンロードできるアイコン素材のフォーマットは、ベクター完備。 .svg .ai .eps アイコンの利用にあたっては個人でも商用でも無料、ウェブでも紙でも利用してください、とのことです。また利用の際にバックリンクは不要です。再配布や販売は禁止です。 アイテムは全部で240種類！ シルバー類、調理器具、料理風景、ビンやグラスなど、さまざまなものが揃っています。
Web制作で使えそうなアイコンフォント | Gatespace's Blog
最近よくアイコンフォントを使っています。 アイコンフォントのメリットですが、 フォントなのでテキストとのベースラインが合わせやすい フォントなので拡大縮小はcssのfont-sizeで指定出来る フォントなのでcssで簡単に色を変えられる ベクターデータなので背景色があるときなどのエッジの処理を気にしなくていい。 があります。 デメリットとして単一の画像よりは一度に複数のアイコンデータを読み込むので、データ量が多くなる（重くなる）というのがあります。 とはいえ、レスポンシブとかサイズとかカラーバリエーションを考えてpngを作るのも手間です。 今回は、自分がよく使うアイコンフォントを備忘録代わりに書いておきます。 なお、この手のアイコンフォントはアップデート（主にアイコンの追加）が多いので、最新版やIE7以下での対応などは各公式サイトでご確認ください。 アイコンフォントの基本的な使い方 ダウ
デザイナーもエンジニアも幸せになれるiOS画像の書き出し方 | keisuke.tsukayoshi
前回iOSアプリのデザイン指示書についての記事でも少し触れましたが、iOS開発の画像素材の書き出しはデザイナーが担当するのが一般的なようです。しかし実際にコードを書けない多くのデザイナーにとっては、どんな画像をどのように書き出せばいいのか不安になってしまうことも多そう。 というわけで今回は、主にアプリデザインの経験のないデザイナーさんに向けた簡単なtipsと、最後にちょっとグレーだけど使い所によっては効率があがるぼくなりの手法も少し紹介してみたいとおもいます。 基本的なこと デザインは横幅640ピクセルで作る 基本的なところですね。後述しますが、Retina対応したiPhoneとそうでないもののふたつの解像度の画像が必要になるのでどちらも兼ねるこの解像度で作ります。 非Retina端末のために半分のサイズの画像も用意する 実際にXcodeでの開発は横幅320pxをベースに実装するので、もと
アプリ内ブラウザの「戻る」機能 | Accessible & Usable
公開日 : 2013年7月18日 (2013年7月19日 更新) カテゴリー : ユーザビリティ スマートフォンのネイティブアプリケーション (いわゆる「アプリ」) の中には、ブラウザ機能が備わっているものがあります。たとえば Twitter アプリ、Facebook アプリ、RSS リーダーのアプリ、メールクライアントのアプリ、などでは、コンテンツに Web ページへのリンクが表示されていると、それをタップすることで、アプリ内で Web ページを表示することができます。 アプリ内のブラウザ機能でいくつかの Web ページを遷移しているとき、画面左上にあるアイコン (「戻る」ボタンっぽいもの) をタップしたら、直前に見ていた Web ページではなく、Web ページを開く前のコンテンツに一気に引き戻された...という経験は、ありませんか？ よくよく見たら、ブラウザの「戻る」ボタン (直前に見
【厳選】日本の全iOSプログラマに捧ぐ！iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 | DX.univ
iOSアプリ開発担当の菅原です。 iPhoneやiPadのア[...]【厳選】日本の全iOSプログラマに捧ぐ！iPhoneアプリ制作に参考になりすぎるデザインリンク集15選 by Yu Sugawara in Design · Mobile — 2013/07/18 iOSアプリ開発担当の菅原です。 iPhoneやiPadのアプリ開発はすべて一人で販売するところまで持っていけるのが魅力の1つです。 アプリ開発作業を大きく分類しますと プログラム デザイン 販売 にわかれます。販売に関してはAppStoreがあるので、心配はありません。残りのプログラムとデザインですが、なかなか両方を得意にするというのが難しいと思います。僕はプログラムは出来るのですがデザインがからっきしダメです。 今日はそういったデザインが苦手なプログラマ向けに参考になるデザインリンク集をご紹介いたします。個人のアプリ開
(no title)｜鈴木メモ(旧)
Illustratorを覚えようと緩めにがんばるブログです。ただいま新アドレスhttp://suzukimemo.com/への移行中です。
Twitter、Facebook(アプリ)のデザインから学ぶ立体感のつけ方
TwitterやFacebookのデザインを良くみてみると、立体感のつけ方に一工夫あるのがわかります。（現在のデザインになってからだいぶ経っており、今更な感じですが…）その立体感のつけ方が洗練されていて良いなぁと思ったので、どのように作られているかをまとめてみました。 再現PSDデータをダウンロード ※アイコンは本物と異なっており、形の近いものを使っております。ご了承ください。 1. Twitter ヘッダーのアイコンやボタン部分を拡大し、つけられている効果を書き出してみました。 アイコンと文字（現在地表示） アイコンと文字（通常表示） ボタン これらを再現してみると、以下のようになります。 偽Twitterみたいな感じですねｗ それぞれにつけた効果の詳細は実際のファイルでご確認ください。 2. Facebook（アプリ） ヘッダーのアイコンやボタン部分を拡大し、つけられている効果を書き出
保存アイコン＝フロッピーディスクの時代は終わった…？ | Goodpatch Blog
まずはアイコン素材配布サイトから。 今は無料で使えるアイコン素材配布サイトが多いので、ここからダウンロードしてデザインする時に使う人も多いのではないでしょうか。まずはそのアイコン素材配布サイトで”save”と検索した結果を見てきます。 iconmonstr http://iconmonstr.com/ 以前にもMEMOPATCHで紹介した事のあるサイトです。ここはフロッピーディスクもありますがクラウドっぽいアイコンや下向き矢印のアイコンもありますね。 softicons http://www.softicons.com/ こちらはほとんどフロッピーディスクのアイコンです。しかも立体的なアイコンが多いです。 iconfinder http://www.iconfinder.com/ こちらもフロッピーディスクのアイコンが多いですが、下矢印やチェックマークもあります。 次に有名なサービスやアプ
WEB制作会社って実際儲かるの？これから先もやっていけるの？その疑問に答える！
WEB制作会社って実際儲かるの？これから先もやっていけるの？その疑問に答える！ 2013.02.26 | 相談 | 考える。 どうもWP-Dパープルです。今日は表題の件、WEB制作会社は実際に儲かるのか？そして、これから先もやっていけるのか？という質問サイトなどでよくある疑問について、WP-D執筆陣が答える！ということで、そのまとめです。WP-D執筆陣の多くは実際にWEB制作会社勤務、もしくはフリーランスとしてWEB制作を行なっているので、この疑問について各々思うことがあるようです。 ※今回は完全に匿名にするために、アイコンや色を変えています。実際のカラーとアイコンのカラーのつながりはありません。 ※アイコンにはfont-iconを利用しています。本来可愛い動物のアイコンが表示されているはずですが、もし下記の吹き出し左のアイコンがアルファベットで表示されている場合は、何度かリロードしてみて
iOSデザイナーにオススメ！ 「iconsider」というアプリが便利すぎる！ | ナナメウエblog
iOSのデザインをやる時に一番大変なのが実機確認だと思います。 特にアイコンは実際にホーム画面に置いてみて、周りの他のアプリのアイコンに埋もれていないかなどを何度も検証します。 今まではiPhoneのホーム画面のスクリーンショットを撮って、その正確な位置に配置して画像として書き出したものをiPhoneに送信 → 確認という方法を使っていました。 一度ホーム画面のレイアウトを作ってしまうと難しくはないのですが、どうしてもiPhoneに送る手間がネックでした。 今回はそれを解消してくれる「iconsider」というアプリを発見したのでご紹介します。 こちらのアプリは、自分のDropboxにアイコン画像を入れるだけで自動的にiPhoneで確認することができるとても便利なもので、iOSデザイナーには必須になるんじゃないかと思います。 iconsider アイコンデザイン実機シミュレーター
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webサイトでよく使うアイテムが揃ってる！美しくデザインされたSVGの超軽量アイコン素材 -Evil Icons
各ソーシャルサービスのシェアボタンをJavaScript無しのシンプルなコードで生成するジェネレーター
ミニマルでフラットがかわいい全300種のアイコン素材、PSDもAIもフォントも揃ってます -Metrize Icons