TOP  >  WEBデザイン

Tag : WEBデザイン

2013年04月14日

【商用可】丸で囲われたシンプルで使い勝手の良いアイコンセット「Metrize Icons」

WEBでのユーザーインターフェイスを劇的に改善してくれるアイコン。それだけに素材としても多く流通しており、WEB上では様々な高品質のアイコンセットが公開されていますが、今日紹介するのは丸で囲われたシンプルで使い勝手の良いアイコンセット「Metrize Icons」です。

収録されているアイコンは全部で300種類にも及び、それぞれシンプルなピクトグラムライクなものとなっております。

詳しくは以下

(さらに…)

続きを読む
posted 04:51  |  
Category: Design , vector   
このエントリーをはてなブックマークに追加
2013年03月02日

ベクターで利用できるシンプルなアイコン200個セット「200 Free Glyphs」

アプリにしてもWEBにしても非常に利用頻度が高い、アイコン素材。それだけに様々なアイコンセットが素材としてWEBでは提供されていますが、今日紹介するのはベクターで利用できるシンプルなアイコン200個セット「200 Free Glyphs」です。

シンプルで簡潔なアイコンが全部で200個まとめられています。顔文字的なものから、矢印やタグソーシャルメディアまでWEBで利用できそうなアイコンがほぼ揃うアイコンセットになっています。

詳しくは以下

200icon2

アイコン素材はセットが変わるとどうしても調整が必要なため、種類が少ないと、自分で作る部分が増えたり、制作したものと合わせる作業が必要になります。こちらのアイコンセットは、利用頻度の高そうなアイコンが網羅されていますので、その点はこのアイコンセットのみで、制作も完結することができそうな気がします。

配布形式はpsdとなり「Dribbble – 200 Free Glyphs by Joel Siddall」の「free-download.psd」というテキストリンクからダウンロード可能です。

Dribbble – 200 Free Glyphs by Joel Siddall

続きを読む
posted 08:52  |  
Category: Design , WebDesign   
このエントリーをはてなブックマークに追加
2013年02月11日

オープンソースライセンスで利用できるCSSリソースのまとめ「Collection of Useful Open Source CSS Resources」

CSSで実現できる範囲は確実に広がってきており、様々な試みがWEB上ではプロジェクト化され公開されていますが、今回紹介するのはオープンソースライセンスで利用できるCSSリソースのまとめ「Collection of Useful Open Source CSS Resources」です。


WebInterface Lab CSS Snippets

上記の他にフレームワークから、ボタン・パーツ系まで様々なサイトがまとめられていましたので、今日はその中からピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2013年02月03日

【商用利用可】シンプルで上質な280個ものアイコンセット「Steadysets – 280 free icons」

インターフェイスを補助したり、デザインの質を上げてくれる、便利な素材アイコン。WEBデザインでは、メニューだったり、その他付随する機能を表すときには非常に重宝しますが、今日紹介するのはシンプルで上質な280個ものアイコンセット「Steadysets – 280 free icons」です。

こちらは普段利用しそうなインターフェイス系のアイコンから、宝石やハート、注射器といったグラフィック系のアイコンまで、全部で280個ものアイコンがセットになったアイコンセットとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 04:19  |  
Category: WebService   
このエントリーをはてなブックマークに追加
2013年01月27日

無料で利用できるお天気アイコンセット30「30+ Sets of High-Quality Weather Icons for Free」

WEBサイトを制作していると様々な要件があり、コンテンツの一つとして天気を表示させてほしいなどのオーダーを受ける場合もあると思います。今日紹介するのは無料で利用できるお天気アイコンセット30「30+ Sets of High-Quality Weather Icons for Free」です。


Sketcy Weather Icons Glow ed. by AzureSol

シンプルなものから、かなり書き込まれたものまで、様々なアイコンセットがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:30  |  
Category: Design , WebDesign   
このエントリーをはてなブックマークに追加
2013年01月26日

選んだ色を基準にして、色を選べるWEBツール「colllor」

色の決定や配色は難しく、経験があるデザイナーでも迷う事も多いのではないでしょうか?オレンジや赤と一口にいっても様々なオレンジや赤があり、最終どの色がふさわしいか吟味に時間を使うというデザイナーも多いと思います。今日紹介するのは自分の選んだ色を基準にして、色を選べるWEBツール「colllor」です。

このツールはまず自分で色をカラーツールで選択し、その後選んだ色の周辺色やトーン違い等を並べて提示してくれるというもので、その色の差を見比べながら決定できるというものです。

詳しくは以下

(さらに…)

続きを読む
posted 02:53  |  
Category: WebService   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2008年11月24日

新人デザイナーのためのillustrator+αショートカットキー一覧のまとめ

ショートカットキーを使えば、すぐできること、改善できることというのが沢山あります。しかしなかなか慣れてくるまではどうしてもUIに頼って、ショートカットキーを使わないなんて人も多いかと思います。そこで今回は操作に慣れていない人向けにillustoratorのショットカットキーを覚えるために役立つWEBサイトを紹介したいと思います。


photo by laffy4k

探してみるとものすごい数のチートシートがありますが、今日は使えそうなものをいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 05:12  |  
Category: Design   
2017年06月25日

シンプルな構造で幅広く活用できる 人物ラインアイコン「Freebie: Line-Style User Avatar Icon Set」

