TOP  >  Design

Tag : Design

2017年05月18日

シームレスな手書き風幾何学模様パターンセット18種「Rosalie Watercolor Patterns」

デザインに彩りを添えてくれるパターンはとても便利。その中でも特に模様が綺麗に繋がるように作られた、シームレスなパターンは非常に役立つアイテムです。今回ご紹介するのはそんなシームレスパターンから、手書き風に描かれた素材「Rosalie Watercolor Patterns」です。

Seamless_pattern_suisai01

水彩筆で書かれたようなラフで柔らかいタッチが特徴の、色合いの美しい全部で18種類のパターンがセットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2017年05月17日

個性的なフリーアイコン20種がまとめられた「20 Free Product Feature Icons Sets」

webサイト制作などに欠かせないアイコン。これ一つで情報をわかりやすく伝えることができるためスペースの削減にも繋がります。今回ご紹介するのはそんなアイコンの中から個性的なデザインのものをまとめた「20 Free Product Feature Icons Sets」です。

スクリーンショット 2017-05-16 17.27.01

こんなの欲しかったと思えるようなアイコンが紹介されています。その中からおすすめのアイコンを幾つかピックアップしましたので、以下よりご覧下さい。

詳しくは以下

(さらに…)

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

フレンドリーな印象を与えるグラデーションビジネスアイコン「Free Download: 48 Nolan Business Icons by Icons8」

固い印象が望まれるビジネスシーンですが、状況によっては砕けた印象を与える方が効果的な場合もあります。今回ご紹介するのはそんなシーンで活用したい、親しみやすい印象を与えるアイコンセット「Free Download: 48 Nolan Business Icons by Icons8」です。

nolan_icon_01

全部で48種類ものビジネスアイコンが揃うグラデーションが美しいアイコンセットです。全てフリーでダウンロード・利用が可能な素材となっています。

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

続きを読む
このエントリーをはてなブックマークに追加
2017年05月15日

スマートフォンから閲覧する為に最適化されたフォトスライダー「SmartPhoto.js」

スマートフォンの幅広い普及によって、UIや動作周りもスマートフォンに最適化されるようになってきました。そんな中今回ご紹介するのは、スマートフォン向けのフォトスライダーの作り方を紹介する「SmartPhoto.js」です。

SmartPhoto.js_01

スマートフォンで大きな写真を楽しめるフォトスライダーで、横スライドタイプのスマートフォンからの閲覧に最適化したギャラリーを簡単に作ることが出来ます。

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

続きを読む
このエントリーをはてなブックマークに追加
2017年05月14日

レトロな3Dマップを手軽に作成できる「Low Poly Art Maker」

さまざまな最新技術や描写表現が進化する現代でも、昔ながらのレトロなデザインは、根強く人気の高いジャンルの一つ。中でもレトロゲームの世界のようなデザイン表現はいろんなシーンで活用されています。今回はそんなレトロな質感の3Dマップを手軽に作成できる「Low Poly Art Maker」を紹介したいと思います。

lowpoly1

種類豊富なパーツを組み合わせて、自分だけのオリジナルレトロマップを作り上げることができるアートメーカーです。使い方が分かりやすく紹介されたムービーが公開されていますので、まずは以下よりご覧ください。

ムービーは以下より

(さらに…)

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

美しい水彩で描かれたフラワー素材キット「Lunar Flower Watercolor Kit」

筆で描き出す水彩を使ったグラフィックは、デザインに美しさや彩りを与えてくれます。しかし高い描写技術が求められることもあり、簡単に取り入れるのが難しいことも。そんな時に参考にしたい、水彩で描いた美しい花のビジュアル素材キット「Lunar Flower Watercolor Kit」を紹介したいと思います。

flower0512_1

アンティークな雰囲気も感じさせてくれる、カラフルな色合いのフラワーイラストとフレームなどの素材がセットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

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

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

2010年09月11日

CSS、javascriptで実現するタブインターフェイス集「30 CSS and Javascript Tabs Solutions」

数多くの情報をまとめて、限り有るスペースを有効活用することができるタブインターフェイス、情報量の多いサイトで主に利用されていますが、今回紹介するのはCSS、javascriptで実現するタブインターフェイスを集めたエントリー「30 CSS and Javascript Tabs Solutions」です。


Sweet Tabbed Navigation Bar using CSS3

デザイン的に凝ったものから、jQueryやCSS3を使って印象的に見せるものまで、様々なタブインターフェイスが紹介されています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 02:00  |  
Category: WebDesign   
2017年01月06日

シンプルなデザインに合う天気フリーアイコンを集めた「20 Free Weather Icon Sets with Minimal Designs」

あまり使用する頻度は高くありませんが、あるといざという時に便利な天気アイコン。たくさんの種類がフリーで配布されており、今回はその中でもシンプルなデザインに合う天気フリーアイコンを集めた「20 Free Weather Icon Sets with Minimal Designs」を紹介したいと思います。

weathericon0105_3
24 Weather Icons – Freebie by Carl Robin Kylander ✦ – Dribbble

ミニマルテイストなものを中心に、さまざまなバリエーションを揃えたアイコンセットがピックアップされています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2010年08月08日

選んで、見て、使える簡単CSS3ジェネレーター「CSS3 Generator」

次世代の規格として注目されているCSS3。新しいブラウザではすでに対応していて、すでに利用しているという方もいらっしゃると思いますが、今回紹介するのは様々なCSS3ならではの処理を簡単に実現できるCSS3ジェネレーター「CSS3 Generator」です。

上記のようにものすごくシンプルなインターフェイスとなっていて、まずはCSS3で行ないたいデザイン処理を選びます。シャドウ、テキストシャドウ、線の外側に線など様々なデザイン処理が準備されています。

