TOP  >  Design

Tag : Design

2015年06月24日

高品質・高解像度のタイル状パターンセット「Free New Set of Material Design Patterns」

デザインの背景素材などに利用されるパターン素材。種類やデザインが非常に豊富で、ジャンル問わずストックされている方も多いのではないでしょうか?そんな中今回紹介するのは、高品質・高解像度のタイル状パターンセット「Free New Set of Material Design Patterns」です。

tiled1

独自のカラー配色がとても印象的な、タイル状パターンがセットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

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

iPhone6の使用イメージを簡単に作成できるテンプレート「24 Fresh Free iPhone 6 Templates to Showcase Your Designs」

Appleの最新機種・iPhone6。すでに多くの人達が使用しており、ビジュアル的なイメージ作成が必要になってくるシーンも時にはあるのではないでしょうか?そんな中今回紹介するのは、iPhone6の使用イメージを簡単に作成できるテンプレート「24 Fresh Free iPhone 6 Templates to Showcase Your Designs」です。

iphone6mock

iPhone6を手に持って使用するシーンのイメージが24種、フリーダウンロードできるようになっています。

詳しくは以下

(さらに…)

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

幾何学的にデザインされたフリーフォント「20 Gorgeous Free Geometric Fonts to Download」

さまざまなテイストのデザインフォントが展開されており、いろいろな種類をストックされている方も多いかと思います。そんな中今回紹介するのは、幾何学的にデザインされたフリーフォント「20 Gorgeous Free Geometric Fonts to Download」です。

geometricfonts1
PIER SANS // FREE TYPEFACE with 4 New Styles on Behance

幾何学的とありますが、シンプルなテイストをベースに個性が演出されたフォントが揃っています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

モバイルデザイン時に参考にしたいフリーUIキットを集めた「30 Free Mobile UI Kits Every Designer Should Have」

今や、サイトデザインはPC版だけでなく、モバイルにも対応したサイト設計が必須となっています。今回はそんな時に参考にしたい、フリーUIキットを集めた「30 Free Mobile UI Kits Every Designer Should Have」を紹介したいと思います。

mobileui_1
Planner & Meteo UI Kit for iPhone

デザイン性の高い、さまざまなテーマのフリーUIキットがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

いろいろなテーマが揃ったフリーフラットアイコンまとめ「48 Flat and Free Icon Sets for June 2015」

いろいろな種類の素材が展開される中、特にアイコンは多彩なテーマのものが配布されています。そんな中今回紹介するのは、いろいろなテーマが揃ったフリーフラットアイコンまとめ「48 Flat and Free Icon Sets for June 2015」です。

icon0619_0
Free Flat Icon set

ベーシックなタイプから、個性的なテーマのものまで、さまざまな種類のアイコンが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

HTML5のフリーレスポンシブテンプレート「50 Free Responsive HTML5 Web Templates」

webサイトを制作する際には、デザインだけでなく全体の構成などの設計が必要となってきます。しかしコストや時間の関係でなかなか思ったようにデザインできないこともあるのではないでしょうか?そんな時に参考にしたい、HTML5のフリーレスポンシブテンプレート「50 Free Responsive HTML5 Web Templates」を紹介したいと思います。

html5_0618_1
Cafe & Restaurant Free Website Templates

レスポンシブで、スマートフォンやタブレットに自動対応した、ハイクオリティなテンプレートが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

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

2010年01月01日

ページの真横からスライドで表示されるサブページを実現する「jQuery pageSlide」

軽量なjavascriptライブラリjQuery、かなり高機能で、様々な表現ができますが、今回紹介するのはjQueryを利用して、ページの真横からスライドで表示されるサブページを実現する「jQuery pageSlide」です。

jquery-pageslide-screenshot

上記のようにメインコンテンツエリアを、ヨコにスライドして、サブページが表示されます。

詳しくは以下

(さらに…)

続きを読む
posted 09:48  |  
Category: WebDesign   
2016年03月21日

CSSのみで実現する軽量なツールチップ「Ballon.css」

WEB上で、ボタンや画像などの補足説明に用いられるツールチップ、そこまで多くは見かけませんが、ユーザーナビゲーションとしては直感的で有効な手法で、制作するにあたって導入を検討するWEBデザイナーの方は多いのではないでしょうか?今日紹介するのはCSSのみで実現する軽量なツールチップ「Ballon.css」です。

balloncss2

CSSのみで制作されていますが、なめらかなアニメーションを実現しています。ICONフォントや絵文字にも対応しています。

詳しくは以下

(さらに…)

続きを読む
posted 07:04  |  
Category: WebDesign   
2017年09月05日

フェミニンな雰囲気が漂う幾何学模様チックな海藻などの植物テクスチャまとめ「Vector Plants and Textures」

