TOP  >  テクスチャ

Tag : テクスチャ

2016年10月31日

シンプルだから便利なグランジテクスチャブラシ「10 Free Subtle Grunge Texture Brushes」

デザインに質感を与えるグランジ素材は素材の定番として背景写真素材からブラシなど様々な形で提供されていますが、今日紹介するのはシンプルだから便利なグランジテクスチャブラシ「10 Free Subtle Grunge Texture Brushes」です。

grangibr1

非常にシンプルなもので細かい粒子状のグランジのブラシが全部で10パターンセットになっています。収録されているブラシセットは以下からご覧ください。

詳しくは以下

(さらに…)

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

デザインのクオリティを上げるシンプルな背景パターン「 75 Seamless Photoshop Pixel Patterns」

デザインの細部は宿ると言われており、細かな部分が全体なクオリティに繋がってくるものですが、WEBデザインも同様に細かな背景やパーツを作り込むことでクオリティが上がってきます。今日紹介するのはデザインのクオリティを上げるシンプルな背景パターン「75 Seamless Photoshop Pixel Patterns」です。

photoshop-seamless-patterns

非常にシンプルですが、基本的にはシンプルですが中には少し遊びのあるピクセルパターンが全部で75種類まとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 09:30  |  
Category: Design , Photoshop , WebDesign   
このエントリーをはてなブックマークに追加
2016年08月01日

水彩からグランジ・ポリゴンまでフリーテクスチャを集めた「20 Free Texture Packs」

制作の現場でとても便利なテクスチャ素材。平坦なデザインに素材感や立体感を与えてくれますが、今回紹介するのは水彩からグランジ・ポリゴンまでフリーテクスチャを集めた「20 Free Texture Packs」です。

watercolor-textures
10 WaterColor Circle Textures

多様な種類のテクスチャパックがまとめられています。今日はその中か特に気になったテクスチャパックを幾つか紹介したいと思います。

詳しくは以下

(さらに…)

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

重ねても背景でも使える、高品質な光の背景「40 Free High Resolution Vibrant Blurred Backgrounds」

そのままでは何か寂しい時に重宝するのがテクスチャ。実在する紙や木などのテクスチャの他にも様々なテクスチャがまとめられ公開されていますが、今日紹介するのは重ねても背景でも使える、高品質な光の背景「40 Free High Resolution Vibrant Blurred Backgrounds」です。

photo-overlay

上記のように写真に重ねることで、スナップ写真に大きく表情が現れます。全部で40ものテクスチャがまとめられており、以下からその全てをご覧いただけます。

詳しくは以下

(さらに…)

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

ジオメトリック柄のフリーテクスチャ&パターンまとめ「12 Free Geometric Textures & Patterns Sets For Your Design」

デザイン素材・種類として流行になっているものの一つとしてあげられるジオメトリック柄。いろいろなデザインシーンでよく見かけるため、使う際は他を差をつけてデザインしたいものです。今回はそんな時に参考にしたいジオメトリック柄のフリーテクスチャ&パターンまとめ「12 Free Geometric Textures & Patterns Sets For Your Design」を紹介したいと思います。

polygon0326_0
FREE!!! 5 Triangulation Mosaic backgrounds by mariannizmo on DeviantArt

定番ではあるけれど個性を感じさせるものを中心に、厳選された数ではありますが、活用しやすい・使ってみたいジオメトリック柄が揃っています。

詳しくは以下

(さらに…)

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

ラフな雰囲気を演出できる ハイクオリティなハンドクラフト素材セット「57 Handcrafted Fonts, 230 Textures & 100s of Design Extras」

いろいろなテイストの素材が配布されていますが、ラフ感のある雰囲気を演出できる素材は持っているととても便利。いろんなシーンで活躍してくれます。そんな中今回紹介するのは、ハイクオリティなハンドクラフト素材セット「57 Handcrafted Fonts, 230 Textures & 100s of Design Extras」です。

hand16_1

同テーマで、フォント、textureなど、さまざまな種類の素材をまとめてダウンロードできるようになっています。

詳しくは以下

(さらに…)

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

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

2012年05月14日

バッジやタグのフリーアイコンセット「Free Web Badges & Elements」

デザインのアクセントとしてよく利用されるラベルやタグアイコンは、デザインテイストに合わせて多くの素材をストックしておきたいもの。そこで今回紹介するのが、バッジやタグなどのさまざまなアイテムがセットになったフリーアイコンセット「Free Web Badges & Elements」です。

シーンやデザインごとに選べる、デザイン制作の時間を短縮してくれそうなアイテムばかりがセットになっています。

詳しくは以下

(さらに…)

続きを読む
posted 11:20  |  
Category: Design   
2011年12月07日

トラベル系のwebサイトまとめ「25 Web Design Showcase of Travel Websites」

世界の美しい風景や、新しい土地での出会いに憧れを抱き、旅行をする方はとても多いと思います。今回は、そんな旅行シーンに是非活用・閲覧したい、クリエイティブな旅行案内サイトをまとめた「25 Web Design Showcase of Travel Websites」を紹介したいと思います。


Definitely Dubai

それぞれの国の雰囲気や、旅行全体のコンセプトが感じられるwebサイトばかりが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2008年10月10日

