TOP  >  デザイン

Tag : デザイン

2017年09月16日

ラインアイコンから3D風アイコンまで オススメのiconshockのアイコンをまとめた「Because Size Matters: 2 Million Free Icons From Iconshock」

Webデザインに欠かせない存在であるアイコン。そんなアイコン素材を専門に取り扱うサイトiconshockをご存知でしょうか?200万以上ものアイコンを取り扱う、Webデザインの強い味方となってくれるWebサイトです。今回ご紹介するのはそのiconshockから、おすすめのフリーアイコンシリーズをまとめた「Because Size Matters: 2 Million Free Icons From Iconshock」を紹介します。

free-icons-from-iconshock0
Because Size Matters: 2 Million Free Icons from Iconshock | Webdesigner Depot

200万以上も種類が揃っているとなると、目当てのアイコンを探すのも少し手間になりがちなので、こう言ったまとめは嬉しいですね。その中からさらに気になったアイコンをピックアップしましたので、以下よりご覧ください。

詳しくは以下

(さらに…)

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

モックアップやUIデザインなど Webデザイナーの為の使えるフリー素材50まとめ「50 Dribbble Freebies For Web Designers」

デザイン業務を効率化してくれるフリー素材。使えるハイクオリティな素材を日頃ストックしておけば、デザインの幅が広がるだけでなく時短にも繋がります。今回ご紹介するのはそんなデザイン業務を支えてくれる、Webデザイナーの為の使えるフリー素材をまとめた「50 Dribbble Freebies For Web Designers」です。

50-dribbble-freebies1
Eshop Mobile Product Pages – Free .PSD by Marth – Dribbble

モックアップやUIデザインなど幅広い素材が50種類もまとめられています。その中からおすすめの素材を幾つかピックアップしてご紹介しますのでご覧下さい。

詳しくは以下
(さらに…)

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

ポップでカラフルなトロピカルベクター素材キット「Tropical Nature Kit」

ネット上ではさまざまな種類の素材が配布されていますが、今回紹介するアイテムは思わず心が躍ってしまう、ポップでカラフルなトロピカル素材キット「Tropical Nature Kit」です。

tropical01

常夏をイメージさせてくれる可愛らしいイラストレーション素材が揃っており、セットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

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

フリーの手描きフォントまとめ「20 Amazing Free Handwriting Fonts For Your Next Project」

お店の看板やショップカード、ロゴなど、最近では手描き風のフォントが使用されているのをよく目にします。手描きフォントは女性らしい表現から大胆な表現まで、幅広い表現が可能な優れもの。今回はそんな、フリーの手描きフォントまとめ「20 Amazing Free Handwriting Fonts For Your Next Project」を紹介します。

tegaki_font01
Mightype Script – Free Handlettered Font on Behance

タイプの違う手書きフォント20種類がまとめて紹介されています。気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:35  |  
Category: Font   
このエントリーをはてなブックマークに追加
2017年09月11日

秋の雰囲気を感じさせてくれるベクターセット「Free Download: Autumn Inspired Vectors (Cards, Banners, Badges, Patterns)」

まだまだ暑い日が続いていますが、風が涼しく心地良く感じる季節になってきました。秋の味覚、紅葉、読書など秋を表現するものは、思いつくだけでもいろいろありますが、今回はこれからの時期にぴったりな秋の雰囲気を感じさせてくれるベクターセット「Free Download: Autumn Inspired Vectors (Cards, Banners, Badges, Patterns)」を紹介したいと思います。

autumn-vector01

パターンや彩豊かな葉のベクターデータがセットになった、秋らしい雰囲気を感じさせてくれる素材です。

詳しくは以下

(さらに…)

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

コミュニケーションに最適 絵文字とスマイリーアイコンセット「40 Beautiful Emoticons and Smiley Icon Packs」

