スーパーイカメーカー さまざまなパーツをくみあわせて、 キミだけのさいかわイカをつくろう! ちゅうい! ※トレースや画像の加工は禁止です。 ※グッズ制作などへの転用も厳禁です。 ※個人のアイコンなどにご使用ください。 ※Twitterアプリ等からは画像保存ができないので、 Safari等のブラウザアプリからご利用ください。 ※JavaScriptをONにしないと動きません。
スーパーイカメーカー さまざまなパーツをくみあわせて、 キミだけのさいかわイカをつくろう! ちゅうい! ※トレースや画像の加工は禁止です。 ※グッズ制作などへの転用も厳禁です。 ※個人のアイコンなどにご使用ください。 ※Twitterアプリ等からは画像保存ができないので、 Safari等のブラウザアプリからご利用ください。 ※JavaScriptをONにしないと動きません。
同じウェブサイトでもデバイスによってデザインが崩れていたりすると、複数のデバイスを使い回すマルチタスクユーザーにとっては地味ながらストレスに感じるもの。そんなマルチデバイス化が必要なウェブデザインのアイコンにおいて、どんなサイズにしても劣化させずに使えるSVG形式で、無料かつ商用利用も可能というベクターアイコンパックが「GlyphPack」です。 GlyphPack - The Most Indispensable Web Font Icon Pack http://glyphpack.com/ GlyphPackは無料で商用利用も可能、どんなデバイスでも劣化せずに簡単に使えるSVGアイコンパック。今後のアップデートで新しいアイコンが追加されることもあるとのこと。さまざまな用途に対応可能な「アプリケーション」「エラー」「メディア」「ファイルタイプ」「ナビゲーション」「SNS&ブランド」のア
ユーザーのアイコンに対する理解のベースになっているのは過去の経験だ。しかし、ほとんどのアイコンは使い方が定まっていないため、その意味を伝え、あいまいさを減らすにはテキストラベルが必要である。 Icon Usability by Aurora Bedford on July 27, 2014 日本語版2014年10月27日公開 色やスタイルを通してブランドのパーソナリティを伝える以外にも、グラフィカルユーザーインタフェースにおいて、アイコンで何よりも優先されるべきことは、意味を伝えることである。定義によると、アイコンとは、物体や動作、概念を視覚的に表したもののことである。そうした物体や動作、あるいは概念をユーザーがすぐに理解できなければ、そのアイコンは単なる見かけ倒し、つまり、まぎらわしく、いらだたしい、見ためは悪くないが意味のないもの、そして、タスクの達成を妨げる視覚的ノイズになってしまう
著者:アラ・コルマトヴァ(Alla Kholmatova) 翻訳者:浅野 紀予 インターフェース上のアイコンを、ただの装飾要素ではなく、その価値を高める要素にするのはどんなポイントでしょうか? 直感的であること、美的価値があること、記憶しやすいこと、それとも文化の違いを超えて知覚できること? 効果的なアイコンはそれらの特徴をいくつも持ちあわせていますが、私はあるひとつの尺度に注目したいと思います — それは認識速度、つまりそのアイコンをどれくらいの速さで発見し識別できるか、という尺度です。 単純な暇つぶしアプリなら、認識速度の違いは大した問題ではなく、体験全体を揺るがすほどの影響を与えはしないかもしれません。 でも、複雑なトレーディングアプリでは事情が異なるでしょう。その場合、アイコン表現に求められる要件は、一段とスピード優先の傾向を強めます。個々の要素の処理時間が、インターフェース全体
久々にこんなベタな記事を載せてみたかった、ということで今日もアプリで一獲千金の夢を描いているあなたに送る、より注目を集めるアプリアイコンのデザイン手法についてまとめた記事をThe Next Webから。リリースしても注目を集めるのは至難の業なのがスマホアプリの世界。SEOも微妙な感じですし、広告費を投入するしか露出の手段はないのか、、、という感じですが、アイコンのデザインが良ければ他アプリより目立った露出とダウンロードを獲得できるかも?それが全てではないでしょうが、プラスになるには間違いない、アイコンデザインのティップス集です。 — SEO Japan これは、アイコン用検索エンジンIconFinderの創設者、Martin LeBlancによるゲスト投稿。彼をTwitterフォローするにはこちら。 6月にサンフランシスコで開催されたWWDCイベントの直後、大量のiOS7リソースがウェブ上
デザインとの相性や使いたいものが同セットになっているかなど少しでも選択肢は多い方が良いので、ダウンロードできるサイトを見つけてはメモしていたのですが、結構な数になってきたのでそれらの整理も兼ねたアイコンフォントについての備忘録です。 有償だけど高品質で種類も豊富みたいなセットもあったりするんですが、今回は基本的にフリーで使用できるもので、国内外合わせると全部で34サイトまとめています。 また、アイコンフォントの使用方法についても簡単にですが紹介するので、まだ使ったことがないけど実装したいという場合はそちらを参考にしてみてください。 アイコンフォントについて レスポンシブwebデザインが広まったなどをきっかけに、多くのサイトやブログでも取り入れられているのを見かけるようになったアイコンフォント。 実際に使用したことがある人ならわかると思いますが、本当に手軽に実装できて且つメリットもいろいろと
Elusive Icons is a webfont that can be used with any of your projects. Bootstrap-based, Foundation-based or even your custom projects! It was created by the need for an Open-Source font that can be used in your projects without licencing issues and/or other "attribution" claws. If you don't care much about licences there are many alternatives you can use, most notably the font-awesome font. (UPDAT
スマートフォンやタブレット端末などタッチスクリーンデバイスにおけるユーザーの指の動きを表すアイコンやステンシルを配布されているサイトの紹介です。 仕様書を書く時にこういうジェスチャー素材を入れておくと、動きに対するイメージの認識のズレがなくなるので助かります♪ デバイスごとにジェスチャーをまとめられているサイトもあるので、アプリの仕様を考える時など、この端末はどんな動きができるんだっけといった悩みも解消してくれます。 実写のジェスチャーアイコン 2012/5/23 High quality multitouch gesture for devices License: Creative Commons Attribution 3.0 マルチタッチジェスチャー素材9種類。 きれいな女性の手で、サイズは実物大! PSD形式で、赤い部分と手は別レイヤになっています。
最近話題になっていたこちらのサイトがとても便利です。 Fontello – http://fontello.com/ 使いたいフォントを選択します。 ここでは、「Entypo」フォントから5つ選択します。 選択が終わったら、上部のタブから「Edit codes」をクリックします。 アイコン画像の上部のバーをクリックして、アイコンに割り当てる文字列を決めます。 英語で頭文字を取るとか、abc~とかにするとかですかね。 文字列の指定が終わったら、フォントファイルのダウンロードを行います。 サイト右上にある「Download webfont(n)」をクリックしましょう。 「fontello-xxxxxxxx.zip」がダウンロードされます。 解凍して中身を見てみましょう。 fontello -cssフォルダ -icons.css -icons-codes.css -icons-ie7.css -
One of the great things about the App Store is that it inspires so much creativity from designers, it seems like there’s great new ideas for interfaces and interactions every week that delights the design community. There’s one sub-section of mobile design that never seems to get enough exposure – App Store icon design. It seems to have developed into its own art form, with immensely talented icon
Just send an email. I’d love to join your design team for the next project to build great products together! –Stefan Dziallas Copyright © iconwerk 1999–2024. All rights reserved. All other trademarks are the property of their respective owners. Imprint. If actual people, companies, bands, or animals are referred to, it’s in the spirit of tribute and free advertising. EU: Intra-Community supply. Ap
Leo's Icon Archive - 12,500 free icons, buddy icons, xp icons, vista icons, desktop icons, aim icons The Icon Archive is a collection of desktop icon sets from various authors of over 12,500 high quality icons for Windows, Macintosh and Linux Systems. 12500以上のハイクオリティなアイコンをまとめたサイト「IconArchive」 次のような超リアル&クールなアイコンを入手できます。 それぞれのページにライセンスが書いてあって、利用も簡単に出来ます。 その他サイトで使えるフリーのアイコン配布サイト Silk Icons Mini Icons
IconCool Studio 6 Professional icon software with 10-year history. 2000 Free icons. www.iconcool.com
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く