TOP  >  Design

Tag : Design

2012年07月04日

クリエイティブ力の高いフォントまとめ「20 Very Useful Professional Free Fonts」

さまざまなデザイン制作時に使用するフォントですが、インパクトを与えるデザインを制作する際には、クリエイティブに合わせてフォント自体をデザインすることも。しかし、制作には非常に時間がかかります。そんなシーンに是非活用したい、クリエイティブ力の高いフォントをまとめた「20 Very Useful Professional Free Fonts」を今回は紹介します。


TYPORM01 Round ans Square by ~RGSONE on deviantART

スタイリッシュな雰囲気から可愛らしい雰囲気まで、さまざまなテイストのフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

さまざまな花のベクター素材が揃う「70+ Free Graphics: Vintage Vector Flowers and Floral Ornament Sets」

女性らしい雰囲気やデザインを華やかに演出したい時に利用しやすい花のモチーフですが、繊細な表現が多い花の素材を自ら制作するのは大変。そんな中今回紹介するのが、さまざまな花のベクター素材が揃う「70+ Free Graphics: Vintage Vector Flowers and Floral Ornament Sets 」です。


Free Flower Design Vector | QVectors Free Vector Graphics

レトロな雰囲気が楽しめる素材から花の美しさが感じられる素材まで、さまざまな素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

アナログテイストなデザインに最適なアイコンセット「Ultimate Collection of Free Hand Drawn Icons:27 Excellent Sets」

webデザインを手がける際によく素材として利用するアイコンは、小さな存在ながらもそれ1つで大きな意味を集約し、ユーザーに分かりやすいように伝えてくれる重要な要素として活用されています。そんな中今回紹介するのは、アナログテイストなデザインに最適なアイコンセット「Ultimate Collection of Free Hand Drawn Icons:27 Excellent Sets」です。

ラフなタッチがデザインに表情を添えてくれる、さまざまなテイストのアイコンが収録されています。気になったものをいくつかピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

ナビゲーションを極める。PSDでダウンロードできるナビゲーション集「45 Great Free Navigation Menu PSDs」

WEBデザインで重要な要素の一つナビゲーション。このナビゲーションの分かりやすさや動作次第でサイトの使い勝手は大きく変わってきます。今日紹介するのは45種類ものナビゲーションがPSDでダウンロードできる「45 Great Free Navigation Menu PSDs」を紹介したいと思います。


Simple navigation menu by Pawel Kadysz

シンプルなものから、作り込まれたものまで、様々なナビゲーションがまとめられていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

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

最近発表されたクオリティの高いPSD素材まとめ「40+ Fresh & Free High Quality PSD Files For Download」

リアリティのある素材は、Photoshopを利用して作成する方も多いと思いますが、グラデーションや影などの微妙なニュアンスの付け方が難しく、制作に時間がかかってしまうことも。そんな時に是非利用したい、最近発表されたクオリティの高いPSD素材をまとめた「40+ Fresh & Free High Quality PSD Files For Download」を紹介します。


Nikon D3200 PSD – 365psd

立体感やリアリティのあるアイコンなどの素材が豊富に紹介されてます。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

水彩の柔らかい雰囲気の素材が揃うテクスチャまとめ「35 Colorful Examples of Watercolor Texture」

水彩などのみずみずしさのある雰囲気は、実際に描いたりとアナログに頼ることが多いと思いますが、今回は水彩の柔らかい雰囲気をデジタルで作り出すことができるテクスチャまとめ「35 Colorful Examples of Watercolor Texture」です。


Watercolor Stock – 7 by ~absinthes-stock on deviantART

カラフルなテイストからシックで落ち着いたテイストまで、さまざまな雰囲気を表現できるテクスチャが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

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

2014年04月08日

デザインに動きや機能性を簡単に取り入れられる HTML5&CSS3チュートリアル「Useful And Fresh HTML5 & CSS3 Tutorials」

デザイン構築をする際に便利に利用できるHTML5&CSS3。目的に合わせて組み込まれていると思いますが、どのようにしたら実現できるかわからないことも多いのではないでしょうか?そんな時に活用したい、HTML5&CSS3チュートリアル「Useful And Fresh HTML5 & CSS3 Tutorials」を今回は紹介したいと思います。

html50408_1
Caption Hover Effects | Codrops

デザインに動きや機能性を簡単に取り入れられるチュートリアルが多数まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:44  |  
Category: Design   
2018年10月29日

美しく繊細な雰囲気が特徴の細字フリーフォントまとめ「35 Beautiful and Free Thin Fonts」

デザインに合わせてイメージにあったフォントを選ぶことはとても重要です。そんな中今回紹介するのは、美しく繊細な雰囲気が特徴の細字フリーフォントまとめ「35 Beautiful and Free Thin Fonts」です。

thin0
Champagne & Limousines Font | dafont.com

欧文フォントの、細いラインで描かれたフリーフォントの数々がピックアップされています。気になったものを以下にまとめましたので、ご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Font   
2016年12月05日

シンプルで洗練されたポートフォリオサイトテンプレート「Magnet Portfolio Template」