詳しくは以下

(さらに…)

続きを読む
posted 10:15  |  
Category: WebDesign , WebService   
2009年01月10日

厳選された15のフリーフォント「15 Awesome Free Fonts」

デザインに文字が入る場合、その文字が持つイメージによって大きくデザインが左右されます。そのためデザインにおいてフォントというのは重要な物になってくるかと思います。国内外で様々なフォントがフリーで公開されていますが、今日は海外のデザインサイトabduzeedoが選んだフリーフォントをまとめた「15 Awesome Free Fonts 」を紹介したいと思います。


Fonce Sans Regular—Trial by $liquisoft on deviantART

フォントはすべて「deviantART」で公開されているものから選別してきているみたいで、様々なフォントが紹介されています。今日はその中から気になったものをいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 06:42  |  
Category: Design , Font   
tag: Design Font
2011年01月24日

洗練された最新のフリーアイコンまとめ「25 Fresh and Useful Icon Sets」

Webデザインのパーツとして、またデザインクオリティをアップさせる素材として非常に役立つアイコンにもさまざまな種類が存在しています。今回紹介するのは、「25 Fresh and Useful Icon Sets」です。


E-Commerce Icon Set | Web Icon Set

シンプルなものから、立体的で存在感溢れるものまで、色々なテイストのアイコンが収録されています。中でも特に注目したいアイコンをいくつかご紹介します。

(さらに…)

続きを読む
posted 11:52  |  
Category: Design   
2010年03月12日

グラフィティ的な表現を可能にするphotoshopブラシセット「350+ Ultimate Free Spray and Splatter Paint Brushes」

様々な表現を可能にしてくれるphotoshopブラシ。様々なブラシがフリーで公開されていますが、今回はグラフィティ的な表現を可能にするphotoshopブラシセット「350+ Ultimate Free Spray and Splatter Paint Brushes」を紹介したいと思います。

splatphoto01
Free Hi-Res Splatter Photoshop Brushes

スプレーからペンキ風のphotoshopブラシセットが多数まとめられています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 01:09  |  
Category: Design , Photoshop   
2008年06月30日

デザインタグクラウド生成サービス「Wordle – Beautiful Word Clouds」

多くのブログサービスやソーシャルネットサービスでタグ機能が実装されて、タグと言う物自体がWEBをやっているとかなり一般的になってきたかと思います。ブログなどで何が多く書かれていて、どんな事が書かれているのかが視覚的に把握できるようにしたのがタグクラウドですが、今回紹介するのはそんなタグクラウドをよりクリエイティブにしてくれるサービス「Wordle – Beautiful Word Clouds」です。

文字の羅列だけでしかない、タグクラウドを、上記のように素敵なデザインに生まれ変わらせてくれます。タグはテキストで入力するか、del.icio.usのユーザ−IDから読み込む事ができましたので、早速姉妹サイトのdesignworksのdel.icio.usIDを読み込ませてタグクラウドを生成してみました。

詳しくは以下

(さらに…)

続きを読む
posted 08:31  |  
Category: Photoshop , WebDesign   
2012年11月25日

一枚でクリエイティブ感を演出するブラー背景素材「Useful Blurred Background Resources」

ディスプレイ領域が多様化し、対応する最小解像度次第では、背景部分が大きく見えることも多く、背景のデザインがWEBサイト構築に置いても、印象を決定づける大きな要素の一つになりつつありますが、今日紹介するのは一枚でクリエイティブ感を演出するブラー背景素材をまとめたエントリー「Useful Blurred Background Resources」です。


Dribbble Backgrounds

こちらは、雰囲気のある光がボケたような表現の背景素材をまとめたエントリーです。いくつか紹介されていますが、今日はその中から幾つかきになったものをピックアップして紹介したいと思います。

詳しくは以下

12 Blurred Backgrounds
1600×1200のjpgで背景素材が12枚まとまっています。落ち着いた感じの光です。

759748-12-Blurred-Backgrounds
 
 
 
 
 
Blurred Landscape Images
こちらは光ではなくて、写真をぼかしたもの。背景に置くことで遠近感も演出できます。

987-8-Blurred-Landscape-Images
 
 
 
 
 
 
Light Kit Ps
様々なひかりの演出の写真セット。

819751-Light-Kit-Ps
 
 
上記の他にも様々なボケが効いた背景素材がまとめられています。サイトの印象をガラリと変えてみたいという方は是非どうぞ。

A Handy Collection Of Useful Blurred Backgrounds Resources | DesignWoop

続きを読む
posted 11:00  |  
Category: WebService   
2013年07月02日

比較的最近公開されたピクセルフォントまとめ「A New Collection of Pixel Fonts」

楽しげな雰囲気や、レトロなテレビゲームの雰囲気を感じさせるピクセルフォント中から、比較的最近公開されたフォントをまとめた「A New Collection of Pixel Fonts」を今回は紹介したいと思います。

dd_font_01
Pixel Millennium font by Zdeněk Gromnica – FontSpace

ポップで可愛らしいフォントから、レトロゲームの雰囲気をそのまま楽しめるフォントまで、さまざまなタイプが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 07:31  |  
Category: Font   
2015年12月02日

UIやモックアップなどデザイナーがチェックしておきたい最新フリーResourceまとめ「50 Free Resources for Web Designers from November 2015」

インターネット上では日々新しい素材が追加され続けており、その膨大な量に一体どれを選んでよいか迷ってしまうことも。今回はそんな時に参考にしたい最新フリーResourceまとめ「50 Free Resources for Web Designers from November 2015」を紹介したいと思います。

resources0
SEO Icons – EpicPxls freebie

UIやモックアップなどデザイナーがチェックしておきたい素材が多数まとめられています。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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