TOP  >  ベクター

Tag : ベクター

2019年01月09日

ベクターデータで描かれた150のアイコンセット「A free set of 150 vector icons」

Illustratorなどのソフトウェアでカスタマイズしながら利用できるため、どんな制作現場でも使い勝手がいいベクターデータ。今日紹介するのはベクターデータで描かれた150のアイコンセット「A free set of 150 vector icons」です。

150-vector-icons-580x435

天気のような汎用的なものから、斧やドライバーといった少しマニアックなものまで様々なモチーフがアイコン化されています。収録されているアイコンセットの一部は以下からご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 07:28  |  
Category: Design , vector   
このエントリーをはてなブックマークに追加
2018年09月24日

ベクターデータで配布されている、かわいいアイコンセット「Autumn Kawaii Icon Set (50 Icons, SVG & PNG)」

自分自身を表現するシーンで自分の分身となるアバター。様々なタイプのアバターが世の中には溢れていますが、今回紹介するのはベクターデータで配布されている、かわいいアイコンセット「Autumn Kawaii Icon Set (50 Icons, SVG & PNG)」です。

au01

このアイコンセットは全部で50種類ものアイコンがセットとなっており、雲や紅葉、りんごなど秋を感じるアイコンがセットになっています。

詳しくは以下

(さらに…)

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

手描きのイラストが特徴のウェディング用ベクター素材セット「Hand Drawn Wedding Stationery Vectors」

ウェディングは、ウェルカムボードや招待状など、さまざまなツールを使用することが多いイベントです。今回はそんなときにぜひ活用したい、手描きのイラストが特徴のウェディング用ベクター素材セット「Hand Drawn Wedding Stationery Vectors」を紹介したいと思います。

weddig2

やわらかい雰囲気が特徴のウェディングのペーパーツール用の素材がセットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2018年07月04日

150種類以上の可愛らしいベクターアイコンがセットになった「150+ Free Vector Icons for Web, iOS and Android Apps UI Desgin」

アイコンは意味を伝えるために欠かせないアイテムです。説明文ではなくイラストを用いることで理解もしやすくなるので、Webサイトなどでは多く使われています。そんな中今回は、150種類以上の可愛らしいベクターアイコンがセットになった「150+ Free Vector Icons for Web, iOS and Android Apps UI Desgin」です。

vectoricons_01

150種類以上の豊富なアイコンが3パターンのカラー展開された、汎用性の高いアイテムです。

詳しくは以下

(さらに…)

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

ポイントやアクセントに使えるスパイラルベクター素材セット「12 Spiral free vector elements set edition 6」

デザインのポイントやアクセントに使いやすい素材が一つ在ると、作業の効率もアップするもの。今回ご紹介するのは、そんなアクセントやポイントにと活躍してくれるスパイラルなベクター素材セット「12 Spiral free vector elements set edition 6」です。

12-spiral-free-vector-elements1
12 Spiral free vector elements set edition 6 | Creative Nerds

印刷やWebなど多彩なシーンで利用できるスパイラル素材が12パターン収録されています。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2018年05月08日

ビジネスシーンで活用できるフリーのアイコンセット「Free Line & Flat Business Icon Set (50 Icons, PNG & SVG)」

ビジネスシーンでは資料作りなどでアイコンを使う機会も多くあるかと思います。そんな時にすぐに使える素材、フリービジネスアイコンセット「Free Line & Flat Business Icon Set (50 Icons, PNG & SVG)」を今回は紹介したいと思います。

business_icon01

ポップで明るい印象を与えてくれるアイコンのセットです。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design , vector   
このエントリーをはてなブックマークに追加

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

2009年05月18日

無料でダウンロードできるWEBサイトのPSDテンプレート「Best of FREE PSD Templates」

WEBサイトを制作する時の方法は人それぞれだと思いますが、まずはPSDでモックアップを作ってからと言う方も多いのではないでしょうか?今日はフリーで使えるWEBサイトのPSDをまとめたエントリー「Best of FREE PSD Templates」を紹介したいと思います。

freepsdwebd01
5 Webdesigns PSD Pack

かなりの数のPSDが紹介されていますが、今日はその中からいくつか気になった、そして使えるかなと思ったPSDを中心に紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 08:58  |  
Category: Design , Photoshop , WebDesign   
2009年12月25日

商用可!制作に使える矢印ベクターデータセット「Arrows」

制作にとても便利な記号、矢印。非常に便利な記号で、様々な見出しのアイコンから、次へ、前へという前後関係を簡潔にしてくれたりと本当に様々な使い道がありません。一般的に三角を使って作るのが一般的ですが、その表現は様々なものがあります。今回紹介するのは様々な矢印を集めたベクターデータセット「Arrows」です。

arrows-wide01

上記のように様々なかたちの矢印がイラストレーター、フリーハンドなどで使えるベクターデータで制作されています。利用例は以下の通りです。

詳しくは以下

(さらに…)

続きを読む
posted 10:47  |  
Category: Design , vector   
2017年01月21日

2017年の主流となるWEBデザインの背景のアイデア集「5 Modern Website Background Ideas for 2017」

