EXPERIENCE JAPAN PICTOGRAMSAnimated Pictograms日本に古くから根付く、独特の文化や習慣、 マナーをもっと楽しく、わかりやすく、身近に。 参拝お辞儀餅つきタクシーを拾う入浴手水茶道手締め電車相撲の決まり手阿波おどりComing Soon
この世で最も識別しやすいもの ― デスクトップ用Webサイトのハンバーガーメニューを使った、アイトラッキング研究 | POSTD
この世で最も識別しやすいもの ― デスクトップ用Webサイトのハンバーガーメニューを使った、アイトラッキング研究 おそらく皆さんは、「ハンバーガーメニューの使用についての別の意見か。まさにそれが必要なんだ」と思いながらこの記事を読んでいるでしょう。Appleは 「あなたが使っていないといいのだが…」 と言い、Googleの製品デザインのガイドラインには 「賛成だ。しかしこのようにデザインしよう」 とあり、Jacob Nielsenは 「代わりにピザにしてみよう」 と言い、例はまだまだ続きます。しかし、ちょっと待ってください。誓ってもいいのですが、この記事は違います。これは、あなたが自身のサイトをデザインする時に、興味深い考察が得られるような特定の質問に焦点をあてたものです。アイトラッキング・ソフトウェアと25人の親切な参加者の協力により、次のような質問に対する洞察を得るために実験を行うこと
IconJarが神 | murmuring design
こんにちは、最近「IconJar」というアプリがお気に入りなのでご紹介しますね。 概要： IconJarはOS X用のアプリケーションです。 現在こちら からベータ版が無料ダウンロード可能。ひとことでいうと、「アイコンを管理していつでも呼び出せるツール」です。名前そのままですね。 実際使ってみる： セットアップできたら、早速使ってみましょう。 使い方は簡単。対応している形式（PNG、SVG、GIF、TTF、OTF）のアイコンファイルをドサッとドラッグ＆ドロップするだけ。あとはいい感じにIconJarがまとめてくれます。 タグ付けや、フォルダ管理ができます。もちろん複数選択での一括編集も可能。不思議なことに、四角いマークには“Square”など、インテリジェントなタグ付けがなされます。だいたい、突っ込むだけでOKです。 あとは、使いたくなったときにIconJarを呼び出して、お好きなアイ
目からウロコ？よく見かけるアイコンの意味を探ってみた！
2013年9月19日 Web関連記事, ユーザビリティ プロダクト・プリント・Web・アプリ問わず、デザイン要素のひとつとしてよく使われるアイコン。普段なにげに見かけているアイコンの、本来の意味を考えたことはありますか？「そんな意味だったの！？」または「そんなの知らない人いるの！？」という意外なアイコンがありますよ。ちょっとしたうんちくですw ↑私が10年以上利用している会計ソフト！ Zipファイル Zipといえばデータファイルの圧縮やアーカイブ用のファイル形式。Zipは英語で「ファスナー（英語のジッパー：Zipper）で閉める」という意味があり、それが語源だと思われがちですが、実は元の意味である「ビュッと音をたてる」「勢いよく進む」「疾走する」から、他のフォーマットの圧縮時間よりも速いという意味を込めて命名されたそうです。アイコンではわかりやすく、ファスナーのイラストがよく用いられます。
The PLAY button is not optical alignment
Lots of people say that you can not center align the play button,the physics center is not the visual center . Well,actually I think you can,the key is to find the real center of the triangle. When you select a triangle in a design tool,usually it has a rectangle selection area,so the center is the rectangle’s center but not the triangle’s center.
Webアイコンクッキー会をしました - インターネットちゃんブログ
「Webアイコンクッキー会」 とは？ いまギークな女子のあいだで、ひそかに噂の「Webアイコンクッキー会」とは Webサービスのロゴやアプリのアイコンなど「インターネット」をモチーフにして みんなでいっしょにギークなクッキーを手づくりしよう、という会のこと。 おいしくてかわいい、食べられるインターネットをたのしんでいく企画です。 インターネット上でも 「かわいい！」 「これはすごい！」 「いつか私もつくってみたい！」 という声があふれたWebアイコンだらけのクッキー会、写真たっぷりでお届けします！ --> こんなところでやりました 会場は「農」と「食」をテーマにした コワーキングスペース「銀座ファーマーズラボ」http://www.farmers.jp/ 木のぬくもりと緑あふれるやさしいデザインで、ほっとくつろげる空間。 こんなかんじのところでした。 はじまりました インターネットが大好き
【随時更新】IT企業やWebサービスのロゴデータをダウンロードできる公式ページ集めました | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの佐藤タカアキ（@sato_tkaaki）です。 今回はブログのアイキャッチなどでよく使いそうな、ロゴデータをダウンロードできるオフィシャルサイトを集めました。 僕自身アイキャッチを作っていて、いちいちロゴの素材を探しに行くのは面倒だと思っていました。この機会にまとめて、見つける度に随時更新しながらストックしていこうと思います。 ※編集部注：念のためすべての規約に目を通し、適正な利用を心がけておりますが、不備などございましたら編集部までご連絡ください いろんなロゴデータ Facebook Twitter mixi Tumblr Instagram はてなブックマーク LINE Pinterest Youtube Vine Vimeo SoundCloud Skype Evernote ChatWork Dropbox Google Googleドライブ Microso
アイコンのユーザビリティ
ユーザーのアイコンに対する理解のベースになっているのは過去の経験だ。しかし、ほとんどのアイコンは使い方が定まっていないため、その意味を伝え、あいまいさを減らすにはテキストラベルが必要である。 Icon Usability by Aurora Bedford on July 27, 2014 日本語版2014年10月27日公開 色やスタイルを通してブランドのパーソナリティを伝える以外にも、グラフィカルユーザーインタフェースにおいて、アイコンで何よりも優先されるべきことは、意味を伝えることである。定義によると、アイコンとは、物体や動作、概念を視覚的に表したもののことである。そうした物体や動作、あるいは概念をユーザーがすぐに理解できなければ、そのアイコンは単なる見かけ倒し、つまり、まぎらわしく、いらだたしい、見ためは悪くないが意味のないもの、そして、タスクの達成を妨げる視覚的ノイズになってしまう
【保存版】デザインにも提案資料にも "めっちゃ使える" 無料のアイコン素材サイト17選
どうも、平成の☆ やな☆ぎさわです。 デザインや資料作成などで素敵なアイコンをサクッと配置したり、ワンポイントで使いたい時ってありますよね。 そんなとき、自分で作ると時間がかかるし、そもそも作れないよぉなんて悩んでる方は多いのではないでしょうか。というわけで、王道中の王道ですが、今回は素敵なアイコンサイトのご紹介と行きたいと思います。 もはや何番煎じだかわからないからこそ、全力で厳選しました。ぜひ。 ありとあらゆるアイコンが無料＆超激安で手に入る金字塔的サイト「ICONFINDER」 ICONFINDER >>サイトはコチラ 僕は、資料を作る際に必ずと言っていいほどこのサイトに依存してます。 検索は英語限定ですが、JPG、PNG形式はもちろん、ベクターデータや3D系まで異常なほど豊富なアイコン収録数が魅力。 本職のデザイナーさんでここを知らないって人はもはやいないと思いますが、非デザイナー
Licon - Lightness and Useful icons with Pure CSS3
Licon is Lightness and Useful icons with Pure CSS3.Licon is a simple, useful and lightness pack—icon that made with Pure CSS3 by Siamak Mokhtari at FictionTeam in Tehran, Iran. It has both SASS and LESS versions so it can easily be modified and merged into modern projects. It provides all the useful icons for good design without adding any images or fonts. Also you can add effects of Animate.css o
ScaleOut | Supership
「ミライリアルの幸せを、デジタルの力で創る」ことを目指すSupershipグループの社内報です。日々の出来事、メンバーの働く様子や声、未来への想いなど、Supershipグループの”Be Super”なストーリーをみんなでシェアしていきます。
Drawic v2.4.0
DrawicにPinboardのアイコンを加えるついでに忘れていたInkscapeのアイコンを追加した。Dribbbleはついで。チェックマークはユニコードで代用効きそうだけど、シャープが保証されてそうなやつない気がするので作っておいた。 SVGはメキメキと露出が増えてきた。今利用しようとすると、問題になるのはやはりCSSスプライトに相当する手段。CSSにData URIで埋め込んで「Text Sprite」などとプレゼンで言ってる人もいるけど、ちょっと微妙な感じ。機能的にはそうだとは言えるんだけど、言うまでもないデメリットがあるわけなので気軽に代わりに使えるわけではないから。このプレゼン自体はData URIする時にはURLエンコード使おうとか、他は大体頷きながら興味深く読めた。
Manipulating SVG Icons With Simple CSS | Envato Tuts+
This article is the second in a three-part series showing the new approaches to iconography Iconic will be delivering. Styling Icons With CSS Smart icons have gotten a lot of interest, but styling may be the most useful feature on a day to day basis. Icon sets cover a wide array of different subject matter, yet are rendered in a single visual style. That is often times appropriate, if not optimal.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Simple Icons
絵文字ジェネレーター - Slack 向け絵文字を無料で簡単生成
ギーク男子を振り向かせる！？バレンタインなのでアプリアイコンチョコをつくってみた | きんぎょ女子Media
Animaticons: Animated GIF Icons
Material Design Fonticons
https://github.com/cognitom/symbol-font-in-web/blob/master/src/markdown/01-%E3%82%B7%E3%83%B3%E3%83%9B%E3%82%99%E3%83%AB%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E3%81%A8%E3%81%AF.md
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
