汎用性に優れたベーシックなものから、ちょっと珍しいものをモチーフしたものまで、最近リリースされた商用でも無料で利用できる高品質なアイコン素材を紹介します。 まずは、7カテゴリ計730+種類の豊富なアイコンが揃ったLineaから。 最近のアイコン素材はベクターベースのものが多く、サイズやカラーを変更して利用できるのもいいですよね。
![最近リリースされた商用でも無料利用できる、ダウンロードしておきたいアイコン素材のまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/e924cceb9b2c4a366e226be566d3d8f4739ebd1c/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201403%2F2014091101-13.png)
汎用性に優れたベーシックなものから、ちょっと珍しいものをモチーフしたものまで、最近リリースされた商用でも無料で利用できる高品質なアイコン素材を紹介します。 まずは、7カテゴリ計730+種類の豊富なアイコンが揃ったLineaから。 最近のアイコン素材はベクターベースのものが多く、サイズやカラーを変更して利用できるのもいいですよね。
本日注文受付が開始された新型Mac Proはその形状から通称”ゴミ箱”とも言われていますが、その新型Mac Pro風デザインのゴミ箱アイコンが公開されたので、標準のゴミ箱アイコンとの変更方法と共に紹介したいと思います。 標準のゴミ箱アイコンとの変更方法 こちらからアイコンファイルをダウンロードし解凍 Machintosh HD > システム > ライブラリ > CoreServicesにアクセスし、「Dock.app」を右クリックし、「パッケージの内容を表示」を選択 Contents > Resources にアクセス 「Resources」フォルダ内にある下記の8つファイルをバックアップ 1でダウンロードしたアイコン画像ファイルを「Resources」フォルダにドラッグ&ドロップして旧ファイルと置き換え(ファイル名に”reflection”が入った4つの旧アイコン画像ファイルは削除) タ
今回はiOS 6とiOS 7の角丸アイコンをワンクリックで作成できる「Icon Shaper」をご紹介します!
ネットワーク図を作る時に便利なアイコン集のまとめ(2016年度版)を作りました。最新のアイコン集はそちらをご覧下さい。 ネットワークマップなどネトワーク系の作図を行う際、アイコンが無い場合であったり、製品にあったアイコンなどが見つからずアイコンを探すのに苦労をする場合があると思います。サーバやネットワーク機器のメーカによっては、ネットワーク系の作図を行う時に使えるアイコンやVisioのステンシルを提供しているところがあります。今回はそれぞれネットワーク図の作図に便利なアイコンを配布しているサイトをご紹介いたします。 《「INTEROPのトポロジ図アイコン」(2014/06/24追記)》図面とともにあらんことを!:第二面 – ネットワークのゲンバ(2014) | Interop Tokyo 2014の5ページ目にOne more thing…として、ShowNet の図面で使っているアイコン
Drawscript - convert Illustrator shapes into code イラレの図形をObjectiveCやAS3、JSON形式に変換できるイラレ拡張「DrawScript」。 イラレで作成した図形をコードに変換してプログラム内で使いたい場合に使えそう。 次のように図形を変形させればコードが生成されるみたいです 覚えておくとよさげです 関連エントリ iPadやスマホのテンプレが詰まったイラレ用のワイヤーフレーム作成キット 立体的なサイコロ画像を描画するイラストレーターチュートリアル GUIパーツやアイコンがセットになったイラストレーター用UIデザインフレームワーク イラストレータで綺麗なアイコンを作るチュートリアル35
私のデザイン修正で一番多い指示が、「メリハリをつけてください」で、以前はどうすれば良いかわからず困っておりました…。(今も時々わからなくなりますが…) 最近ようやくどうすればメリハリがつくかわかってきたので、その方法をまとめてみました。 「メリハリをつけてください」の修正意図は、目立つべきところが目立っていないので、重要な部分を視覚的にはっきりさせてください、ということだと思います。 例として、以下のような見出しとテキストをもとに考えてみます。 (メリハリをつける場合、サイト全体のバランスをみてつけることが必要ですが、ここではわかりやすくするため、見出しと説明文のみで考えています) (引用:Wikipedia: カメラ http://ja.wikipedia.org/wiki/%E3%82%AB%E3%83%A1%E3%83%A9) 私の場合、メリハリをつけるのは以下7つの方法が多いです。
こんにちは、デザイナーの花ちゃんです! Webサイトのデザインをしていると、アイコンを取り入れる場面がよくあると思います。アイコンには文字だけではわかりにくい情報を、ユーザーに対して直感的に素早く伝える効果があります。また、モチーフを簡略化しているので、限られたスペースでもしっかりその機能を果たしてくれます。 今回は、Webサイトはもちろん、図版や資料作成にも欠かせない、無料で使えるアイコン素材サイトをテイスト別にまとめてみました! 独学でつまずいていませんか? Illustratorの使い方を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい!」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2
世の中にあるチュートリアル見まくって、沢山の技術や表現力を得て自分自身のオリジナルへと昇華させようぜ!的な記事を以前書かせて頂いたのですが、この記事を友人にもみてもらい、感想もらったりした結果、中々具体的な作る目的が無いと、チュートリアルとか出さないのが正直な所なのかもしれませんね。「これ、作るぞ!」みたいなやる気というかそういうの。 しかし、色々な人の話しを聞いている中で、以前のチュートリアル記事の中で、アイコンを作るチュートリアルに関して多くの人からコメントを頂きました。「おぉ、アイコンつくるチュートリアルすかー」みたいな。んで、もしかしたら、アイコンという誰しも一度は作ってみようと思う物を通したチュートリアルであれば、結構楽しくスキルアップできるんじゃないかと思った訳です! アイコンであれば色々なところで必要になるし、ミニマルだろうが、ポータルだろうが、コーポレートだろうが、ECだろ
新しい iPad もリリースされて、用意すべき画像サイスがわけわからなくなってきたのでチト整理しときますね。 ※2012/9/13 iPhone5 対応追加 アプリ作ったら用意する画像のサイズ一覧(保存版) - iPhone/iPad アプリアイコン * 57x57 * 114x114 (@2x) * 72x72 (iPad用だけどiPhoneアプリでも用意するべき) * 144x144 (@2x)(iPad用だけどiPhoneアプリでも用意するべき) * 29x29 (検索結果用 - 必須ではない) * 58x58 (@2x)(検索結果用 - 必須ではない * 50x50 (必須ではない。iPad 対応してなければ不要) * 100x100 (@2x)(必須ではない。iPad 対応してなければ不要) * 512x512 (アプリ申請時に必要) (@2x)とついてるものは、ファイル名を x
中学の時、絵画の宿題を天地逆さまに貼り出された経験があります。どうも、@OZPA です。 さて、世の中には何かの「才能」というモノにあふれた人というのが、自分の周りを見渡すと結構いるわけです。 で、こと「絵(似顔絵)」のそれに関して、私が惚れ込んでいるほど感服するレベルのお方が一人いらっしゃいます。 それが大阪のイベント「No Blog, No Life」でも受付をお願いしました@LHnao さんという主婦の方なのですが、その@LHnao さんが、ご主人の@fujimotta さんとともにふじもなおのアトリエという似顔絵サービスを始められました。 ふじもなおのアトリエ @LHnao さんのイラストサイトはこちら→illight 上はふじもなおのアトリエのトップ画面にある説明ですが、こんな感じで写真を送付すると似顔絵を描き上げてくれるというサービスです。 @LHnao さんのイラストサイト、
年の瀬も押し迫ってまいりましたね。どうも、@OZPA です。 さて、気がつかれた方もいらっしゃるかもしれませんが、最近ブログのfaviconを変更いたしました。 そんなわけで、icoファイルの用意を容易にしてくれたサービス「Dynamic Drive」の「FavIcon Generator」をご紹介。 参考:Dynamic Drive- FavIcon Generator favicon用の画像を用意 まずはfavicon用の画像を用意します。 やだ・・・かわいい・・・! 画像ファイルはgif, jpg, png, bmpのどれかにしておきましょう。 画像の用意ができたらDynamic Drive- FavIcon Generatorへ移動。 英語のサイトですが、使い方はめがっさシンプルです。 ご覧のとおり、画像を選択、必要な場合はOptionにチェックを入れて「Create Icon」ク
ウェブサイトやちょっとしたワンポイントに使える高品質なアイコン集が「ArtDesigner.lv」にて公開されています。それぞれアイコンセットはCCライセンスで配布されており、ライセンスの範疇であれば無料で利用することができます。商用利用もOKなので、助かる人は多いはず。 Lovely Website icons Pack#1 | Artdesigner.lv 中身はこのような8種類のアイコンがPNGで収録されています。 Lovely Website icons Pack#2 | Artdesigner.lv こちらも中身は8種類のPNGファイル WEB UI Treasure Chest v 1.0 | Artdesigner.lv 種類が多彩で、しかもPSDファイルで提供されています。文字などはレイヤーで重ねられているので、ほかの文字に変えたい場合にも簡単に編集することができます。 S
全653種、商用利用無料、再配布可能だけでもすごいですが、更にベクターのEPS付きとフリー素材として至れり尽くせりのアイコンを紹介します。 アイコンのデザインもシンプルなので、使い勝手もよさそうです。 Default Icon [ad#ad-2] ダウンロードできるアイコンのフォーマットはEPS, PNG(16x16, 32x32, 48x48, 64x64, 128x128, 256x256)です。 アイコン全653種はウェブサイト・ウェブアプリケーション用にさまざまなものが揃っています。 以前紹介した際はver.1で168種類でしたが、作者様よりver.2にして数も増やしたよ、と連絡を受けました。 [ad#ad-2] アイコンのライセンスはCC 3.0で、個人でも商用でも無料で利用できます。また、再配布も可能、とのことです。
商用利用無料、さまざまなウェブサイト・ウェブアプリケーションでの利用を想定してデザインされたGoogle+風のシンプルなアイコン素材を紹介します。
アイコンやシンボルなどの形をしたフリーフォント のまとめ。なかなか使い勝手が良いものがいつ のまにか増えていたので色々とまとめてダウン ロードしましたのでその過程で良さそうに感じた ものをシェアしてみます。まだお盆明けだったり お休み中な感じなので軽めの話題で・・ というわけでシンボルタイプのフリーフォントのまとめ。サクッとアクセント加えたい時にアイコン作ったり、というのも面倒なのでフォントで済むならそのほうが早いですし、いくつか覚えておくと便利なんじゃないかなと。 順不同です。ライセンスは各々でご確認ください。 SYMBOL SIGNS ピクトグラムとか標識でよく見かけるシンボルのフォント SYMBOL SIGNS NOTICE こちらも標識で見かけるタイプの角丸フォント NOTICE DINGBESTS 鉛筆や消しゴム、電話機など使い勝手の良いデザインフォント DINGBESTS GL
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く