1カラムのダイナミックなデザインが主流となって暫く経ちますが、WEBサイトの印象を決定づける要素の一つに背景があります。特にPCサイトでは大きな面積を占めることから非常に重要な要素ですが、今日はそんな背景デザインのアイデア集、2017年の主流となるWEBデザインの背景のアイデア集「5 Modern Website Background Ideas for 2017」を紹介したいと思います。

haikei01
1. Geometry on Photos
幾何学的なデザインを写真に重ねる背景デザイン

2017年のトレンドとなりうる背景デザインが全部で5つ掲載されていましたので以下からご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:30  |  
Category: WebDesign   
2013年04月14日

Fireworksで編集できる、iOS6ワイヤーフレーム「Adobe FW template for iOS 6 wireframing」

WEB制作の主流の制作ツールであるAdobe、Fireworks。photoshopとイラストレーターを組み合わせたような制作ツールで、多くの制作者に利用されていますが、今日紹介するのはFireworksで編集できる、iOS6ワイヤーフレーム「Adobe FW template for iOS 6 wireframing」です。

iOSの筐体のフレームデータの他に、タイトルやタブメニュー。ボタン、ローディングなどなど、iOSに必要なデザインパーツが網羅されています。

詳しくは以下

(さらに…)

続きを読む
2009年12月02日

WEBのクオリティを上げてくれるメッシュ表現「Create An Airforce Inspired Mesh Pattern Overlay」

WEBデザインについて細かな部分での作り込みがクオリティにつながってきたりしますが、今回紹介するのはWEB制作のクオリティーを上げてくれるphotoshopによるメッシュ表現のチュートリアル「Create An Airforce Inspired Mesh Pattern Overlay」を紹介したいと思います。

photoshop_tips_0

通常の画像にドットのメッシュのトーンをかけるというだけですが、その細かい描写は作り込みにつながるときがあります。チュートリアルは以下から

詳しくは以下

(さらに…)

続きを読む
posted 09:31  |  
Category: Design , Photoshop , WebDesign   
2014年03月23日

光の柔らかなニュアンスが感じられるブラシ素材まとめ「20 Amazing Photoshop Bokeh Effect Brushes」

光のきらめきなどの表現は、Photoshopを使って加工を施したり作り出すことができますが、1から制作するのはなかなか大変なもの。そんな中今回は、光の柔らかなニュアンスが感じられるブラシ素材まとめ「20 Amazing Photoshop Bokeh Effect Brushes」を紹介したいと思います。

bokeh1
Bokeh Brushes by redheadstock on deviantART

ボケ足のある光がまたたく雰囲気を簡単に描き出せるブラシ素材がまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 10:04  |  
Category: Photoshop   
2013年06月12日

デザイン性の高い フリーベクターインフォグラフィックまとめ「20 Free Infographic Vector Element Kits」

難しい数値やグラフなどの表現をグラフィックで表現するのに利用されるインフォグラフィックは、ベースから作るのはなかなか大変なもの。今回はそんな時に是非参考に、または利用したいフリーベクターインフォグラフィック「20 Free Infographic Vector Element Kits」を紹介したいと思います。

infog3
Infographics Retro Style elements Grapihc Vector – Free Vector Art

デザイン性の高いさまざまな種類のインフォグラフィックがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:29  |  
Category: Design   
2009年05月17日

写真加工に便利なphotoshopアクション集「20+ Photoshop Actions for Photo Editing」

Designdevelopでも何度か取り上げたphotoshopのアクションをまとめたエントリーですが、今日も写真加工を便利にこなしてくれるアクションを集めたエントリー「20+ Photoshop Actions for Photo Editing」を紹介したいと思います。

psact-01
HDR Fantasticalizers

サンプルは景色の写真が中心ですが、様々なphotoshopアクションが紹介されています。今日は今までDesigndevelopで取り上げていないものを中心にいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 01:09  |  
Category: Design , Photoshop   
2010年09月10日

CSS3で作るアナログ感たっぷりの立体ボタン「BonBon Buttons – Sweet CSS3 buttons」

WEB制作業界ではすっかりおなじみのキーワードとなってきたCSS3。ブラウザの対応も進んでいて、そろそろ手を付けていこうというかたも多いかと思います。今日紹介するのはCSS3を駆使して、立体的でアナログ感のあるボタンを作るプロジェクト「BonBon Buttons – Sweet CSS3 buttons」です。

シャドウと立体感と角丸などCSS3ならではの機能をふんだんに利用してボタンを作っています、見た目だけではなくて、クリックした時の動作感などもこだわっていて、表現だけではないリッチなボタンになっています。

詳しくは以下

(さらに…)

続きを読む
posted 01:09  |  
Category: WebService   
2014年11月09日

デザイナー必見 実用的なPhotoshop PSD素材まとめ「30 New Free Photoshop PSD Files For Designers」

デザイナーにとって欠かせないソフト・Photoshop。非常に便利であり、フリーで利用できる素材が多く配布されているのも魅力の一つとなっています。今回はそんな実用的なPhotoshop PSD素材まとめ「30 New Free Photoshop PSD Files For Designers」を紹介したいと思います。

freepsd1109_0
7 FREE Smartphone & Notebook PSD Mockups on Behance

PSD形式のいろいろなシーンで利用できる素材がまとめられています。

詳しくは以下

(さらに…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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