ビジネス、ライフスタイル、ソーシャルなど、アイコンにはいろいろな種類があり、常にチェックしストックしておくことでさまざまなシーンで役立ってくれます。そんな中今回紹介するのは、人物のラインアイコン「Freebie: Line-Style User Avatar Icon Set」です。

hito_lineicons01

人物をテーマとしたラインアイコンで、シンプルなテイストでありながらもどこか個性を感じるデザインが特徴となっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Tool   
2009年07月28日

イラストレーターのチュートリアル22選「22 Very Useful Adobe Illustrator Tutorials」

デザイン業界には必須のアプリケーション。イラストレーター多くのクリエイターが利用しているかと思います。今日紹介するのはそんなイラストレーターのチュートリアルを集めたエントリー「22 Very Useful Adobe Illustrator Tutorials」です。

illustrator_tuts_01
Design with Swirls and Flourishes

WEBのワイヤーフレームから、グラフィックテクニックまで幅広いチュートリアルが記載されています。今日はその中からいくつか気になったチュートリアルをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 12:42  |  
Category: Design , vector   
2015年04月06日

テープで貼り付けたビジュアルを簡単に表現できるフリーPhotoshopブラシ集「40 Handy And Free Tape Brushes For Your Photoshop」

デザイン上でラフな表現をしたい時にポイント使いとして利用されることの多い、テープで貼り付けたビジュアル表現。幅広く応用できるため、さまざまなシーンで活用することができます。今回はそんなテープのビジュアルを簡単に表現できるフリーPhotoshopブラシ集「40 Handy And Free Tape Brushes For Your Photoshop」を紹介したいと思います。

tapebrush1
A3D Pieces of Tape Brushes by angela3d on DeviantArt

いろいろな種類のテープを、Photoshopブラシを使って手軽にビジュアル化することができます。

詳しくは以下

(さらに…)

続きを読む
posted 11:37  |  
Category: Photoshop   
2017年05月25日

UIデザインに機能的なアニメーションをつける4つのポイント「4 Ways Use Functional Animation in UI Design」

デザインに動きをつけてより見やすいUIを作り上げるとこができる、UIアニメーション。上手に利用すれば良いUIを制作できますが、動きという印象に残る要素になるため、取り入れるにはコツが必要です。今回ご紹介するのは、そんな時に役立つ、UIデザインにアニメーションを盛り込むコツをまとめた「4 Ways Use Functional Animation in UI Design」です。

animationui

アニメーションを採用するための4つの覚えておきたいポイントが、非常にわかりやすく実例も踏まえて解説されています。

(さらに…)

続きを読む
posted 10:00  |  
Category: WebService   
2008年07月28日

そっくりなロゴデザインを集めた「When logos look alike」

世界には様々な企業やサービスがあり、数々のロゴが日々生み出されていますが、今回紹介するのは見た目が似ているロゴマーク、ロゴタイプを集めたエントリー「When logos look alike」です。


Sumpter & Gonzalez LLP and Stylegala

そっくりというか色違いの様なモノから、一部アイデアが被ってしまったのだろうというモノから様々な事例が取り上げられていました。今日はその中から気になったモノをいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 05:35  |  
Category: Design   
tag: Design
2014年05月27日

ラフなテイストの表現に便利な手描きアイコンまとめ「17 Free Awesome Hand-Drawn Icon Sets」

立体的やフラットなどがアイコンのテイストとしての種類は豊富に展開されていますが、今回紹介するのは、ラフなテイストの表現に便利な手描きアイコンまとめ「17 Free Awesome Hand-Drawn Icon Sets」です。

handicon2
Hand Drawn Web FREE icon set by kac2or on deviantART

ハンドドローイングのさまざまな種類のアイコンが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2009年07月24日

商用可!クリエイティブでユニークな厳選フォント集「The League of Moveable Type」

様々なフォントが国内外、配布されていますが、今日紹介する「The League of Moveable Type」はそのなかでもクリエイティブなフォントをいくつか公開していてダウンロードする事ができます。

asopenfont01
Blackout-13

サイトの名前を見るとちょっとフォント配布サイトに聞こえない部分がありますが、すべてのフォントはオープンソースの考え方が根底にあるみたいで、無償で社会貢献のため無償で公開されています。収録されているフォントを下記に紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 01:36  |  
Category: Design , Font   
tag: Design Font
2015年10月02日

グラフやチャートのベクターグラフィックコレクション「Vector Graph & Chart Collection」

数字などのデータをビジュアルで表現したい時に使用するグラフやチャートはとても便利なグラフィック。いろいろなシーンで活躍してくれますが、今回はそんなグラフやチャートのベクターグラフィックコレクション「Vector Graph & Chart Collection」を紹介したいと思います。

graphs1
Free Collection of 36 Vector Graphs & Charts

白黒タイプ、またカラータイプの2種類のグラフ・チャートのベクター形式の素材がフリーでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 04:54  |  
Category: Design   
2017年04月20日

母の日をイメージさせるフリーアイコンセット「Free Mother’s Day Graphics」

母親に感謝の気持ちを伝える「母の日」。すでになにかプレゼントを計画されている方も多いのではないでしょうか?今回はそんな特別な瞬間にデザインで気持ちを伝えるシーンのための素材「Free Mother’s Day Graphics」を紹介したいと思います。

top
Designbeep Mother

母の日をイメージさせる種類も揃ったアイコンセットで、かわいらしいイラストレーションが特徴の心温まるフリー素材です。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る