TOP  >  Texture

Tag : Texture

2014年08月30日

舗装面をテーマにしたシームレステクスチャ「Absolutely Free Seamless Pavement Textures」

街中などの歩道部分には、歩きやすいように舗装がされており、いろいろな素材がいろんな形で配置されています。今回はそんな舗装面をテーマにしたシームレステクスチャ「Absolutely Free Seamless Pavement Textures」を紹介したいと思います。

pavement2
Stone Blocks by AGF81 on deviantART

舗装の柄に着目しテクスチャ化された舗装面がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

ノイズ感のある質感を手軽に表現できるテクスチャ「Dust & Noise Overlay Textures」

インターネット上では非常にさまざまな種類の素材が配布されており、中でもテクスチャは非常に重宝される素材の一つ。手軽に素材の質感を表現することができます。そんな中今回紹介するのは、ノイズ感のあるテクスチャ「Dust & Noise Overlay Textures」です。

dustnoise1

がさがさとしたアンティークな雰囲気を、このテクスチャを利用することでデザインに取り入れることができます。

詳しくは以下

(さらに…)

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

カーペットの表面をテクスチャに「Create Superb Effects With These Free Seamless Carpet Textures」

家のリビングなどのくつろぎの場に設置されていることの多いカーペット。無地や連続した柄などで構成されているものが比較的多い印象ですが、今回はそんなカーペットのテクスチャ素材をまとめた「Create Superb Effects With These Free Seamless Carpet Textures」を紹介したいと思います。

carpet_texture1
Seamless Carpet Texture by hhh316 on deviantART

シームレスに利用できる、比較的シンプルなタイプのカーペットをテクスチャとして取り入れた記事がまとめられています。

詳しくは以下

(さらに…)

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

継ぎ目なく敷き詰められる葉っぱテクスチャを紹介した「Free Seamless Leaf Textures For Your Nature-Inspired Designs」

シームレスに利用できるテクスチャ素材は、継ぎ目を気にすることなく使用できるためとても便利に活用できます。そんな中今回紹介するのは、継ぎ目なく敷き詰められる葉っぱテクスチャを紹介した「Free Seamless Leaf Textures For Your Nature-Inspired Designs」です。

leaves2
Seemless Leaves by gabrielslair on deviantART

様々な表情の葉っぱをテクスチャ化し、ダウンロードできるリンクがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 12:38  |  
Category: Design   
このエントリーをはてなブックマークに追加
2014年08月10日

シームレスに使用できるのが嬉しい フリーメタルテクスチャ「Free Seamless Metal Textures For Your Superb Designs」

webサイトなどの背景に柄物の質感を敷き詰める際に活躍してくれるシームレスパターン。継ぎ目を気にすることなく手軽に利用できる点が重宝されています。そんな中今回紹介するのは、シームレスに使用できるフリーメタルテクスチャ「Free Seamless Metal Textures For Your Superb Designs」です。

metaltex0
Texture Metal Seamless by ai-forte on deviantART

いろいろな表情の、鉄板の表面をテクスチャ化したメタル素材がまとめられています。

詳しくは以下

(さらに…)

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

幾何学模様のテクスチャとパターンのセットを紹介した「20 Geometric Texures and Pattern Sets Free to Download」

華やかさとデザイン性を与えてくれる幾何学模様は、特にフラットデザインが主流の最近のデザインシーンで多く見かけることが多くなってきています。そんな中今回は、幾何学模様のテクスチャとパターンのセットを紹介した「20 Geometric Texures and Pattern Sets Free to Download」を紹介したいと思います。

polygon140802_0
Vector colorful background triangle Vector | Free Download

いろいろな表情の幾何学模様パターンとテクスチャがセットになってまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

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

2010年01月12日

WEBデザインでつかえる光のエフェクトインスピレーション集「40+ Absolutely Stunning Use of Light Effects in Webdesign」

未来的な表現の一つとてして、最近のWEBデザインでもよく見る、光を取り入れたWEBデザイン。今日紹介するのはWEBデザインでつかえる光のエフェクトインスピレーション集「40+ Absolutely Stunning Use of Light Effects in Webdesign」です。

lighteffects_01

いくつか紹介さされていますが、今回はそのなかからいくつか気になったモノを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:38  |  
Category: Design , WebDesign   
2018年04月29日

周りと一歩差がつく!クリエイティブなポートフォリオサイト20選「20 BEST NEW PORTFOLIOS, APRIL 2018」

デザイナーの作品や仕事を綺麗にまとめてくれるポートフォリオ。最近ではWebを利用してポートフォリアサイトで作品を紹介する方も増えているようです。そんな中今回は、周りと一歩差をつけるクリエイティブなポートフォリオサイト20選「20 BEST NEW PORTFOLIOS, APRIL 2018」を紹介したいと思います。

PORTFOLIO_wp01
Explainer Video & Animation Company – Kasra Design

おしゃれなポートフォリオサイト作りを手助けしてくれるアイテムが20種類。中でも気になったものをいくつかピックアップしてみました。

詳しくは以下

(さらに…)

続きを読む
2016年07月04日

フォーマルからアニマルまでフリーで利用できるベクターアバター「Avatar vector collection」

自身の分身として表示されるアバター。皆様は何を設定されているでしょうか?ソーシャルメディアが広く利用され様々な種類がある今アバターもデザインダミーとして制作しなくては行けないなんてことも増えてきたと思います。今日紹介するのはフォーマルからアニマルまでフリーで利用できるベクターアバター「Avatar vector collection」です。