SNSの利用者も増え、今ではコミュニケーションの方法が増えました。直接相手の顔が見えない時に役に立つアイテムといえば「顔文字」が思い浮かぶ方も多いのではないでしょうか。そんな中今回紹介するのは、絵文字とスマイリーアイコンセット「40 Beautiful Emoticons and Smiley Icon Packs」です。

emojiicons01
Emoticon Button Icon Set – Download Free Vector Art, Stock Graphics & Images

馴染み深いアイコンから、ユニークなものまで40種類の絵文字が集約された中から、いくつかピックアップしてみました。

詳しくは以下

(さらに…)

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

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

2011年12月26日

さまざまな自然の模様が映し出される壁面テクスチャまとめ「25 Useful Drywall Texture Sets」

webでもグラフィックでもデザイン制作に、インターネット上のテクスチャを利用されている方も多いと思います。たくさんのテクスチャをチェックしておくことは、瞬時にデザインのひきだしを開ける重要な要素ではないでしょうか?そんな中今回紹介するのが、さまざまな自然の模様が映し出される壁面テクスチャをまとめた「25 Useful Drywall Texture Sets」です。


Free Textures | Ben Cloward’s Texture Archive

自然に風化したような壁面から、人的に壊されてしまった壁面まで、さまざまな壁面が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 07:02  |  
Category: Design   
2008年03月06日

国内企業のロゴを網羅。ベクターデータでダウンロードできる「ロゴ&マーク大辞典!」

先日「10万件以上のロゴのベクターデータがダウンロードできる「ロゴタンク」」という記事で企業ロゴを集めたサイトを紹介しましたが、今日紹介するのも国内企業のロゴをベクターデータで公開しているサイト「【ロゴ&マーク大辞典!】」です。

ロゴマーク大辞典

開しているすべてのロゴに対して、JPGとイラストレーター形式のepsがダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 11:44  |  
Category: Design , vector   
tag: Design vector
2012年05月18日

Illustratorの表現の幅が広がるIllustratorブラシセットまとめ「75+ Illustrator Brush Sets for Download」

クオリティの高いデザイン制作のために、細かいパーツを一つ一つ制作したり、パーツの加工をPhotoshopで行うことも多いと思いますが、一手間も二手間もかかり、制作時間も増えてしまいます。そんなシーンに是非活用したい、Illustratorの表現の幅が広がるIllustratorブラシセットをまとめた「75+ Illustrator Brush Sets for Download」を紹介したいと思います。


illustrator brush set 3 by ~nrmb on deviantART

さまざまな罫線を制作できるブラシや、繊細なモチーフやパーツを表現できるブラシが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:23  |  
Category: Design   
2017年12月14日

デザインに活かしたい ハイクオリティなフリーフォントまとめ「30 High Quality Free Fonts You Should Definitely Own」

さまざまな種類のフォントが数多くネット上で公開されており、どれも魅力的なものばかり。今回はそんなフォントの中から、クオリティの高さが際立つハイクオリティなフリーフォントをまとめた「30 High Quality Free Fonts You Should Definitely Own」を紹介したいと思います。

font1214_1
BARON (Free typefamily) on Behance

シンプルなタイプを始め、個性的なフォルムのデザインフォントなども含めた、30種のフリーフォントがピックアップされています。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design , Font   
2014年10月22日

実用的なPhotoshopサーチボックスをまとめた「36 Useful Search Box Designs In Photoshop Format」

サイト内を検索する時に使用するサーチボックス。基本シンプルなデザインで配置されることが多いですが、今回はデザイン的に表現したい時に参考にしたい、実用的なPhotoshopサーチボックスをまとめた「36 Useful Search Box Designs In Photoshop Format」を紹介します。

search1
Search Field PSD Collection – Free PSD Files

いろいろなタイプのデザインで構成されたサーチボックスが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:24  |  
Category: Photoshop   
2007年11月07日

YouTube 動画ページで「詳細」を省略せずに表示するGreasemonkeyスクリプト

