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

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

yahoo.comのUIに使用されているアイコンのデザイン設計に関して。 Yahoo! 新システムは、Yahoo!のUIデザインチームとiconwerkが協力して作りました。 image by iconwork iconwerkのサイトより、デザインのポイントを。 フラットなデザインの秘密がわかります。 1.パーツの共通化 アイコンに統一感を出すために、共通化したシンプルなブロック・パーツを積み上げてデザインを作り上げています。 image by iconwork 2.いろんなサイズに対応 16ピクセルからプリント用の大きいサイズまで、ひとつのデザインで対応できるように設計されています。 image by iconwork

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

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

インターネットが苦手な母親に子どもが使い方を教えるのはほほえましい光景ですがなかなか骨が折れるものです。そんな母親が1人でもウェブサイトを使えるようにデザインすることで、誰にでも使いやすいユーザー・インターフェースを作る方法がまとめられています。 Designing User Interfaces for Your Mother — Design/UX — Medium https://medium.com/design-ux/dd45ec50f7b0 ◆母親のためのインターフェース・デザイン ウェブデザイナーであるトニー・ジャインズさんは、「ちょっとコンピューターのことを見てくれない？いろいろと大丈夫かしら？」とよく母親から不安そうに聞かれるそうです。彼女はインターネットを使いますが、全てを知っている訳ではありません。そこでジャインズさんは世界中に何百万の母親と同じレベルのユーザーがいる

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

デザインとの相性や使いたいものが同セットになっているかなど少しでも選択肢は多い方が良いので、ダウンロードできるサイトを見つけてはメモしていたのですが、結構な数になってきたのでそれらの整理も兼ねたアイコンフォントについての備忘録です。 有償だけど高品質で種類も豊富みたいなセットもあったりするんですが、今回は基本的にフリーで使用できるもので、国内外合わせると全部で34サイトまとめています。 また、アイコンフォントの使用方法についても簡単にですが紹介するので、まだ使ったことがないけど実装したいという場合はそちらを参考にしてみてください。 アイコンフォントについて レスポンシブwebデザインが広まったなどをきっかけに、多くのサイトやブログでも取り入れられているのを見かけるようになったアイコンフォント。 実際に使用したことがある人ならわかると思いますが、本当に手軽に実装できて且つメリットもいろいろと

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

デザインする時、手段ばかり追ってしまい、「( ﾟдﾟ)ﾊｯ!そもそもの目的ってなんだっけ」ってなりがちなので、気を付けたいなと思いまとめてみました。 1. 目的をしっかりと認識する 例えば、上のようなボタンをデザインしたとき、「もっと目立つように大きく、色も赤とか目立つ色にしてください」という修正指示を受けたとします。 「目立たせる」という目的の解決策として、「大きくする」、「赤などの目立つ色を使う」という2つが考えられています。そしていつの間にか、これらの解決索が目的にすり替わっていることが無いでしょうか。 「大きくする」、「赤などの目立つ色を使う」ことを行えば目的を達成できるかのように錯覚するのですが、その解決策は本当に最適かを考える必要があります。そもそもの目的は「ボタンを目立たせること」で、その解決策は他にもあります。 2. 他の手段も考える 「目立たせる」ためには、差別化する、近

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

皆様、新年あけましておめでとうございますっ！ さて、今年も年が明けましたね〜。なんか去年は本当に色々な事があったように思う一方。12ヶ月の内2ヶ月を休暇で過ごしてしまった事もあり、正直サボりの一年だったようにも感じてしまうのが正直な所ですが…。かたや一昨年は学校に合計4ヶ月くらい通って学校ばっかの一年だったし… 『来年本気出すっ！』って言って、全然実現してないダメ人間の典型ですね！ しかし今年こそはちょっと（久々に）本腰入れて自分を追い込もうと思っているプロジェクトがFrog含め幾つかあるため、また一層勉強に仕事に遊びに旅行と、全部思いっきり励んで行きたいなと思っていますのでよろしくお願いします〜。 と、言うわけで早速ですが、今日は僕が去年お世話になりまくったので、2014年も多分お世話になるであろうサイトを、全て片っ端からまとめてみようと思います。 毎回こういうまとめは適当ですが年末年始

フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ

Google Map Builderは手軽に埋め込み用のGoogle Mapをカスタマイズ出来るツールです。サイズや細かいセッティングを設定してコードを取得します。マーカー指定も出来るみたいですが、どうもうまく動きませんでした。APIキーも入力したんですけど・・詳しく調べてないのでご興味のある方は触ってみては如何でしょう。 Google Map Builder