アイコンデザイン 7つの原則、優れたアイコンをデザインするために
Webサイトでもスマホアプリでも、アイコンのデザインは非常に重要です。優れたアイコンをデザインするために必要な7つの原則を紹介します。 アイコンだけでなく、UI全体のデザインにも通じるプロのデザインテクニックが詳しく解説されています。 7 Principles of Icon Design by Helena Zhang 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Clarity -アイコンは分かりやすく Readability -アイコンは見やすく Alignment -アイコンにおける揃え Brevity -アイコンは簡潔にデザインする Consistency -アイコンの一貫性 Personality -アイコンの個性 Ease of Use -アイコンの使いやすさ アイコンのリソース Clarity -アイコンは分か
【2018年版】アイコンデザインの押さえておきたい流行トレンド8個と新作フリーアイコンまとめ - PhotoshopVIP
アイコンは、デザインの中でも重要な要素のひとつですが、同時によく見落とされがちな要素でもあります。ここでは、2018年のアイコンデザインの押さえておきたいトレンド8個を詳しく見ていきましょう。 これらのトレンド、ポイントを押さえることで、サイトやアプリの使いやすさ、ユーザビリティを改善するだけでなく、独自のデザイン性を表現し、プロジェクトをより魅力的に仕上げることができます。 後半では、実際にデザイン制作で利用できる新作フリーアイコン素材も一緒にまとめているので、こちらも参考にしてみてはいかがでしょう。 1. ラインスタイル・アイコンデザイン このアイコンスタイルは、流行り廃りがないデザイントレンドと言えます。その理由のひとつは、どんな背景デザインにも対応できる点で、人気のアイコンパックには通常、線画スタイルが一緒に収録されています。上記サンプル例のように、どんなサイズでも見やすく、分かり
無料で色編集もできる！フリーのアイコン素材サイトOrion Icon Library | SONICMOOV LAB
以前の記事アプリのアイコンデザインの参考にしたいサイト12選でアプリのアイコンのデザインの参考になりそうなサイトを紹介したのですが、今回はオンライン上で無料で配布されているフリーのアイコン素材サイトOrion Icon Libraryを紹介したいと思います。 関連 これは便利！コピペで使えるCSSのみで作られたアイコン500+ CSS Icons 目次 Orion Icon Libraryとは？ ライセンスについて 使い方 Orion Icon Libraryとは？ Orion Icon Libraryは、6000以上の中から好きなアイコンを選んで、線の太さや大きさを変更でき、しかも色を編集することもできるフリーのアイコン素材配布サイトです。また、同じアイコンでも「線、塗りつぶし、カラー、フラット」と4種類のデザインの中から選んで編集することができるようになっています。 例えば、線の太さや
「クックパッド MYキッチン」のアプリアイコンができるまで - クックパッド開発者ブログ
こんにちは投稿開発部の佐野大河です。React Native 新アプリシリーズ連載4日目はReact Native のお話はしません。今日はその新アプリ「クックパッド MYキッチン」のアプリアイコンの制作過程について書こうと思います。 連載初日の記事でもありましたように、クックパッド MYキッチン（以下、MYキッチンアプリ）は、レシピ投稿者に使いたいと思ってもらうことを目指したアプリです。ベースの機能はクックパッドとは大きく変わらない派生アプリのようなものですが、レシピ投稿者に好んで使い続けてもらえるように、全く新しいアプリとしてユーザーに届けたいという想いがありました。なので、MYキッチンアプリのアイコンを考えるにあたって、通常のクックパッドアプリのブランドイメージを引き継ぎつつも「MYキッチンアプリらしい」シンボルをいちから考えました。 今回はこのアプリアイコン完成までのプロセスを（迷
アイコンのデザインって奥深い！最近のアイコンに使われている、シンプルなすごいデザインテクニック
アイコンは、非常に奥深いデザインです。 サイトやアプリのさまざまなアクションを示すためのビジュアルキューであり、プロダクトやサービスに固有のアイデンティティーを与えることができます。 無料のアイコンは確かに便利です。しかしあなた以外もダウンロードして、そのアイコンを利用しています。アイコンのデザインに少し手を加えて、視覚的な深みを与え、アイコンにオリジナリティをだすデザインのチュートリアルを紹介します。 How to Quickly Turn Boring Icons into Original Masterpieces アイコンの基本的な作り方は、前回の記事を参考にしてみてください。 シンプルな図形を組み合わせて作成する驚きのテクニックが満載です。 簡単なのにすごい、アイコンを作るテクニックのまとめ 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを
これでもうアイコンには困らない！永遠に無料利用できる1,800種類のミニマルにデザインされたアイコン素材
FREE for you, forever. 1,800種類ものミニマルにデザインされた、永遠に無料利用できるアイコン素材を紹介します。 PSD, AI, Sketch, SVGも完備されており、ダウンロードしておいて損はないですね。 1,800種類は多すぎるので、ごく一部 カテゴリは16、それぞれ100種類くらいある感じです。 Utilities Arrows Messages, Mails Emoji Map, Transport Tools Design Media Network, Web Users Time, Education Social Tech Shop Other Files, Folders アイコンの基本サイズは20x20pxで、鋭角と角丸の2種類でデザインされています。
10251.net - 10251 リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
無料でできる！オリジナルアイコンフォントを作ってみよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさんはじめまして！ アートディレクター兼デザイナーの長岡と申します。 社内では、ひろさんと呼ばれています。 入社したばかりですが、どうやらLIGの最年長記録を更新したようです(^^;) 2児の父親として、プライベートでは、子育てに奮闘中なのですが、最近乗り物に興味を持ちだした息子。 電車や車が大好きなようで、テレビに映る度に指をさして「でぇ～んしゃ～♪」とか「ぶぅ～ぶぅ～♪」と叫んでます。 そんな息子の姿を見て、毎日癒されてます(^-^) さて本題に入りますが、スマホサイト・レスポンシブデザイン・Bootstrapなどで度々目にするアイコンフォント。 モバイルファーストを考えながらの制作ですと、表示速度も意識しなければなりませんね～。 フリーのアイコンフォントは、たくさんあれど、「アイコンが多すぎる！」「もっと少なくしたい！」「オリジナルでアイコンを作ったけれども、これをどうにかアイコ
デザイン性の高い種類が揃ったアイコンセットまとめ「38 Fresh and Modern Icon Sets」
アイコンには、主流のフラットデザインから、立体感のあるリアルなテイストまで、さまざまなデザインのものが存在していますが、今回紹介するのは、デザイン性の高い種類が揃ったアイコンセットまとめ「38 Fresh and Modern Icon Sets」です。 Download – figurelab いろいろなテイストで制作された、多彩なテーマのアイコンが揃っています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Dribbble – Business Flat Icons (FREE Vector) by York Swan ビジネスをテーマとしたフラットアイコン。レトロな雰囲気のカラーリングが印象的です。 Icon-Works いろいろな種類のアイコンが揃っているので、いろいろなデザインシーンで活用することができそうです。 20 Free Square I
Free vectors icons
No notifications to show yet You’ll see useful information here soon. Stay tuned!
食材や料理、キッチン小物、調理器具などが揃っているおいしいアイコン素材 -Yummicon
あの肉、あのチーズ、あの目玉焼きをはじめ、肉、魚、野菜、果物、料理、ファーストフード、お菓子、お茶、お酒などのアイテムが揃ったおいしさをテーマにしたアイコン素材を紹介します。
もうアイコンには困らないぞ！ 11,245個のピクトグラムのアイコンがダウンロードできる -flaticon
10,000個以上あっても品質はどうよ、と思う人もいるかもしれませんが、サイトを運営しているのは当ブログともコラボしたfreepik.com！ 彼らのアイコンをはじめ、質の高いアイコンが揃っています。 ちなみに、コラボしたのはCelebrations Icon Setです。
黒板にチョークで書いたようなかすれ具合がいい味を出してるフリーのアイコン素材 -Chalk Web Icons
ウェブだけでなく、紙でも利用可能なハンドメイドのフリーのアイコン素材を紹介します。 黒板デザインの名刺でも作りたいですね。 Free Chalk Web Icons アイコンのデザインは全部で40種類で、Facebook, Twitter, Google+をはじめさまざまなソーシャルサービスが揃っています。 アイコン全40種類 ダウンロードできる素材のフォーマットはPSDと透過PNGで、サイズは64x64, 128x128, 256x256と大きなものまで揃っています。 素材の利用にあたっては個人でも商用でも無料で、ウェブだけでなく印刷、ポスター、フライヤー、名刺などに使用しても構わない、とのことです。 詳しくは下記ページをご覧ください。 Download Terms
ファビコン（favicon）とは？代表的なサイズと基本の作成方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ファビコンはサイト閲覧時のタブ以外にも、多くの場所で使われていることがわかります。 また、上記以外にも検索結果画面にも表示されるため、そのサイトを表す適切なアイコンを設定するようにしましょう。 作成時のサイズは512px × 512pxのみでOK これだけサイズがあると、全て用意するのかと不安になってしまいますが、WordPress4.3以降のバージョンであれば512px × 512pxのPNG形式ファイルを作成すれば全てに対応してくれるようになりました。 複数作成する必要はないので安心してください。 WordPress以外の場合 WordPressを利用しておらず上記のような自動適用の機能がない場合、またはWordPressが4.3以前のバージョンの場合は、各サイズのアイコンを用意する必要があります。 各ブラウザのファビコン表示サイズは先ほどの表の通り16px × 16px が一般的です
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Icônes
便利なツールが登場！ハンバーガーをXに変形させるのも簡単、SVGアイコンをアニメーション化できる無料ツール
こいつ動くぞ！商用利用無料、シンプルにデザインされたフォントもSVGも揃ったフリーのアイコン素材 -Box Icons
アイコン素材ダウンロードサイト「icooon-mono」 | 商用利用可能なアイコン素材が無料(フリー)ダウンロードできるサイト | 6000個以上のアイコン素材を無料でダウンロードできるサイト ICOOON MONO
商用利用無料！スマホに最適化されたビジネス用のシンプルなデザインのアイコン素材 -Subway
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
