TOP  >  デザイン

Tag : デザイン

2013年09月05日

背景に使いやすいウォールテクスチャまとめ「Useful Wall Textures for Your Daily Use」

グラフィックをデザインするにあたってテクスチャは大事な要素。たくさん種類があればデザインにバリエーションを出すことができます。そんな中今回紹介するのは、是非テクスチャのストックに加えてほしいウォールテクスチャまとめ「Useful Wall Textures for Your Daily Use」です。

wall_1
Useful Wall Textures for Your Daily Use – GraphicMania

レンガや石造りの壁、コンクリートの壁など、さまざまウォールテクスチャがまとめられています。いくつか気になるものをピックアップしたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

擦れた文字を表現する45のフリーフォント「45 Dirty And Rough Free Fonts For Your Design」

フリーフォントは種類豊富に配布されており、フォント自体のデザインテイストもさまざま。そんな中今回紹介するのは、印刷などで擦れた文字・汚れた文字を表現したフォントのまとめ「45 Dirty And Rough Free Fonts For Your Design」です。

dirtyfont_1
Hard Rock Font | dafont.com

活版印刷によるインクの擦れ感が表現されたものや、ヴィンテージテイストなものまで、さまざまなフォントがまとめられています。気になるものをいくつかピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

モダンなWebデザインに最適な310個のアイコンセット「The Elegant Icon Font – 310 Of The Best Free Icons For The Modern Web」

アイコン素材はユーザーが視覚的・直感的にwebを操作できる要素として役立つ、現在のWebデザインになくてはならない存在。しかし、自作でたくさんのアイコンを制作するのは意外に大変なものです。そんな中今回紹介するのは、モダンなWebデザインによく似合うフリーアイコンまとめ「The Elegant Icon Font – 310 Of The Best Free Icons For The Modern Web」です。

icon310

フラットなデザイン感で統一されたアイコンはどれもクオリティが高く、種類も豊富。すぐにでもサイトのデザインに取り入れられるような展開になっています。

詳しくは以下

(さらに…)

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

敷き詰められたパスタのフリーテクスチャ「A Collection Of Free Pasta Textures」

定番ではなく、ちょっと変わったニッチなタイプの写真素材の探索に時間を多く費やしてしまったという経験は、デザイナーなら誰にでも1度はあるのではないでしょうか。そんな中今回はプレーンなパスタのフリーテクスチャをまとめた「A Collection Of Free Pasta Textures」を紹介したいと思います。

6.pasta-texture
Food Texture Pack | Free Pasta Textures! | High Resolution Textures

一般的なパスタから日本ではあまり見かけないようなパスタまで、様々なパスタテクスチャがまとめられています。いくつか気になるものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

クリエイティブなデザインが簡単に制作できるフリーpsdレイアウト「20 Free Web Layout PSDs」

webデザインを1から完成までつくり上げるのに、時間やコストをあまりかけることができない状況も、デザインの仕事をしていると経験することがあると思います。そんな時に活用できる、フリーpsdレイアウト「20 Free Web Layout PSDs」を今回は紹介します。

lyout0
Dribbble – Sevent WordPress + free psd by trendythemes

クリエイティブなデザインを簡単につくり上げることができる20種のpsdレイアウトが紹介されています。

詳しくは以下

(さらに…)

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

世界のさまざまな国旗 フリーベクター素材まとめ「A Collection Of Free Vector Flags」

世界の国それぞれの象徴として掲げられている国旗は、デザインや意味もさまざま。デザインする上では、各国をビジュアルで表現する際に良く利用されます。そんな世界のさまざまな国旗を集めたフリーベクター素材まとめ「A Collection Of Free Vector Flags」を今回は紹介したいと思います。

flag1
2600 Flag Icon Set – Resources from GoSquared

シンプルで定番として使用できる国旗を始め、デザイン的にアレンジが加えられたものまで、いろいろなタイプの国旗ベクターが紹介されています。

詳しくは以下

(さらに…)

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

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

2013年05月20日

高解像度が嬉しい!ベニヤ板テクスチャセット「5 Free High-Resolution Wood Textures」

インターネット上にはフリーで利用できる画像やパターンなどが多数紹介されており、そのような素材をデザイン制作に利用するというのは当たり前のことと思います。しかし、インターネット上にアップされている画像は解像度が小さいものも多く、良い素材を見つけても実際には利用できず、残念な思いをされた方もいらっしゃるのではないでしょうか。そんな中今回紹介するのが、高解像度が嬉しい、ベニヤ板テクスチャセット「5 Free High-Resolution Wood Textures」です。

色や模様の異なるベニヤ板のテクスチャが5枚セットになっています。

詳しくは以下

(さらに…)

続きを読む
posted 04:20  |  
Category: Design   
2016年05月07日

チェックしておきたい デザイナーのための役立つリソース集「50 Free Resources for Web Designers from April 2016」

デザイナーなら常にチェックしておきたい最新の素材。でも、膨大な量の素材の中からお気に入りを探すのはなかなか大変なものです。そんなときに役立つリソース集「50 Free Resources for Web Designers from April 2016」を今日は紹介したいと思います。

resources0507_4
Chalkboard Sign PSD Mockup – GraphicsFuel