少し前にYouTubeの動画欄のレイアウトがかわり、動画の詳細が省略され埋め込みタグが動画下に表示されるようになりました。これはこれで便利なのですが、個人的には右側に表示される従来のタイプになれきっていたので最近違和感を感じていました。今日はそのYouTubeの表示の問題を解決してくれるGreasemonkeyスクリプトを紹介したいと思います。

YouTubeの省略を回避

このスクリプトを用いる事で上記のハイライト部分が省略されなくなります。これで以前のようなレイアウトでYouTubeを利用できます。

インストール方法

スクリプトは「Youtube Videos moreinfo – Userscripts.org」の右サイドバー最上部の「Install this script」をクリックすればインストールが開始されます。標準だとYouTube日本版に対応していないので下記にしたがって設定してください。

設定方法

1.インストール後ステータスバーにいる猿を右クリックして、「ユーザスクリプトの管理」をクリック

2.「Youtube Videos moreinfo」を選択

3.「ユーザスクリプトを実行するページ」欄の「http://www.youtube.com/watch?*」をクリック

4.ダイアログボックスが出てきますので「*youtube.com/watch?*」へ修正

ものすごくニッチなスクリプトですが、個人的に求めていたものだったので紹介しました。普段からYouTubeを使っていて何となく違和感がある方は使ってみてください。

Youtube Videos moreinfo – Userscripts.org

続きを読む
posted 10:21  |  
Category: Greasemonkey , Tool   
2012年01月17日

webデザイン用のUIセットをまとめてダウンロードできる「Free download: Balio Web UI Kit」

webデザインでは、ユーザーがサイト内を遷移しやすいUI制作が重要。そんな中今回紹介するのが、デザイン感の統一されたUIセットをまとめてダウンロードできる「Free download: Balio Web UI Kit」です。

基本的なボタンデザインをはじめ、アプリストアリンクボタン・リボンデザイン・ログインフォーム・ページナビゲーション・グローバルナビゲーション・アンケート投票・ビデオやミュージックプレーヤーなど、webデザインに必要なさまざまなUIがセットになっています。

詳しくは以下

(さらに…)

続きを読む
posted 08:50  |  
Category: WebService   
2011年10月06日

webデザインに必要なアイコンが全て揃うアイコンセット「500+ web icons pack」

ページ移動が必要なwebページを快適に閲覧してもらうために重宝する素材アイコン。WEBサイトの内容によっては、分かりやすく表現するために多くの種類のアイコンが必要になります。そこで今回紹介するのが、webデザインに必要なアイコンが500個もまとめられたアイコンセット「「500+ web icons pack」です。

上記のとおりシンプルで使いやすいデザインのアイコンセットとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 11:08  |  
Category: WebDesign   
2010年12月23日

クリスマスを演出するphotoshopパターン「10 Beautiful Christmas Photoshop Patterns Packs」

もうすぐクリスマスということで、クリスマスカードや、クリスマス関連の制作をしているなんて人もいるかもしれません。今日紹介するのはクリスマスを演出してくれるphotoshopパターン「10 Beautiful Christmas Photoshop Patterns Packs」です。


Vintage-Retro Xmas Patterns (30 Patterns)

ポストカードや、ラッピングなどなど、様々なものに利用出来るphotoshopパターンが全部で10個公開されています。今回はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
2010年03月23日

縦横にアコーディオンするjQueryアコーディオン「Grid Accordion with jQuery」

多くのコンテンツを少ない面積で見せることができるアコーディオンによる見せ方は様々なWEBのシーンで使われていますが、今回紹介するのは、通常一方向だけではなく、縦と横、両方向に展開ができるjQueryを使ったアコーディオン「Grid Accordion with jQuery」です。

desingdevelopsjquery
InfoGrid – DEMO

上記のように、多数のカテゴリーでコンテンツが多岐に渡る場合や表組みで、比較したいときなどは非常に便利な機能だと思います。

詳しくは以下

(さらに…)

続きを読む
posted 08:06  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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