TOP  >  Design

Tag : Design

2013年05月08日

しわのある素材感を表現できるテクスチャセット「26 Appealing Tissue Texture for your Creased-Looking Designs」

布や紙などにできるしわ感は、素材の状態によってさまざまな表情を作り出します。今回はそんなしわのある素材感を手軽に表現できるテクスチャセット「26 Appealing Tissue Texture for your Creased-Looking Designs」を紹介したいと思います。


Tissue paper texture by ~MapleRose-stock on deviantART

シンプルな布素材や、素材自体に加工や手が加えられるものを題材に使用したテクスチャ素材が26種収録されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

さまざまな種類のラインを描き出すことができるブラシセット「65 Sets of Photoshop Line Brushes for Techy Designs」

デザイン制作でパーツとして使用することも多いラインをベースにした素材は、元々がシンプルなだけにいろいろな表現が可能です。今回はそんな表現力の幅広さを改めて感じさせてくれるブラシセット「65 Sets of Photoshop Line Brushes for Techy Designs」を紹介したいと思います。


Dotted Line brushes by ~xCJx on deviantART

ライン自体に複雑な加工が施されているものから、ベースはラインでありながらもデザイン処理が加えられているものまで、65種もの多彩なブラシが紹介されています。中でも気になったものをピックアップしましたので、以下よりご覧ください。

詳しくは以下

(続きを読む…)

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

価格表のデザインをまとめたデザイン集「21 Examples of Pricing Pages in Web Design」

WEBサービスでよく見かける、サービスの形態ごとの価格表、そのプランで何ができるのか?いくら位の差があるのかというのを一瞬で見分けられるように整理されており便利でスタンダードなデザインですが、これがいざ作るとなるとなかなか難しく苦労したというデザイナーの方も多いのではないでしょうか?今日紹介するのは価格表のデザインをまとめたデザイン集「21 Examples of Pricing Pages in Web Design」です。


Spotify

全部で21もの価格表がまとめられたています。今日はその中から気になったものをいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:43  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2013年05月04日

指定URLからページに利用されている色を分析してくれるWEBサービス「Colours」

WEBサイトを作っていて悩むのが、配色。配色はプロのWEBデザイナーでも非常に難しく、いつも悩んでいるという方も多いと思います。今日紹介するのは、サイトにどんな色が利用されているかを分析し、視覚化してくれるWEBサービス「Colours」を紹介したいと思います。指定のURLから上記のような配色を割り出してくれるというもので、国内外でも知られているサイトがまとめられていました。

指定のURLからも分析が可能でしたので、Designdevelopを分析してみました。

詳しくは以下

(続きを読む…)

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

webデザイン制作に是非利用したい フリーpsd素材まとめ「20 Useful Set of Free Web Element PSD」

webサイトを制作する際に、アイコンやボタン、スクロールバーなどさまざまな素材を使用すると思いますが、デフォルトの素材やいつも使っている処理・素材ではどうしても味気なくなってしまうもの。そんな時に是非利用したい、高いクオリティのフリーpsd素材まとめ「20 Useful Set of Free Web Element PSD」を今回は紹介したいと思います。


Free psd web elements for download

新たに定番として導入できるシンプルなタイプや、デザインにポイントを加えたい個性を持ったタイプなどを集めた、20種のpsd素材が収録されています。中でも気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

しなやかに渦を巻くブラシ素材まとめ「33 Pretty Swirl Brushes for Free Download」

植物の蔦であったり、美しいカーブを描く曲線をデザインで表現するためのブラシ素材、デザインの幅を広げるためにはできるだけ多く所持していたいもの。そんな中今回は、しなやかに渦を巻くブラシ素材まとめ「33 Pretty Swirl Brushes for Free Download」を紹介したいと思います。


Swirl Brushes by *DianazDesignz on deviantART

さまざまなテイストのブラシ素材が収録されており、幅広いデザインで活用することができそうです。中でも気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

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

2010年08月07日

新しくリリースされたjQueryプラグイン30「30+ Brand New jQuery Plugins To Change the Look and Feel of Your Website」

世界中で利用されている軽量で多機能なjavascritpライブラリjQuery。それだけに非常に多くのプラグインがリリースされています。今日紹介するのは最近リリースされた新しいjQueryプラグインを集めたエントリー「30+ Brand New jQuery Plugins To Change the Look and Feel of Your Website」を紹介したいと思います。


jQuery 2D Transformation Plugin Demo

変形からツールチップ、スライダーなど用途に限定されず幅広く最新のプラグインが集められています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:27  |  
Category: WebDesign   
2009年04月25日

商用可!WEB制作用途に特化したアイコンを6200個以上をまとめた「The Best Icons Always」

WEBの制作には書かせないアイコン。デザイン感を統一させて用いれば、全体のクオリティを押し上げてくれます。今日紹介するのはWEB制作で使えるアイコンに特化したまとめサイト「WebIconSets.com-
The Best Icons Always at Your Fingertips」を紹介したいと思います。

iconsetfrees01

それぞれのアイコンセットごとにまとめられていて、それぞれかなりの数が収録されています。アイコンの総数は全部で6200個以上となっています。今日は紹介されているセットの中からいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:23  |  
Category: WebDesign   
tag: webdesign
2007年10月17日

各テーマ共通のfaviconを表示できるプラグイン「Favicon Head」

