TOP  >  Design  >  アンティークな質感を演出する紙のテクスチャ素材集「New Collection of Must-Have Paper Textures」 紙素材特有のアンティークな質感は、photoshopなどのソフトだけで出すことは難しく、しばしばアナログ的な作業で作られているのではないでしょうか？そんな中今回紹介するのは、アンティークな質感を演出する紙のテクスチャ素材集「New Collection of Must-Have Paper Textures」です。 Memories Textures オーソドックスな質感の紙から、かなり年季の入った状態やデザイン感を感じるテクスチャまで、あったらいいなと思う素材が満載。中でも気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Exclusive Textures 長い間、湿気の多いところ

TOP  >  Design  >  デザイン制作の定番 キャンバス素材のテクスチャ「14 High-Res Paper & Canvas Textures」 デザインを制作する際に、素材感をプラスしたい時やクオリティを高めたいと時などよく利用するテクスチャ。さまざまな種類が展開されており、日々活用されているという方も多いかと思います。そんな中今回紹介するのは、デザイン制作の定番素材とも言える、キャンバス素材のテクスチャ「14 High-Res Paper & Canvas Textures」です。 キャンバスの質感を存分に感じさせてくれる、シンプルなタイプのテクスチャ。さまざまなデザインへのアレンジが可能なこともあり、かなり活用できるテクスチャセットではないでしょうか。 詳しくは以下 素材自体は全体的に暗めの色で展開されていますが、加工や工夫次第でどんなデザインにもマッチしてくれそう。あ

美しいphotoshopパターン集50「50 ExtrBeautiful Photoshop Patterns for Elegant Designsemely 」 様々なシーンに利用出来るphotoshopパターン。デザインの完成度を飛躍的に向上させてくれる便利なものですが、今日紹介するのは、ハイクオリティなパターンを集めたエントリー「50 Extremely Beautiful Photoshop Patterns for Elegant Designs」です。 Exotic Polkadots Patterns 様々なデザイン感のパターンが全部で50集められています。今日はその中からいくつか気になったパターンを紹介したいと思います。 詳しくは以下 ■Tileable Dark Wood Patterns シックな木目のパターン。落ち着いたクールな印象を演出できます。 ■Metal G

Webデザインのパーツとして、またデザインクオリティをアップさせる素材として非常に役立つアイコンにもさまざまな種類が存在しています。今回紹介するのは、「25 Fresh and Useful Icon Sets」です。 （E-Commerce Icon Set | Web Icon Set） シンプルなものから、立体的で存在感溢れるものまで、色々なテイストのアイコンが収録されています。中でも特に注目したいアイコンをいくつかご紹介します。 ■Adobe CS5 Glass Dock icons | Artdesigner.lv 立体的なボール型のAdobeアプリケーションアイコン。ツヤの質感がリアルに再現されています。 ■Exclusive Freebie: Mobile Phone Icon Pack | Psdtuts+ 活用頻度が高そうなモバイルアイコン集。企画書やプレゼン資料なんかに

TOP  >  Design  >  ヴィンテージ調のフリーテクスチャ素材集「60+ Free High Quality Vintage Textures」 デザイン製作をする際に多用するテクスチャは、いくつあっても嬉しいもの。そこで今回紹介するのは、ヴィンテージ調のフリーテクスチャ素材集「60+ Free High Quality Vintage Textures」です。 （texture 2 by =night-fate-stock on deviantART） 独特なアンティークな雰囲気溢れるテクスチャ素材が多数紹介されています。そのまま使っても様になるので、知っているととても便利なまとめではないかと思います。中でもいくつか気になったものを選んでみましたので、以下よりご覧ください。 詳しくは以下 ■Old Newspaper Texture by ~powerpuffjazz on

TOP  >  Design , Photoshop  >  アナログな塗りを表現するフリーphotoshopブラシ450「450+ Free Acrylic And Paint Photoshop Brushes」 様々な表現を可能にしてくれるソフトウェアphotoshop。クリエイティブの現場でも利用しているという方が非常に多いと思いますが、photoshopの機能の中でも魅力的なのが、様々な表現を可能にしてくれるphotoshopブラシ。今回紹介するのはアナログな塗りを表現するフリーphotoshopブラシ4を集めたエントリー「450+ Free Acrylic And Paint Photoshop Brushes」。 Free Hi-Res Photoshop Brushes: Acrylic Textures アナログ感溢れる塗りを再現するためのphotoshopのブラシセット

WEBデザインとアプリデザインのためのフリーUIパッケージ「18 free UI elements packs for your web designs and apps」 インターフェイスを製作するときに時間を節約しながら、クオリティを保ちたいときに、ユーザーインターフェイスに必要なパーツをパッケージした素材が便利です。今日紹介するのはWEBデザインとアプリデザインのためのフリーUIパッケージを集めたエントリー「18 free UI elements packs for your web designs and apps」です。 Modern Web UI Set 様々なタイプのUIの素材が用意されていますが、今日はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Mobility: set of mobile UI elements アプリケーショ

