TOP  >  デザイン

Tag : デザイン

2012年05月26日

シンプルなレスポンシブナビゲーション「Simple Responsive jQuery Navigation Plugin」

WEBサイトのユーザーインターフェイスの設計は、様々な端末の出現でそれらの端末も意識した設計が必要になってきています。今日紹介するのはブラウザサイズ、端末の解像度に合わせて形を変えるシンプルなレスポンシブナビゲーション「Simple Responsive jQuery Navigation Plugin」です。

こちらはシンプルな作りになっており、デザインなどもされていない、至ってシンプルなものとなっていますので、構造を理解しながら制作を進めることができます。

詳しくは以下

(さらに…)

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

さまざまなチェックが楽しめるパターン集「Seamless Tartan & Plaid Patterns」

ファッションからインテリアまで、さまざまなシーンで利用されるチェックパターンは、ラインやカラーの微妙な違いで印象が大きく変わるもの。そんな中今回は、さまざまなチェック柄が楽しめるパターン集「Seamless Tartan & Plaid Patterns」を紹介したいと思います。

スコットランドの民族衣装で良く見られるようなタータンチェックを基本にデザインされた、25種類のチェックパターンセットとなっています。

詳しくは以下

(さらに…)

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

デザインにニュアンスをつけられる、光の表現がきれいなPhotoshopブラシまとめ「30 Free Dazzling Photoshop Bokeh Brushes」

デザインのクオリティを高めるためには、奥行きを感じさせるデザイン制作を心がけることが重要です。そんな中今回紹介するのが、手軽にデザインにニュアンスをつけられる、光の表現がきれいなPhotoshopブラシをまとめた「30 Free Dazzling Photoshop Bokeh Brushes」です。


Bokeh Brushes by ~thethiirdshift on deviantART

デザインにふわっとした幻想的な雰囲気を演出できるさまざまなブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

背景処理にも利用しやすいphotoshopパターン集「40 Exclusive Photoshop Patterns」

画像加工はもちろん、webサイト制作に利用している方も多いPhotoshopは、合成から背景処理まで幅広く利用できる素材を揃えておきたいもの。そこで今回紹介するのが、背景処理に利用しやすいphotoshopパターン集「40 Exclusive Photoshop Patterns」です。

素材感とコントラストの異なるパターンが40種類もセットになって紹介されています。

詳しくは以下

(さらに…)

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

デザイン制作に使いやすいストライプパターンまとめ「Collection of High Quality and Free Stripe Patterns for Your Design Projects」

デザイン制作にはさまざまなアイデアと技術が必要になりますが、そんな中でもなるべく制作時間を押さえながら、高いクオリティを追求したいもの。そこで今回紹介するのが、デザイン制作に使いやすいクオリティの高いストライプパターンをまとめた「Collection of High Quality and Free Stripe Patterns for Your Design Projects」です。


Pattern / Let’s Stripe Again :: COLOURlovers

カラフルなパターンから、シンプルなパターンまで、デザインの幅を広げられる素材が豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

華やかな雰囲気を演出できるフラワーフォント集「30 Free Pretty Designs of Flower Font」

女性らしいデザインを手がける際に良く利用される花柄素材。華やかで可愛らしい雰囲気が手軽に演出できるため、幅広いシーンで活躍しています。そんな中今回は、フォント自体に花柄があしらわれたフォント集「30 Free Pretty Designs of Flower Font」を紹介したいと思います。


Blomster フォント

可愛いらしさを演出できるデザインフォントから、エレガントな雰囲気のフォントまで、さまざまな種類が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

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

2017年10月23日

手書きのフリースクリプトフォント「25 Beautiful Script Fonts to Use in 2017」

デザインには欠かせないフォント。ゴシックや明朝といったベーシックなものから、手書きまで、数え切れないほど多くのフォントが存在しています。そんな中今回紹介するのは、近年人気を集めている手書きのフリースクリプトフォント「25 Beautiful Script Fonts to Use in 2017」です。

scriptfont01
ANISHA – FREE SCRIPT FONT on Behance

さらさらっと書かれた細身のフォントから、しっかりとした力強いものまで、いろんな種類が紹介されています。気になったものをいくつかピックアップしてみました。

詳しくは以下

(さらに…)

続きを読む
posted 06:29  |  
Category: Font   
2010年11月12日

ハイクオリティな最新のアイコンを集めた「50 New Free High Quality Icons Sets」

デザインのポイントとして多いに活躍してくれるアイコンは、いくつあっても嬉しいものです。そこで今回紹介するは、ハイクオリティな最新のアイコンを集めた「50 New Free High Quality Icons Sets」です。


IsoIcons – Workspace | Artdesigner.lv

非常にクオリティの高い多彩な種類のアイコンが集められています。中でも気になったアイコンセットをいくつかピックアップしましたので、下記よりご覧ください。

(さらに…)

続きを読む
posted 11:39  |  
Category: Design   
tag: 
2008年08月10日

日本の伝統色をデザインに!グラフィックスタイルライブラリ「Japanese Traditional 24」

