As part of its Material Design project, Google has published a set of lovely icons, designed for use in mobile apps or whatever else you fancy using them for. And they're free!

2013年として最近のフリーアイコンを探すと、どこもかしこも「フラットアイコン」ばかりでしたが、一つここで総まとめしておきたいと思います。 フラットアイコンも、よーくみるとそれぞれ若干の違いや特徴があるんだなと、並べてみるまであまりわかりませんでしたが・・。というわけでして、無料アイコンをお探しの方はチェックしてみてください。 フラット無料アイコン ソーシャルメディアフラットアイコン。 ソーシャルメディア、ブラウザ系の無料フラットアイコン フラットUIアイコン iPhoneアイコン用PSDファイル 各種ファイル用のフラットアイコン1 各種ファイル用アイコン2 フラットアイコン Vol.1 フラットアイコン Vol.2 フラットアイコン Vol.3 フラットアイコン Vol.4 サークルバッチ型の無料アイコン いろんな形のソーシャルメディア用フラットアイコン WebサイトUI無料アイコン 各

ピクトグラムを使って、日本とドイツ、中国の文化の違いを表現した作品「Ost trifft West」を紹介します。 背景色が青はドイツ、赤は中国、黄色が日本です。 パーティーにて ドイツは小人数にばらける。中国はみんなで輪になる。日本は男性と女性でわかれてグループに（この間、同窓会でこんな感じだった）。 image by Ost trifft West（PDF） バス・タイム ドイツは明るい時間にシャワー、中国は夜にシャワー、日本は夜に湯船。 image by Ost trifft West（PDF） 列の並び方 ドイツはまずまず一列に。中国は列にならない。日本は真っすぐ（実際はドイツくらいの感じだとは思うけれど）。 image by Ost trifft West（PDF） 旅の思い出 ドイツは目で記憶、中国はカメラ、日本は携帯電話で記憶。 image by Ost trifft Wes