webデザイン制作する際にあるととても便利なアイコン、特に種類が豊富な程その活用頻度は高いはず。そこで今回紹介するのは、400種のシンプルなアイコンセット「IconSweets2」です。 テーマ別にさまざまな種類のアイコンが網羅されており、幅広いデザインシーンで活用することができそうです。 ショッピングサイトに最適なアイコンから、ファイル、ソーシャル・ネットワーク、矢印、モバイル、時計、ユーザー、また衣服やバッグ、カメラやPCなどのデジタルグッズなどテーマ自体も豊富で、デザインのクオリティも高く、なおかつ活用頻度の高いものばかりが集められているため、重宝することは間違いありません。また、すべて商用化というのもかなり嬉しいところ。シンプルなのでどんなデザインにもマッチしてくれます。 サイズは16×16、64×64、32×32の3タイプで展開されています。とにかく、基本形のアイコンはここを押さ

何かをシンプルに伝えるときに非常に便利なピクトグラムアイコン。見た目で直感的になにをあらわしているのか分かる非常に便利なサインですが、今回紹介するのはクリエイティブコモンズ、パブリックドメインのピクトグラム素材をsvgで配布する「The Noun Project」。 現在かなりの数のピクトグラムアイコンが配布されており、種類も豊富ですんどえ、このサイトだけでピクトグラムは事足りるのではないでしょうか？全てではありませんが途中まで読み込んだスクリーンショットを下記に貼り付けておきますのでご覧ください。 詳しくは以下 すべてのピクトグラムがsvg形式で配布されており、イラストレーターなどで開けば、ベクター形式として扱うことが可能です。 ライセンスに付いてはアイコンをクリックした先に明記されておりますので、そのライセンス形式に応じて利用することが可能です。デザイナーには非常にありがたいサイト。ピ

TOP  >  Design  >  ショッピングサイトで利用できるアイコンセット「Ecommerce Icons: 15 Useful Sets For Your Online Shop」 オンラインのショッピングサイトを制作する時に素材としてあると非常に役に立つアイコンセット「Ecommerce Icons: 15 Useful Sets For Your Online Shop」を今回は紹介したいと思います。 （Free Icons (with PSDs): 30 E-Commerce Icons） ショッピングカートやsaleの表示、メール、カードのマーク、セキュリティなど、さまざまな種類のアイコンが多彩な種類で収録されています。いくつか気になったものをまとめてみました。下記よりご覧ください。 詳しくは以下 ■Free Ecommerce Icons Collection, Fre

TOP  >  WebDesign  >  ソース付き！HTML5を学ぶためのチュートリアル10選「10 Cool and Useful HTML 5 Tutorials」 開発者の間では次世代の規格として注目を集めているHTML5。まだまだブラウザも対応していない部分もあり商業デザインではなかなか使いづらいところもありますが、従来のHTMLと比べてかなり表現できる幅が広く、確実に今後WEBデザインの世界では必要となってくるものだと思います。今日紹介するのはそんなHTML5を学ぶためのチュートリアル10選「10 Cool and Useful HTML 5 Tutorials」です。 Design & Code a Cool iPhone App Website in HTML5 レイアウト的なものからJSと組合わえたものまで様々なHTML5のテクニックが学べるチュートリアルがまとめられて

様々なデザインで利用出来るパターン素材。photoshopを利用するものからWEB用の画像データのものまで様々なものが公開されていますが、今日紹介するのは質感のあるグランジパターン写真素材集「7 Subtle Grunge Pattern Textures」です。 全部で７つのパターンが公開されていますが、今日はその中からいくつかピックアップして紹介したいと思います。 詳しくは以下 解像度も非常に高く、横幅は2000px以上で、どんな媒体にもある程度対応できる素材となっています。単純なパターンだけではなく、ワンランク上の作り込んだ感を与えてくれる背景素材だと思います。WEBからグラフィックまで幅広い用途で利用できそうです。 テクスチャはzipにまとめて配布されています。ありがたい事に、こちらは商用利用可能だそうです。寄付も受け付けているみたいなので、本当に役に立ったという方は原文からどうぞ

TOP  >  Design , WebDesign  >  美しいwebサイトデザインサンプル集「48 Beautiful Web Design Interface From DeviantArt」 美しく、洗練されたwebデザインは、バランスや色の使い方などに強くセンスを感じるもの。そんな中今回紹介するのは、美しいwebサイトデザインサンプル集「48 Beautiful Web Design Interface From DeviantArt」です。 Classica by =badboythemer on deviantART 実際に制作を手がける際に参考になる、きれいめなサイトデザインが48種類紹介されています。またデザインだけでなく、レイアウトや構成なども参考にすることができそうです。中でも気になったデザインをいくつかピックアップいたしました。 詳しくは以下 ■「WEB: Fin