UIやワイヤーフレーム、アイコン、フォントなど、さまざまな種類の素材が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

コードを貼り付けるだけで、サムネイル付きの関連記事を表示してくれる「LinkWithin」

ブログの必須項目とも言える関連記事のエントリー内での表示、特にエントリーが多く、取り上げている内容が多岐に渡るブログであれば、かなり効果的に動いてくれます。今日紹介するのはjavascriptのコードを貼り付けるだけで、サムネイル月の関連記事を表示してくれるWEBサービス「LinkWithin」を紹介したいと思います。

linkwithin01

アカウントの発行は一切必要なく、Emailとブログリンクを入力してあとは実装したいブログのシステムを選択するだけでOKです。

詳しくは以下

(さらに…)

続きを読む
posted 12:18  |  
Category: WebService   
2013年09月29日

新しいユーザーインターフェイスを利用できる「10 Free UI Kits」

インターフェイスは日々進化しており、デザインの流行り廃りデバイスの進化などを含めて多様化そして変化してきています。今日紹介するのは、最近リリースされているユーザーインターフェイスをセットにして利用できるインターフェイスキットを集めたエントリー「10 Free UI Kits」です。

css_ui_kit_02
Pure

最近流行りのフラットデザインからスタンダードなものまで、様々なユーザーインターフェイスキットが紹介されていますが、いくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
2011年05月07日

幅広いデザインに活用できるリネン素材のテクスチャ「30 Linen Textures for Photoshop Layering」

テクスチャの中でも布素材は、定番として幅広く活用できるジャンルとしてかなり重宝されています。そんな中今回紹介するのは、リネン素材のテクスチャ「30 Linen Textures for Photoshop Layering」です。


Fabric linen by *jaqx-textures on deviantART

シンプルなタイプはもちろん、質感に特徴のあるものや柄が入ったデザイン性のあるものまで、たくさんのリネン素材テクスチャがまとめられています。気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:37  |  
Category: Design   
2008年06月22日

ベクターデータ!作り込まれたフリーアイコンセット「40 Icons for your Photo Editing App」

色の付いたかなり細かいところまで作り込まれたアイコンセットが今回紹介する「40 Icons for your Photo Editing App」です。その名前の通り、おもにphotoアプリケーションで里よす売ることを前提に作られているアイコンセットでフォントだったり、カラーの選択、回転や反転などそれらしいアイコンが中心になっています。

ベクターデータで公開されていて、Aiファイル(バージョンはAdobe Illustrator CS2)とSVGファイルで公開されていますので、かなり使い勝手が良いアイコンセットになっています。

詳しくは以下

(さらに…)

続きを読む
posted 07:57  |  
Category: Design , vector   
tag: Design vector
2016年02月05日

最新の注目素材をまとめた「50+ fresh resources for designers, February 2016」

常にいろいろな素材が公開され続けるインターネット上で、欲しい素材をピンポイントで探し出すのはなかなか難しいもの。今回はそんな時に参考にしたい、最新の注目素材をまとめた「50+ fresh resources for designers, February 2016」を紹介したいと思います。

free0204_3
colofilter.css

モックアップ、フォント、テンプレート、web用ツールなど、非常に多彩な種類の素材がまとめられています。きになったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2015年10月15日

デザイン性の高い100種のフリーフォントまとめ「The 100 best free fonts」

デザインのクオリティや良し悪しを決めるのに非常に重要な存在であるフォント。フリーで使用できるものも豊富に配布されていますが、数が多いだけにその中から最適なものを探そうと思うととても大変なもの。そんな時に参考にしたい、デザイン性の高い100種のフリーフォントまとめ「The 100 best free fonts」を紹介したいと思います。

font1015_0
Arkhip font

100種という豊富な種類のフォントがまとめられており、どれもデザイン性の高いものばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 02:45  |  
Category: Font   
2010年07月09日

CSSで作るナビゲーションとボタンのコーディングチュートリアル55「Complete Toolbox: 55 CSS Menu And Button Coding Tutorials」

WEBでは欠かせないナビゲーションやボタン。様々な作り方がありますが、今日紹介するのはCSSで作るナビゲーションメニューの作り方のチュートリアルを集めたエントリー「Complete Toolbox: 55 CSS Menu And Button Coding Tutorials」です。

bulletproof-sliding-doors-css-menu-button-tutorials
Bulletproof CSS Sliding Doors

スライダー用から、タブメニュー、角アールのグラデーションメニュー、動きの付いたアコーディオン、プルダウンなどなど、CSS作れる様々なナビゲーションとボタンが公開されています。全部で55のチュートリアルが公開されていますが、今回はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:48  |  
Category: WebDesign   
2016年05月16日

SVGのボタンに様々なエフェクトが加えることができる「Distorted Button Effects」

WEBサイトのクオリティアップに重要なのが、細かなエフェクトやアニメーションだったりしますが、今回紹介するのはSVGのボタンに様々なエフェクトが加えることができる「Distorted Button Effects」です。

DistortedButtonEffects_800x600

ボタンをクリックすることででシンプルなエフェクトから、ボタンを歪ませたり、ボタン自体に波紋を走らせたりと今までには無い、ユニークな表現が可能となっています。

詳しくは以下

(さらに…)

続きを読む
posted 06:11  |  
Category: javascript , WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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