記号論の再構築のために――問題と構図 記号論（semiotics）とは何だろうか。歴史的な事実として見れば、記号論は、20世紀の初めに期せずして(だが真実は思想史的必然性によって）記号についての学（sémiologieないしsemiotic）を異口同音に提唱した二人の人物ソシュールとパースの業績が呼び起こした大きくて広範な反響――そのうねりのすべてのなかに具現されている。しかし理論的・概念的な視点から見るなら、〈記号論〉はいま再吟味(re-examination)と更新（renewal）の主題として人びとの目のまえにある。 記号論の理論構成については、さまざまな意見がありうるだろう。とはいえ、それが文字どおり、記号に関する基礎的理論（the general philosophical study of signs and symbols）であることに、大方の異論はないだろう。もちろん細かく

みなさんこんにちは、高速化やSCSSの記事を書いている野中です。 ↑の絵が何かわかる人いますか？ マインクラフト(Minecraft)界隈でおなじみの愛されキャラ「匠」こと「クリーパー」さんです。 とっても長い前振りなので時間のない方は本題まですっ飛ばしてください。 マインクラフトとは わかりやすく解説されているニコニコ大百科を引用。 Minecraft（マインクラフト）とは、Notch（Markus Persson氏）と氏の会社であるMojangからリリースされた、サンドボックス型のものづくりゲームである。 レトロゲーを想起させるドットテイストの3Dブロックが溢れる世界で、建物やその他のものを自由に創造することが出来るゲーム。 家を作ったり、川を作ったり、山をつくったり、洞窟を作ったり、トロッコ坑道を作ったり、ゾンビを倒すためのトラップを作ったり、塔を作ったり、農場を作ったり、天空の城を

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 こうした資料は、アイコンやロ

iOS 7 にもフラットデザインの波がやってきましたね…！ フラットデザインには欠かせない、ピクトグラム的アイコンはリッチデザインなアイコンと比較して簡単に作れそう！作ってみよう！という方もいるのではないでしょうか。 ちなみにピクトグラムというのは記号や絵文字を指し、共通言語としての役割を持っています。 見かけは簡単そうですが奥は深いのです、、ただ、技術面での高度さはあまり必要ないと思います。表現方法が限られる分難しい部分も多いですが… 今回は興味があるけどどこから手を付ければいいの？という方向けにピクトグラム的アイコンの作り方を紹介したいと思います。 アイコンのモチーフを決める アイコン案はこんな感じで出しています。 例として「医療」アイコンで考えてみました。こういった図にして 考えると道筋が立てやすく、後で迷った際に復帰しやすいです。 その場で図が浮かぶ物は描き足しておきます。 決める

ビジュアルの力で世界を丸くする。 地球の形状が「丸い」のは、そこで暮らす僕たちにひとつの「ビジョン」を指し示しています。地球の形と同じように、世界で起こっていることのすべてが丸く収まっていれば良いのですが、現実は違います。 大小いろいろな規模の摩擦がいたるところに発生し、繰り返されます。その解決に必要なのは、お互いの「考え」や「価値観」「立場」、「状況」「状態」を示し、認め合うことです。そのために、「ビジュアル」の力を活用していきます。

9/12に東京（新宿）で開催された、 metapsさん主催のセミナー、「ソシャゲ以外のTOPデベロッパーが語るGooglePlay成功の秘訣/マネタイズ〜集客まで全公開」に参加してきました。 セミナータイトル上は、GooglePlay(Andorid)をテーマにしたセミナーですが、 iOSアプリ開発者にとっても十分参考になる内容になっています。 本記事では講演内容について参考になったところをまとめています。 エイチームの紹介 株式会社エイチーム：http://www.a-tm.co.jp/ 名古屋にある会社、社員462名 エンターテイメント事業(アプリ) 「ダークサマナー」700万DL、「麻雀 雷神 -Rising-」500万DL ライフサポート事業(WEBサイト) 「引越し侍」「すぐ婚navi」など比較情報サイト。 ツールアプリ”ZEROAPP”シリーズ “ZEROAPP”とは普段日常で

今回はiOS 6とiOS 7の角丸アイコンをワンクリックで作成できる「Icon Shaper」をご紹介します！

色について 自分の会社 / サービスのロゴ、Webサイトなどで元々使っていた色を、そのままiOSアプリのアイコンに使うことは一般的に行われますが、こうして並べてみて、色の使われ方はそれだけではないということに気付きました。 Skype : 空→シアン、Vine : つる植物→グリーン、Bonfyre : 火→オレンジ、といったサービス名が表すモノの色を使っているケースが存在していることが分かってきました。さらに、そのモノからサービスのコンセプトを想像することができました。個人的にはSkype : 「世界中のどこでも繋がる」→空→シアン、Vine : 「ショートビデオがループする」→つる植物→グリーン、Bonfyre : 「会話に火がつく」→火→オレンジ、というようなコンセプト→モノ→色の流れを想像しました。また、Freeshot : Dribbble→マゼンタ、Tracker for Tw

普段アプリやWebサイトなどで当たり前のように目にしているアイコン。そのアイコンについての面白い記事をデザイナーSébastien Desbenoitが“Icons And Interfaces”というタイトルでMediumに書いていました。そもそもアイコンとは何なのか、そのメリットとデメリット、そしてアイコンの標準化の必要性などが語られていたので、今回MEMOPATCHで翻訳してご紹介します！ （以下、”Icons And Interfaces”の翻訳） 私たちはなんとなしにインターフェースをアイコンで埋め尽くしてしまいます。けれども適切なアイコンを選んだり、デザインしたりすることは実は簡単なことではないのです。 アイコンとピクトグラム そもそもアイコンとは何なのでしょうか？アイコンはあるコンテクストの中で使われる、ある種のスタイルを持ったピクトグラムのことです。 ピクトグラム ピクトグ

iOS7がすっかりiPhoneユーザーにも慣れ親しんだものへと変わってきた今、あなたのアプリやウェブサイトもようやく重い腰をあげてリニューアルするときではないでしょうか？ そんなときに、本当に活躍する便利素材が本日ご紹介したいシリーズ「Tab Bar Icons」です。 Tab Bar Iconsはユーザーが慣れ親しんだiOS7のアイコンを完全再現しています！！ いわゆるタブバーに使用されている、あの１ピクセルの美しいピクトグラムのことです。 現在３つの素材がそれぞれ配布されていますよ！ Tab Bar Icons iOS 7 これが、本当に使えるんです！ まさかのaiファイル、epsファイル、psdファイルの３種全収録！！アプリ制作者様は本当に必須アイテムですよ！ タブバーのメニューとしてはもちろん、list-styleとしても使えると思いますね。 この細いピクトグラムをデザインに取り入

汎用性が高いUIアイコンなどと比べると使う場面は少ないものの、いざ使いたいときに便利そうなものやあまり見かけないタイプだと個人的に思ったアイコンセットのまとめで、過去に紹介してきたものをひとまとめにしました。 既に公開・配布終了しているものも一部あるのですが、ファイルダウンロード自体はできなくともデザイン的にはそのまま参考になることもあるので、そういったものはキャプチャが小さめではありますがリンク設定のみ解除する形で紹介します。 紹介しているアイコンを使用する際は、ライセンス等は各自で再度確認してください。 リンクが未設定で配布形式も記載されていないものは公開・配布終了しているものです。

インフォメーションアーキテクトの浅野です。 今回翻訳した記事は、ユーザーインターフェース（UI）デザインの中でも、現在のモバイル主流のトレンドの影響もあってますます注目度が高まっている「アイコンデザイン」がテーマです。 記号論の基本中の基本をふまえながら、著者による実際のテストデータに基づいたベストプラクティスを紹介してくれる、とても親しみやすい記事です。 » 翻訳記事「UIアイコンの最適化 — 認識速度の向上をめざして」へ この記事で紹介されている「イコン／インデックス／シンボル」とは、アメリカの科学者チャールズ・パースによる記号の分類方法のひとつです。記号についての研究でもっとも著名なのは、このパースと、スイスの言語学者フェルディナン・ド・ソシュールという二人の学者ということになるでしょう。 記事の脚注にも、その2名の名前が出てはきましたが、本文の中で両者の理論をはっきりと区別でき