aveters

「Avatar vector collection」はベクターで制作された全54種類ものアバターがまとまっており配布されているものです。人間が42種類、動物が12種類収録されています。収録されている全アバターは以下からご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:54  |  
Category: Design , vector   
2014年09月10日

デザイン性の高いクリエイティブフォント25種「25 New Free Fonts for Graphic Designers」

デザインクオリティの重要な鍵を握るフォント選びは慎重に行いたいもの。今回はそんなシーンで参考にしたい、デザイン性の高いクリエイティブフォント25種「25 New Free Fonts for Graphic Designers」を紹介したいと思います。

font0910_1
MODEKA – Free Font on Behance

シンプルなテイストから、個性的なタイプまで、いろいろなテイストのフォントがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 11:15  |  
Category: Font   
2012年10月04日

美しいキラキラのスパークを表現できるPhotoshopブラシまとめ「20+ Free Sets of Photoshop Sparkle Brushes」

冬を間近に控え、イルミネーションなど光の輝きを表現するデザインを求められることも多くなっているのではないでしょうか?そこで今回紹介するのが、美しいキラキラのスパークを表現できるPhotoshopブラシをまとめた「20+ Free Sets of Photoshop Sparkle Brushes」です。


GIMP Glitter Brushes » Free-Brushes.com – Free Photoshop, GIMP & Paint Shop Pro Brushes

神秘的なスパークを表現できるブラシから、可愛らしい雰囲気のブラシまで、さまざまなPhotoshopブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:25  |  
Category: Design , Photoshop   
2015年01月02日

秀逸なデザイン・機能のGUIテンプレート集「Top 50 Web & Mobile GUI Templates from 2014」

webサイトやモバイルサイトの制作に便利なテンプレート。すでに精度の高いデザインとして完成されているので、使用するだけでハイクオリティなデザインに仕上げることができます。今回はそんな秀逸なデザイン・機能のGUIテンプレート集「Top 50 Web & Mobile GUI Templates from 2014」を紹介したいと思います。

gui0102_1
Dribbble – Diagram Template .Sketch File by ismail köse

いろいろなテイスト・種類のGUIテンプレートがまとめられており、どれもすぐに使ってみたくなるものばかり。いくつか気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

春らしさを楽しめるフローラルブラシまとめ「A Collection Of Free Floral Brushes For Photoshop」

桜も見頃を迎え春を感じられるようになり、制作するデザインにもあたたかみのあるものが増えてきていると思います。そんな中今回は、春らしさを楽しめるフローラルブラシをまとめた「A Collection Of Free Floral Brushes For Photoshop」を紹介したいと思います。


Floral Stroke by ~noniq on deviantART

花や植物をモチーフにしたベクターイラストのブラシから、手書きの優しい雰囲気のフローラルブラシまで、さまざまなブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:23  |  
Category: Design , Photoshop   
2009年10月16日

jQueryで実現するリッチな表現のメニュー「10 Fresh jQuery Tutorials to Enhance Navigation Menus」

軽量のjavascriptライブラリとして幅広く利用されているjQuery。その機能は多岐にわたり様々なプラグインやパッケージが後悔されていますが、今日紹介するのはjQueryの中でもナビゲーションに絞って紹介しているエントリー「10 Fresh jQuery Tutorials to Enhance Navigation Menus」です。

jquery_nav_01
Horizontal Scroll Menu with jQuery Tutorial

詳しくは以下

(さらに…)

続きを読む
posted 11:54  |  
Category: WebDesign   
tag: 
2008年08月21日

iPhoneのユーザーインターフェイス素材集「iPhone GUI PSD」

先日発売され、日本でも話題を振りまいたiphone3Gですが、今回紹介するのはそのiphoneやipod touchに使われているインターフェイスの素材集「iPhone GUI PSD」です。

これはその名の通り、iPhoneで使われているユーザーインターフェイスのパーツを素材として使えるようにPSDファイルにし、配布されている物です。上記の写真のようにかなり細かく作り込んであり、忠実に再現されています。

詳しくは以下

(さらに…)

続きを読む
posted 06:23  |  
Category: Design , Font , Photoshop , plugin   
2008年08月26日

シンプルなフォームデザインテクニック集「Enhance your input fields with simple CSS tricks 」

ちょっとした所に気を使うか、使わないかで、全体のデザインのクオリティは大きく変わると思います。今日紹介するのはユーザーと管理者側を結ぶフォームをよりキレイに見せるためのCSSデザインのTips集「Enhance your input fields with simple CSS tricks 」です。

シンプルなフォームを作っていく過程を紹介しながら、デザインテクニックを段階的に紹介しています。実際のCSSのコードを交えながら解説していますので、わかりやすいかと思います。

詳しくは以下

すべてデザインを終えた後のサンプルデモが公開されていますので、「example page」をご覧ください。部分的に取り入れるも良し、丸ごと取り入れても良しなにかしら役に立ちそうです。

またシンプルなデザインだけに、カスタマイズなども簡単にでき、加えるアイデア次第で、クリエイティブなフォームを作れそうな気がします。基本的な勉強にも、もってこいなので初心者から上級者まで役に立つエントリーだと思います。

Enhance your input fields with simple CSS tricks

続きを読む
posted 10:31  |  
Category: WebDesign   
tag: webdesign

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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