サイトの個性を出すためにもfaviconは重要な要素の一つです。通常WordPressでfaviconは表示させるには使っているテーマのheader.phpの部分にコードを記述すれば良いのですが、これではテーマを変えた時にまたfaviconの設定をしてあげなくてはいけません。

そこで今日はこの面倒な作業をなくすためのfavicon関連のプラグイン「Favicon Head」を紹介したいと思います。

インストール方法

1.Timblogからプラグインをダウンロード

2.ダウンロードしてきた「favicon-head.php」を「 wp-content/plugins/」へアップロード

3.「favicon-head」プラグインの有効化

4.管理画面 > [各種設定] > [favicon-head]でfaviconの位置を指定

以上です。

管理人はなぜか通常のヘッダにコードを挿入する方法が上手く行かなくてfaviconの表示をプラグインに頼ってしまいました。テーマをあまり変えない人には使い道が無いかもしれませんが、テーマを頻繁に変える方にはとってもお勧めなプラグインになっています。

Timblog

続きを読む
posted 07:53  |  
Category: plugin , WordPress   
2012年10月28日

レスポンシブな料金テーブル「Responsive Pricing Tables Using」

WEBサイトで料金について言及するページは、有料で提供するWEBサービスではよく見かけますが、今日紹介するのは、端末を選ばない、レスポンシブな料金テーブル「Responsive Pricing Tables Using」です。

上記のように、こちらは基本4カラムの料金テーブルとなっていて、ウィンドウ幅によって、横幅が縮まったり、組変わったりとレスポンシブなつくりになっています。実際の組み替え例は以下からどうぞ。

詳しきは以下

(続きを読む…)

続きを読む
2011年12月23日

【商用可】シンプルなピクトグラムをフォントとして使える「Erler Dingbats」

WEBでもグラフィックでもメニューの内容や機能などを端的に表現する時に便利なピクトグラム。シンプルながらもデザインを機能的にブラッシュアップしてくれる効果的なものですが、今日紹介するのはシンプルなピクトグラムをフォントとして使える「Erler Dingbats」です。

こちらはDingbatsフォントの一種で様々なピクトグラムがフォントセットとしてまとめられています。収録されているフォントの種類は以下からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:58  |  
Category: Design , Font   
2008年05月07日

Macで動くフリーストップモーション制作ソフト「FrameByFrame」

クリエイティブの一つの表現方法としてストップモーションという手法があります。WEB上でも様々な作品やサイトで活用されていて、静止画を繋げたようなパラパラ漫画のような動きが特徴的です。今日紹介するフリーソフトはそんなストップモーションが作成できる「FrameByFrame」です。

このソフトは動画からではなく静止画を繋げてアニメーションを簡単に作れるという物です。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:51  |  
Category: Tool   
tag: Tool
2013年12月20日

【商用可】デザインのベースに使える紙のテクスチャパック「Free Paper Texture Pack: 64 Card Stock Photos」

日常には色々な種類の紙製品が溢れていますが、その表情は紙によってさまざま。例えば光沢感のあるコーティングが施されていたり、素朴で落ち着いた印象を受けるマット紙など、用途によって色々な紙が存在しています。今回紹介するのはそんな日常に溢れる紙のテクスチャを集めたテクスチャパック「Free Paper Texture Pack: 64 Card Stock Photos」です。

free-cardstock-paper-textures

段階的に明るさが揃えられた白紙や、リサイクルされたクラフト紙、繊維感のある紙など、さまざまな紙が64種まとめられています。

(続きを読む…)

続きを読む
posted 09:00  |  
Category: WebService   
2010年04月25日

HTML5の可能性を垣間見る「Blowing up HTML5 video and mapping it into 3D space」

最近様々な技術系のブログで取り上げられているHTML5。かなり複雑な動きやインタラクティブな処理ができるようで、実験的な試みも多数行われていますが、今回紹介するのはHTML5で動画を細かく分散させたり、3D空間にマッピングするという「Blowing up HTML5 video and mapping it into 3D space」を紹介したいと思います。

html5-01

まずは動画を分散させる加工をHTML5で施したもの、上記の写真のように、動画をクリックすると、細かな長方形上に動画が砕け散ります。マッピングされていますので、細切れになったエレメント上で再生は続いています。実際制作したデモが公開されていましたので「HTML5 Video Destruction」からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:55  |  
Category: Design   
tag: 
2013年05月29日

さまざまなフラットデザイン用のパーツがセットになったUIキット「Flat UI Kit」

さまざまな手法のデザインが展開される中、最近はフラットなテイストが主流になりつつあります。そんな中今回紹介するのが、フラットデザイン制作の参考に利用できる、さまざまなフラットデザイン用のパーツがセットになったUIキット「Flat UI Kit」です。

ログイン画面、ソーシャルボタン、グラフなど、デザイン制作に必要なパーツを取り揃えた、忙しいデザイナーの方々に嬉しいUIキットとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:10  |  
Category: Design   
2014年03月29日

専門的な分野のアイコンもピックアップした「40 New Icon Sets for March 2014」

webデザイン制作をする中で、非常に活躍の場が多いアイコン。イラストだけで意味を表現できるとても便利な素材です。今回はそんなアイコン素材をまとめた「40 New Icon Sets for March 2014」を紹介したいと思います。

icon140329_0
Free Vector File – 180 Science Icons | The Creative Portfolio of Nick Botner

定番としてベーシックに使えるアイコンから、専門的な分野まで、さまざまな種類がピックアップされています。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:02  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る