制作の現場においてテクスチャは非常に便利。特に自分の好みにカスタマイズが可能なベクター素材であれば、さらに重宝する存在になると思います。そんな中今回紹介するのは、北欧の雰囲気が漂う“植物”に焦点をあてたテクスチャ素材「Vector Plants and Textures」です。

Vector_PlantsTextures_top

くすんだパステルカラーが目を引く、柔らかいタッチが印象的な素材です。

詳しくは以下

(さらに…)

続きを読む
posted 09:29  |  
Category: Design , vector , WebDesign   
2008年05月05日

テーブルタグが簡単に生成できる「Kotatsu」

最近の主流から少しはずれたテーブルタグ。表などを見せるときなんかは未だに力を発揮してくれますが。組み慣れていないせいか手書きだったりすると組むのが非常に面倒だったりもします。そこで今回紹介するのはそんなテーブルタグが簡単に作れる「Kotatsu」を紹介したいと思います。

使い方は非常にシンプルで、WEB上でカラムや段数を決めて、クラスを設定することができます。上記のようにテーブルベースで作っていけるので分かりやすいです。

詳しくは以下

(さらに…)

続きを読む
posted 11:10  |  
Category: WebDesign   
2011年02月12日

デザイン性に優れたワインラベルのデザイン集「50 Exquisite Wine Label Design Samples」

豊富な種類が展開されるワイン、それぞれの個性を表現しているかのように、ラベルのデザインも様々です。そこで今回紹介するのは、デザイン性に優れたワインラベルのデザイン集「50 Exquisite Wine Label Design Samples」です。

ボトル自体は通常のタイプがほとんどですが、ラベルに注目して見てみるととてもクリエイティブ要素の高いものが数多くリリースされているのが分かります。紹介されている物の中からいくつか気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:16  |  
Category: Design   
2012年07月21日

天気予報のためのシンプルなアイコンセット「Free Weather Icons」

誰しもが気になる情報コンテンツの一つが天気予報。多くの方が毎日チェックするものですが、コンテンツを作る立場にとっては、それぞれの天気をいかに直感的に分かりやすく、見せてあげるのかが、頭を悩ませるところだと思いますが、今日紹介するのは天気予報のためのシンプルなアイコンセット「Free Weather Icons」です。

晴れ、くもり、雨というシンプルなものから、竜巻や風速計などすこし変わったものまで様々なものが収録されています。

詳しくは以下

(さらに…)

続きを読む
posted 09:16  |  
Category: Design , vector   
2013年04月17日

ワンポイントがより華やかに!ベクターで制作されたフレーム素材まとめ「A Collection Of 25 Free and Attractive Vector Frames」

デザイン制作にも、ちょっとしたメモを書き込むためのカードにも、モチーフなどを組み合せたデザインが入っているだけで、見た目の華やかさもアップするのではないでしょうか?そんな中今回紹介するのが、ワンポイントがより華やかになる、ベクターで制作されたフレーム素材をまとめた「A Collection Of 25 Free and Attractive Vector Frames」です。


Cloud Frame

植物をモチーフにした素材から、幾何学模様が可愛らしい素材まで、さまざまなフレーム素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 05:30  |  
Category: Design   
2014年07月14日

デザイナーのためのデザイン性のある最新フリーフォントを紹介した「New Free Fonts For Designers」

数ある多数のフォントの中からデザインにぴったりと合う、クオリティの高いものを探し出すのは意外に大変なもの。そんな時に参考にしたい、デザイン性のある最新フリーフォントを紹介した「New Free Fonts For Designers」を今回は紹介したいと思います。

font140714_1
Typography: Asgalt Free Font on Behance

ハイクオリティなフォントがまとめられているので、デザインの質をアップさせたい時におすすめです。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Font   
2016年01月19日

継ぎ目なく敷き詰められる アイコンを使ったシームレスパターンまとめ「20 Free Seamless Icon Patterns for Designers」

背景に使用されるパターン素材は非常に便利ですが、少しネックとなるのは継ぎ目を加工しないと配置拡大して使用できないところ。今回はそんなデメリットを解消したシームレスなパターンの中でも、アイコンでデザインされたものをまとめた「20 Free Seamless Icon Patterns for Designers」を紹介したいと思います。

seamless0120_3
hipster hand drawn pattern Vector | Free Download

継ぎ目なく敷き詰められる、いろいろなテイストのアイコンパターンが豊富に紹介されています。気になったものをピックアップしましたので、下記よりご覧下さい。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2013年04月21日

錆びを活かしたグランジ感のあるデザインに活用できるテクスチャ「Eight High-res Rust Textures」

鉄などが外気や水などにさらされておきる錆の状態は、デザインの世界ではテクスチャ素材の1つとして利用されることも。今回はそんな錆びを活かしたグランジ感のあるデザインに活用できるテクスチャ「Eight High-res Rust Textures」を紹介したいと思います。

高解像度でダウンロードできる8種類の絶妙な違いを表現した錆テクスチャがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 09:43  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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