image by Pentagram 今夏、ニューヨークの街に、新しい歩行者向け案内地図「WalkNYC」が登場すると、ニューヨーク運輸局(New York Department of Transportation)のサイトにあります。 NYC DOT – WalkNYC image by Pentagram ニューヨークは歩行者が多いにも関わらず、道案内がわかりづらかったのを解消するためで、まずは4エリアに設置がされます。 デザイン・コンサルタント・ファーム「Pentagram」が設計・デザインを行いました。 「Pentagram」は、「Windows 8」や「21st Century Fox」のブランディングが最近の仕事だと有名です。 image by Pentagram image by Pentagram 「WalkNYC」プロジェクトでは、Helveticaを改良した「Helve
Makiはマップ上に表示させるマーカー用に作られたアイコンのセットです。電車やレストラン、ガソリンスタンド、駐車場や病院など、よく使われるアイコンが揃っています。Makiはオープンソースプロジェクトで、BSDライセンスの元で配布されています。 Maki
iOS 7 にもフラットデザインの波がやってきましたね…! フラットデザインには欠かせない、ピクトグラム的アイコンはリッチデザインなアイコンと比較して簡単に作れそう!作ってみよう!という方もいるのではないでしょうか。 ちなみにピクトグラムというのは記号や絵文字を指し、共通言語としての役割を持っています。 見かけは簡単そうですが奥は深いのです、、ただ、技術面での高度さはあまり必要ないと思います。表現方法が限られる分難しい部分も多いですが… 今回は興味があるけどどこから手を付ければいいの?という方向けにピクトグラム的アイコンの作り方を紹介したいと思います。 アイコンのモチーフを決める アイコン案はこんな感じで出しています。 例として「医療」アイコンで考えてみました。こういった図にして 考えると道筋が立てやすく、後で迷った際に復帰しやすいです。 その場で図が浮かぶ物は描き足しておきます。 決める
すでに既出のアイコン配布サイトですけど、 久しぶりに必要になって見に行ったら日本語 にも対応していたので再掲。ピクトグラムの 素材を配布するThe Noun Project。配布され ている素材は全部パブリックドメインかクリエ イティブコモンズです。 商用だろうと個人だろうと自由に使えるパブリックドメイン(著作権切れ)の素材は貴重ですが、加えて使いやすいピクトグラムなので覚えておいて損は無いかなと思います。 日本語対応していました。アイコンにマウスを乗せると詳細がわかるようになっています。拡張子はSVG。 ライセンスの確認方法 アイコンをクリックするとLightbox風にこのように表示されます。「詳細を見る」の下部にライセンスが表記されているので確認して下さい。パブドメかクリコモしかないのですぐに分かると思います。 個別ページ アイコの毎のページで詳細を確認できます。 量が多い アイコンの
注・情報は、スタッフがTwitter含むwebから収集し、念のため確認し随時更新しています。 ・URLについては、一部見づらいかと思いますが、 ソースについて明示することを意図し、なるべく短縮していないものを使用しています。 ・川崎よりデザイナーの皆様にお願い デザイナーの皆さんに、放射能・放射性物質・放射線・汚染・被爆などを ピクトグラムでわかりやすい表現をしてできれば統一性などをマークやシンボル表現をしよう。 東北方面にも何をビジュアル化すべきかどう伝えるか「表現」を。 すでに様々な表現をそれぞれHP掲載を! ・水口克夫様(シンガタ)、柿木原政広様(10.inc)、水野学様(good design company) のお三方が関わって制作された、救援物資を送る際に使用するピクトグラムをいただきました ・ピクトグラムとリスト 3月18日 11:00修正 ダウンロード:https://ou
Noun Project is the World's Most Diverse and Extensive Collection of Icons and Mission-Driven Photos.
Instead of letters and numbers, an icon font contains glyphs, symbols, or pictograms. They are the simplest way for a UI designer to add icons to a UI design project. One of the great things about using an icon font is its scalability. They can be resized without losing quality, making them perfect for responsive web design. With CSS media queries, they can be scaled up for desktop or down for mob
A pictogram is basically an image that represents an object due to its resemblance. It doesn’t depend on a specific idiom, because it’s a visual language, recognizable by anyone. It’s commonly used nowadays in signs, instructions, or statistics. Also, the Chinese language is based on pictograms. To many spectators, pictograms are a familiar form of Olympic imagery. First introduced at the 1948 Gam
新着情報 2024年12月20日 【1月イベント案内】1月25日(土)から「本の街で心の目線を合わせる 第15回 四角い空のむこうへ―いつかぼくは、人工呼吸器をつけた気象予報士の第一号になるんだ!」由美村嬉々さん×川田晃夫さん×内多勝康さん 2024年11月12日 【イベント案内 更新】令和6年度 おかやまUDアンバサダー養成講座 受講者募集!(受講料無料・会場参加とオンラインで開催) 2024年10月29日 【イベント案内】共用品推進機構「視覚障害者向け総合イベント サイトワールド2024」(東京都墨田区)に出展 終了 2024年9月3日 【イベント案内】10月4日(金)13:30~オンライン「ADシンポジウム2024」増田明美さん(スポーツジャーナリスト)、倉野直紀さん(全日本ろうあ連盟)講演 終了 2024年7月31日 【イベント報告】第99回 令和6年度 全日本盲学校教育研究大会・
The Pedestrian Project consists of several performers wearing entirely black custom-made costumes modeled after the generic images of men, women, and children seen on public signs. Mimicking the lives of everyday people, the roaming sculptural forms inspire the imaginations of onlookers, who often find themselves mesmerized as these familiar icons assume busy lives of their own. Created by New Yor
You are looking at archived content. The hot new stuff is happening at Veerle's blog 3.0. You should check it out! Whenever I get a question from a user asking me “how did you draw this?”, I often have to answer that I’ve used the Pen tool. The Pen tool is probably the hardest tool to learn in Illustrator. It just takes time to master it fluently, but once you do, you have this freedom to create.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く