デザイン制作に欠かすことができないテクスチャ素材。テーマやテイストに合わせて加工を施せば、いろいろな使い方ができるのも魅力の一つです。そんな中今回紹介するのは、定番として活用されることも多い木目テクスチャまとめ「25 Awesome Wooden Textures」です。
(Ply Wood Texture Stock by ~celticstrm-stock on deviantART)
背景素材としてそのまま利用できそうなものや、加工などを施すことで用途が広がりそうなタイプまで、さまざまなバリエーションが展開されています。その中からいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
最近は特に温かみのあるデザインが好まれるようになっており、手書きや筆記体のようなフォントが人気を集めています。そんな中から今回は、フリーで利用できる手書きと筆記体のフォントを集めた「Free Handwriting And Script Fonts – 70 Examples」を紹介ししたいと思います。
さりげなさを感じるフォントから、ポップな可愛らしいフォントまで、さまざまなフォントが紹介されています。中でも特に気になった物をピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインのキーとなるテーマカラー。印象的なデザインを制作する際には、特に厳選して選びたいものです。そんな色にこだわりたいシーンに是非利用したい、赤をテーマに制作されたパターン素材を集めた「25 Cool Patterns Having Red Colored Theme」を、今回は紹介いたします。
(ava7 patterns /// pattern #840)
シンプルなデザインから、和を感じるデザインまで、赤を基調にしたパターン素材が豊富に紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
無数といって良い程多くのバリエーションが展開されているテクスチャ素材は、制作したいデザインのテーマやテイストに合わせ、豊富な種類の中からの選定が可能です。そんな中から今回は、古紙と星のパターンを組み合わせたテクスチャパック「Vintage Star Pattern: Texture Pack」を紹介したいと思います。
ヴィンテージ感のある演出がデザインの幅を広げてくれる、使いやすいテクスチャパックとなっています。
詳しくは以下
数多くのPhotoshopブラシが世界中で発表されており、制作に利用しているというデザイナーの方も多いと思います。そこで今回は、テクノロジー系のデザインに使いやすいPhotoshopブラシを集めた「Huge Collection of Free Tech Brushes for Photoshop Users」を紹介したいと思います。
(Technical by ~Raven03 on deviantART)
実用的なデザインから、近未来のようなデザインまで、さまざまなブラシが紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
まだまだ対応ブラウザの問題から、コーポレートサイトなどでは導入が難しいCSSですが、スマートフォンなど環境が整ってきたこともあり、利用し始めているという方も多いと思います。今日紹介するのは、角アール、シャドウなどCSS3を利用した表現を簡単に実装できるCSS UIフレームワーク「CSS3 Button UI」です。
予め、CSSが設定されており、簡単なクラスを割り当てるだけで、CSS3をのボタンを再現することができます。
詳しくは以下
コードの呼び出し例は以下のとおり。
上記は画像で貼り付けてありますが、マウスオーバーの処理もセットされていて、実用的に利用できそうです。その他にも角アールのものや文字の前に画像を表示させるものなどがセットされています。その他のデモは配布元の「CSS3 Button UI」からご覧ください。ボタンはCSS3でとお考えの方は是非どうぞ。
WEB制作の流れや構造を一覧化して分かりやすくするのに便利なのがフローチャート。簡易的なものもありますが、グラフィカルに作ろうと思うと結構手間がかかったりします。そこで今日紹介するのは手間無く、グラフィカルなフローチャートや構造図を描くことできるWEBサービス「Lovely Charts」を紹介したいと思います。
このWEBサービスはユーザー登録をすれば、無料で利用することができ、簡単なチュートリアルも用意されており、Lovely Chartsの使い方が90秒でまとめられています。だれでも簡単に質の高いフローチャートを描く事ができます。海外のサービスなので英語になりますが、分かりやすいインターフェイスなので英語が苦手の方でも迷うことなく利用できるかと思います。
詳しくは以下
効果的なビジュアルがあると、Webサイトの雰囲気はガラっと変わるもの。クリエイティブなWebデザイン制作にとってテクスチャは効果的なツールの1つです。そんな中今回は、背景に使えそうな自然の風景や壁・タイル目地などの、様々なテクスチャをまとめた「8 Excellent Galleries of Free Photoshop Textures」を紹介したいと思います。
(TexturePop Free Textures – Grass Textures)
高解像度なテクスチャが種類豊富に揃っているので、色々な用途に使用することができそうです。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
今回の東北地方太平洋沖地震に関する記事を様々な方がまとめられていますが、
まとめをさらにまとめて記事にしました。少しでも皆様のお役に立てればと思います。
随時、役に立ちそうなまとめを見つけた時点で、更新していきます。
またブログメディアをお持ちの方でもし自分のサイトでもという方で、
下記のリストがもし役立ちそうであればご利用ください。
【まとめのまとめ】
東北地方太平洋沖地震対策まとめ
http://d.hatena.ne.jp/seijotcp/20110312/p1
地震・津波・帰宅困難用まとめのまとめ
http://bipblog.com/archives/2725908.html
地震情報の記事まとめ[更新中] #jishin
http://www.gizmodo.jp/2011/03/_jishin.html
東北地方太平洋地震のソーシャルメディアでの対応【義援金追加・随時更新】 – NAVER まとめ
http://matome.naver.jp/odai/2129984847046256401?keyword=%E5%9C%B0%E9%9C%87
『東北地方太平洋沖地震対策まとめ』のまとめ – NAVER まとめ
http://matome.naver.jp/odai/2129985817946324801
東北地方太平洋沖地震に関する記事のリンクまとめ : 無題のドキュメント
http://mudainodqnment.ldblog.jp/archives/1547382.html
東北地方太平洋沖地震に関する情報いろいろ*二十歳街道まっしぐら
http://20kaido.com/archives/2645879.html
【Twitter関係】
無料開放Tweetのまとめ
http://togetter.com/li/110487
東北地方太平洋沖地震、ネット上でのデマまとめ
http://d.hatena.ne.jp/seijotcp/20110312/p1
「地震の情報・アドバイスの拡散まとめ」
http://togetter.com/li/110496
被災地でないところで できること/するべきでないこと
http://togetter.com/li/110683
岩手県の被害状況まとめ
http://togetter.com/li/110729
「井上雄彦氏 Message」
http://togetter.com/li/110722
【放送関係】
NHK
http://www.ustream.tv/channel/7475111
http://live.nicovideo.jp/watch/lv43018790
TBS
http://www.ustream.tv/channel/4939766
フジテレビ
http://www.ustream.tv/channel/4446277
http://live.nicovideo.jp/watch/lv43019860
ニコニコ動画/ニコニコニュース
http://live.nicovideo.jp/watch/lv43004420
Androidアプリ
https://market.android.com/details?id=tv.ustream.ustream&feature=search_result
iPhoneアプリ
http://itunes.apple.com/jp/app/ustream/id301520250?mt=8
【その他】
地震が起こったら、まずこれをしろ!
http://www.satonao.com/column/variety/jishin.html
地震発生時緊急マニュアルまとめ
http://mblg.tv/enokiiii/entry/1/
photo by Some rights reserved by Alex Barth
フォントはデザインに強い影響を与える重要なもの。特にシンプルなデザインにおいては、フォントを変えるだけで雰囲気が大きく異なります。そんな中今回は、Web上に公開されているフリーフォントの中から50個を厳選したまとめ「50 FREE FONTS」を紹介したいと思います。
(Dribbble – Moonshiner: New Free Typeface by Mattox Shuler)
フラットなものからベーシックなもの、印象的なフォントまで、さまざまなシーンに合わせられるクオリティの高い欧文フォントが数多く紹介されています。
詳しくは以下
世界中で多くの人たちが利用しているInstagram。いかに魅力的な写真をアップするかで、注目度は大きく変化します。今回はそんなシーンでぜひ活用したい、デザインマスクコレクション「Instagram Masks Collection」を紹介したいと思います。
写真にかけるマスクに個性的なデザイン形状をプラス、さまざまな形のテンプレートがセットになっています。
詳しくは以下
photoshopのブラシは手軽にデザインに彩りを与えることができる優れた機能として、多くのデザイナーに愛されています。そこで今回は、デザインを華やかに演出するフリーブラシセット「25 Most Popular Photoshop Brush Sets from BrushLovers.com」を紹介したいと思います。
(Pop Dots – Photoshop Brushes – BrushLovers.com)
デザインがパッと明るくなるような、POPなデザインのブラシがさまざまなバリエーションで展開されています。気になったブラシを選んでみましたので、下記よりご覧ください。
詳しくは以下
シームレスに継ぎ目なく使用できるテクスチャは、非常に便利で重宝する素材。今回はそんなシームレスに利用できるアスファルトテクスチャ「Most Useful Collection Of Free Seamless Asphalt Textures」を紹介したいと思います。
[GH Free Texture Library]: (ASPHALT 1) seamless tarmac road tar texture
いろいろなデザインに活用できそうなアスファルトをテーマにしたテクスチャがまとめられています。
詳しくは以下
WEBサイトにおいて、探すインターフェイスは非常に重要で、初めて見るサイト・使い慣れたサイトでもともによく利用するものとなりますが、今回紹介するのはダイナミックで洗練された検索ユーザーインターフェイスキット「Inspiration for Search UI Effects」です。
WEBサイトで利用できる様々なユーザーインターフェイスが全部で11まとめられています。全画面でダイナミックにアニメーションするものから。検索コマンドのように事例を見せるユニークなタイプのものまでがまとめられています。
詳しくは以下