独特な濁りをもつ日本の伝統色。ビビットなカラーとはまた違った独特の魅力がありますが、今日紹介する「Japanese Traditional 24」はそんな日本の伝統色をあつめた立体感があるイラストレーターのグラフィックスタイルライブラリです。


現在上記の2種類公開されていて、立体のディテールが少し違います。落ち着いた雰囲気を創り出してくれそうなグラフィックスタイルだと思います。

詳しくは以下

(さらに…)

続きを読む
posted 12:56  |  
Category: Design   
2016年08月12日

様々な表情を見せてくれるスライドショー「Multi-Layout Slideshow」

WEBサイトでは、もはや定番化したTOPで重要な情報をフラッシュ的に見せるスライドショー。定番化しているだけに注目をそれだけ引くのは至難の業ですが、今日紹介するのはそんなスライドショーの中でも特異な、様々な表情を見せてくれるスライドショー「Multi-Layout Slideshow」です。

mls

こちらのスライダーはサークル、スクエアなどなど、一つの表現では無く、様々なフォーマットを切り替えてスライドできるスライドショーとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 12:33  |  
Category: javascript , WebDesign   
2013年04月25日

デザイン制作を彩るクオリティーの高いPSD素材まとめ「40 Fresh PSD’s Files For Free Download」

デザイン制作時にパーツを一つ一つ制作すると、どうしても制作時間が膨らんでしまいます。そんな時に活用したい、デザイン制作を彩るクオリティーの高いPSD素材をまとめた「40 Fresh PSD’s Files For Free Download」を紹介したいと思います。


GraphicsFuel.com | Paper Login Form PSD

アイコンからUIエレメントまで、デザイン制作に必要なさまざまなパーツ素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 04:47  |  
Category: Design   
2013年08月22日

アナログ感・レトロ感漂う スタンプデザインのブラシセット「Collection Of Free Stamp Brushes For Photoshop」

Photoshopのブラシツールを利用することによって簡単にデザインにアクセントをつけることができますが、数多くのフリーブラシから優れたブラシセットを集めるのはなかなか大変なもの。そんな中今回紹介するのは、さまざまなデザインのスタンプが表現できるPhotoshopブラシをまとめた「Collection Of Free Stamp Brushes For Photoshop」です。

brush_1
(Collection Of Free Stamp Brushes For Photoshop – Designbeep)

アナログ感・レトロ感漂うデザインのブラシが紹介されています。中でも気になったものをピックアップしましたので、以下よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:10  |  
Category: Design   
2016年01月25日

ポスターや額縁入グラフィックのモックアップ作成に活用したいフリー素材「Poster Frame Mockup」

ポスターなどの告知ツールをデザインした際、実際に貼りだされるイメージを確認したいというシーンは多いと思います。今回はそんな時に便利な、ポスターや額縁入グラフィックのモックアップ作成に活用したいフリー素材「Poster Frame Mockup」を紹介します。

frame0

さまざまな大きさのフレームテンプレートがセットでフリーダウンロードできるようになっています。

詳しくは以下

(さらに…)

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

ハイクオリティな木のフリーテクスチャ「75 High-Quality Free Wood Textures」

テクスチャの中でももっともポピュラーで使いやすい素材、木、質感を演出したり、暖かみをデザインに与えたりとその使い方は様々ですが、比較的便利に使える素材として重宝したりします。今日紹介するのはハイクオリティな木のフリーテクスチャ「75 High-Quality Free Wood Textures」です。

textestree01

スタンダードなフローリングのような木目から木の壁、削られたものから、年輪といったものまで幅広いフリーテクスチャが展開されています。全部で75もの素材が公開されていますが、今回はそのなかから気になったものをいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:48  |  
Category: Design , Photoshop   
2012年01月22日

10pxで様々なものを表現するミニピクセルアイコンセット「Bijou」

WEBを制作にあたり便利な素材アイコン。一つ一つアイコンを制作するのはとても大変で、ピクセルアート的なピクトグラムであれば一層時間がかかります。今日紹介するのは10pxで様々なものを表現するミニピクセルアイコンセット「Bijou」です。

アイコンはすべてpngで配布されており、さらにありがたいことに、ソースファイルのpsdも用意されていますので、オリジナルのアレンジを加えることも可能です。

詳しくは以下

(さらに…)

続きを読む
posted 11:37  |  
Category: Design , Photoshop , WebDesign   
2012年06月10日

HTML5で作るルービックキューブがすごい!「Tutorial: Rubik’s cube with HTML5 (CSS3 + JavaScript)」

HTML5という言葉が世に出てから、暫くたって多くのプロジェクトが発信されてきましたが、今日紹介するのはHTML5+CSS3+javascriptで作るルービックキューブ「Tutorial: Rubik’s cube with HTML5 (CSS3 + JavaScript)」です。

こちらはただ単にキューブを作って描画するだけではなく、ボタンやスマートフォン上でのフリック、マウスなど様々な方法でルービックキューブが遊べるようになるというものになっています。

詳しくは以下

(さらに…)

続きを読む
posted 02:15  |  
Category: Design , WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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