オンラインイメージエディタのまとめ「6 Exceptional Web-based Image Editors」

作業をするときはメインのマシンが決まっていて、ほぼそのマシンを使って作業をするのですが、ごく希に出先などで作業する時もあり、その際に困るのがソフト。同じ環境はもちろん難しいですが、画像編集とか必要になった場合などの作業が発生した時困ってしまっていました。


Pixlrのインターフェイス

WEBさえあればどんな所でも使えるオンラインイメージエディタのまとめが「Six Revisions」で紹介されていましたので、今日はオンラインイメージエディタのスクリーンキャストを交えながら、自分のメモがわりにまとめておきたいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 04:33  |  
Category: Tool   
tag: Tool WEBtool
2017年05月25日

UIデザインに機能的なアニメーションをつける4つのポイント「4 Ways Use Functional Animation in UI Design」

デザインに動きをつけてより見やすいUIを作り上げるとこができる、UIアニメーション。上手に利用すれば良いUIを制作できますが、動きという印象に残る要素になるため、取り入れるにはコツが必要です。今回ご紹介するのは、そんな時に役立つ、UIデザインにアニメーションを盛り込むコツをまとめた「4 Ways Use Functional Animation in UI Design」です。

animationui

アニメーションを採用するための4つの覚えておきたいポイントが、非常にわかりやすく実例も踏まえて解説されています。

(さらに…)

続きを読む
posted 10:00  |  
Category: WebService   
2009年07月24日

商用可!クリエイティブでユニークな厳選フォント集「The League of Moveable Type」

様々なフォントが国内外、配布されていますが、今日紹介する「The League of Moveable Type」はそのなかでもクリエイティブなフォントをいくつか公開していてダウンロードする事ができます。

asopenfont01
Blackout-13

サイトの名前を見るとちょっとフォント配布サイトに聞こえない部分がありますが、すべてのフォントはオープンソースの考え方が根底にあるみたいで、無償で社会貢献のため無償で公開されています。収録されているフォントを下記に紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 01:36  |  
Category: Design , Font   
tag: Design Font
2014年11月07日

手でタッチするジェスチャーアイコンセット「100+ Touch Gestures Icons」

スマートフォンやタブレットが主流になったことで、画面をタッチする手の動きを表現するデザインシーンも増えています。そんな中今回紹介するのは、手でタッチするジェスチャーアイコンセット「100+ Touch Gestures Icons」です。

handtouch

主に指先でタッチやスワイプをする動作が表現された手のひらアイコンが100種セットになっています。

詳しくは以下

(さらに…)

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

ベクターデータで利用できるシンプルなECサイト用アイコン「New e-commerce icon set 」

WEBを制作する上でユーザーエクスペリエンスを左右する。アイコンのデザイン。意図したとおりに作用すれば、言いたいこと、伝えたいことがかなりわかりやすく伝わります。今日紹介するのは、ベクターデータで利用できるシンプルなECサイト用アイコン「New e-commerce icon set 」です。

このアイコンセットはECサイト用ということで、支払いから、セール案内まで、幅広くECで重宝しそうなアイコンがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 09:30  |  
Category: Design , vector   
2012年12月09日

【商用可】300個のアイコンをセットにしたフリーアイコンセット「Batch.」

WEBデザインに限らず、その作り込みや分かりやすさでデザインの精度を左右する要素アイコン。アイコンを作りこむにはかなりの時間を要しますが、今回紹介するのはそんなアイコン制作の手間を軽減してくれる、300個のアイコンをセットにしたフリーアイコンセット「Batch.」です。

全部で300以上のアイコンがセットになっており、スタンダードなものから少し変わったものまで、考えられるアイコンは粗方押さえられています。

詳しくは以下

(さらに…)

続きを読む
2016年10月31日

シンプルだから便利なグランジテクスチャブラシ「10 Free Subtle Grunge Texture Brushes」

デザインに質感を与えるグランジ素材は素材の定番として背景写真素材からブラシなど様々な形で提供されていますが、今日紹介するのはシンプルだから便利なグランジテクスチャブラシ「10 Free Subtle Grunge Texture Brushes」です。

grangibr1

非常にシンプルなもので細かい粒子状のグランジのブラシが全部で10パターンセットになっています。収録されているブラシセットは以下からご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:47  |  
Category: Design , Photoshop   
2017年08月12日

レスポンシブデザインのためのモックアップ「15+ Mockups to Showcase Your Responsive Web Designs」

デザインの提案をする際に役に立つのがモックアップ。不確実なものを実際のイメージに近い形で表現しながらデザインを確認できるので、イメージが明確になり、プレゼンテーションの手法としてはとても便利です。今回紹介するのは、レスポンシブデザインをプレゼンテーションするのに便利なモックアップ「15+ Mockups to Showcase Your Responsive Web Designs」です。

15Mockups01
Showcase Website Header Mockup | MockupWorld

実際のPCにはめたものワイヤーフレーム上のものなど、様々な段階・用途に合わせて使用できるモックアップまとめられています。今回ははいくつか気になったものをピックアップしましたので以下からご覧ください。

詳しくは以下

(さらに…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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