デザイン表現や、写真の加工などに便利なテクスチャはいくつあっても嬉しいもの。今回紹介するのは、光のきらめきを表現できるテクスチャ「Ultimate Collection Of Bokeh Textures」です。 （Freebie: 12 Grungy Bokeh Textures | Psdtuts+） 大きさや色など、さまざまな形をした光を映しだしたテクスチャが多数紹介されています。中でも気になったものをいくつかピックアップしてみました。 ■「5 Bokeh Textures by ~ballad-of-pola-k on deviantART」 それぞれの特徴のあるカラーを持ったきらめきが収録されたテクスチャ。レインボーのような色合いが特徴です。 ■「Soft Glow Bokeh Pack by ~regularjane on deviantART」 優しく、控えめな印象のテクスチ

TOP  >  WebDesign  >  写真を効果的に見せるjQueryプラグイン集「7 Awesome JQuery Photo Plugins for Developers」 様々なサイトで利用されている高機能なjavascriptライブラリjQuery。扱いやすく多くのプラグインがでていることもあり、定番のライブラリとなっていますが、今日紹介するのはそのなかでも、写真を効果的に見せるjQueryプラグイン集「7 Awesome JQuery Photo Plugins for Developers」。 2.Thumbnails Navigation Gallery with JQuery – Demo CSSとjQueryを上手く使って、写真を効果的に見せることができるプラグインがあつめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

TOP  >  Design , Photoshop  >  WEB制作に便利な60種類のアイコン、ボタンPSD素材まとめ「60 PSD Icon and Button Templates」 媒体を選ばず、幅広く利用されているクリエイティブツールphotoshop。利用されているシーンも多く、そのため、photoshopのための素材は世界中で数多く公開されていますが、今日紹介するのはWEB制作に便利な60種類のアイコン、ボタンPSD素材をまとめた「60 PSD Icon and Button Templates」です。 The Button Project WEB制作では、ボタンやアイコン等、細かな素材のクオリティが全体のクオリティを決定づける要素の一つになりますが、細かな処理やデザインを加えるというのは小さな素材といえども時間がかかります。原文では、時間を短縮できる便利につかえるpsdが

クオリティの高いフリーCSS、XHTMLテンプレート集2010「40+ Elegant Free CSS/(X)HTML Templates from 2010」 現在WEBデザインは基本的にはCSSとXHTMLで構築されている場合が多いと思います。今日紹介するのは主流であるクオリティの高いフリーCSS、XHTMLテンプレートを集めたエントリー「40+ Elegant Free CSS/(X)HTML Templates from 2010」を紹介したいと思います。 Acallia テクスチャが効いたアナログ感があるものもから、洗練されたシンプルなものまで様々なテンプレートがまとめられています。今日はそのなかから気になったテンプレートを紹介したいと思います。 詳しくは以下 ■Free CSS template by ChocoTemplates.com ワイド感のあるスニーカーのサイト。そ

HTMLを書いていて、心がけていても時間に追われているとだんだんと乱れてきて、インデントされていなかったり、ルールがバラバラなソースになってしまうなんてことも多いと思いますが、今日紹介するのはHTMLのインデントをキレイにしてくれるWEBサービス「Ham Cutlet」です。 利用方法は非常に簡単で、WEB上で、HTMLをコピペ、その後設置されている「COOK!ボタン」をクリック。これだけです。 詳しくは以下 このサービスにはHamlというHTML/XHTMLを生成するためのマークアップ言語が使われているみたいで、「HTML → 一旦hamlにする → HTMLに戻す」という流れでインデントの整頓を実現しているとのこと。hamlに興味のある方は「日本Hamlの会」もどうぞ。 実際、インデントが無くても問題なく、動作しますし、整ったからと言ってオモテ面に影響があるわけでないのですが、メンテナ

TOP  >  WebDesign  >  クオリティの高いXHTMLテンプレート「40 High Quality CSS and XHTML Web Layout Templates」 現状WEBサイトのほとんどは、CSSとXHTMLを利用して制作されています。今日紹介するのは現状主流のXHTMLとCSSを使って創られたクオリティの高いテンプレートをまとめたエントリー「40 High Quality CSS and XHTML Web Layout Templates」です。 Mondays コーポレートサイト、ブログ風レイアウト、WEBマガジン風のレイアウトなどなど、様々なジャンルのテンプレートが全部で40集められています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Nova Studio グリーンのテーマカラーが効いているシンプルなテンプレート。

TOP  >  WebDesign  >  jQueryで実現するクリエイティブなイメージギャラリー集「20+ jQuery Image Gallery for your next project」 軽量で非常に高機能なjavascriptライブラリ「jQuery」。様々なプロジェクトで利用されていますが、今回紹介するのはjQueryをつかったイメージギャラリーを集めたエントリー「20+ jQuery Image Gallery for your next project」です。 AviaSlider – a unique jQuery Image slideshow plugin 画像と画像の間のエフェクトに凝ったものから、フューチャーリストのようにサムネイルと連動しているものまで様々なイメージギャラリーが紹介されています。今日はその中から幾つか気になったものを紹介したいと思います。 詳