デザイナーが自分の価値や力量を知ってもらうために必要不可欠なのが作品をまとめたポートフォリオ。昨今では紙のポートフォリオだけでは無く、WEBでのポートフォリオが必要なケースも増えてきているように感じます。今日紹介するのはシンプルで洗練されたポートフォリオサイトテンプレート「Magnet Portfolio Template」です。

freebie-slide-1480674281-1

このポートフォリオサイトテンプレート「Magnet Portfolio Template」色彩も写真以外は白と黒でまとめられており、作品自体が映えるデザインになっています。その他のページ構成は以下からご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:30  |  
Category: WebDesign   
2009年06月25日

アナログの塗りを表現するベクターペイントブラシ「15 Paint Brushstroke Illustrator Brushes」

イラストレーターはとても便利なツールですが、アナログ感のあるデザインに仕上げる差異にはどうしても手間がかかってしまいますし、photoshopに比べるとそう言った面では不便な所もあります。今回紹介するのはイラストレーターで塗りのアナログ感を簡単に再現できるブラシセット「15 Paint Brushstroke Illustrator Brushes」です。

15paintbrush01

全部で15種類の塗りのパターンのブラシセットが収録されていて、かすれのある物から、べた塗り、間隔を空けて塗ったもの、筆をひねりながら塗ったものなどなど、バリエーション豊かです。ブラシの一覧が併せて公開されていましたので、下記に貼付けておきます。

収録ブラシ一覧は以下から

(さらに…)

続きを読む
posted 08:14  |  
Category: Design , vector   
2011年06月10日

水の動きを感じられるテクスチャ集「35 Refreshing Still Liquid Textures」

手軽に利用できるテクスチャ素材は、種類が豊富になればなるほど、表現の幅を広げることができると思います。そこで今回紹介するのは、豊富な表情を持つ水のさまざまな動きを感じられるテクスチャを集めた「35 Refreshing Still Liquid Textures」です。


Fountain Water Texture 2 by ^FantasyStock on deviantART

柔らかな表情から、激しさを感じるテクスチャまで、さまざまなテクスチャが紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:42  |  
Category: Design , Photoshop   
2014年07月07日

グラフィカルな加工方法を学ぶことができる Photoshopチュートリアルまとめ「50 Best Photoshop Tutorials 2014」

Photoshopを使えばいろいろなグラフィック表現が可能になりますが、機能が豊富に備わっているためなかなか使いこなせていないという方も多いのでは?今回はそんな時に参考にしたいPhotoshopチュートリアルまとめ「50 Best Photoshop Tutorials 2014」を紹介します。

tuto140707_1
Photoshop tutorial: Stylise photos using colourful shapes – Digital Arts

グラフィカルな加工方法を学ぶことができるチュートリアルが多数まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Photoshop   
2017年09月18日

webデザインに欠かせない ボタンデザインの遍歴「Button Design Over the Years – The Dribbble Timeline」

Webが急速に発展しユーザーも年々増える中、デザインにもどんどんと変化していますが、毎日触れていることもあり、その変化を明確に感じることはあまりないかもしれません。今回はそんなデザインの移り変わりを感じられる「Button Design Over the Years – The Dribbble Timeline」を紹介したいと思います。

Button_Design01

Webサイトで必ずといって良いほど目にする、ボタンデザインに注目して、その遍歴と共に比較されています。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: WebDesign   
2018年12月01日

自然の風景を表現したコードスニペットまとめ「10 Beautiful Nature Inspired Code Snippets」

デザインの主役となるコンテンツを考えるとき、簡単に取り入れることができるコードスニペットがあると便利ですよね。今回は、デザインをカスタマイズするときに役立つコードスニペットまとめ「10 Beautiful Nature Inspired Code Snippets」を紹介します。

gazou1
Pure CSS Jellyfish

自然の風景をテーマにHTMLやCSS、JavaScriptで作られたコードスニペットがまとめられています。気になったものをいくつかピックアップしましたので、下記からご覧ください。

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

続きを読む
2008年08月03日

配色から、素材、CSSまでWEB制作者のためのデザインリソース集「21 cool webmaster resources」

今まで「ロゴデザインのリソースサイト集「105+ Logo Design Tuts And Resources」」や「様々なWEBデザインエレメントのデザイン集「Pattern Tap 」」と様々なデザインリソースを紹介しましたが、今日紹介「21 cool webmaster resources」と言うエントリーは配色からレイアウト、テクスチャからアイコン素材まで、WEBデザイン、WEB制作の為に利用できるデザインリソースを集めたまとめエントリーです。

タイトルの通り全部で21個のサイトが紹介されており、どれも、一つ一つが目的に特化したサイトを紹介しています。今日は紹介されている中から特に気になった物を紹介したいとお思います。

詳しくは以下

(さらに…)

続きを読む
posted 01:49  |  
Category: WebDesign   
2011年09月29日

ポートフォリオ制作のアイデアソースとなる「20 Awing Portfolio Websites」

デザインや開発を行っている方にとって、作品をまとめたポートフォリオは、自分の技術やデザイン力を知ってもらう重要な手段です。そこで今回は、ポートフォリオ制作に役立つデザインやアイデアに優れたポートフォリオサイトを集めた「20 Awing Portfolio Websites」を紹介したいと思います。


Sam Dallyn – Art Direction/Design

さまざまなクリエイターが見せ方にこだわって制作したサイトが、豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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