デザインを開発するという視点でお伝えするクリエイティブBLOG
パターン素材は、自分でオリジナルを作ることもあると思いますが、配布されているものを使用することで、自身の表現の幅を超えたデザイン制作が可能になることも。そんな中今回紹介するのは、多彩なジオメトリックパターンをまとめた「80 Triangle Patterns for Subtle Geometric Touches」です。
（{Patterns Triangles} by ~PerffectWay on deviantART）
三角形をベースにしたジオメトリックパターンを80種もチェックできるようになっています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
Illustratorをよく使用するデザイナーにとって、ベクタータイプの素材は使いやすい素材の一つだと思います。そんな中今回紹介するのは、シームレスに継ぎ目なく柄を配置できるフリーベクターパターン「42 Free Seamless Vector Patterns For Your Designs」です。
（Different Vector Pattern | Vectortuts+）
さまざまな柄のベクタータイプの素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
WEBサイト制作には、背景素材となるパターンはもちろん、ボタンなどのUIにもパターン処理をすることで、よりWEBサイトらしさを演出することができるのではないでしょうか？そこで今回紹介するのが、WEBデザイン制作に使いやすいピクセルパターンをまとめた「30 Free Brilliant Photoshop Pixel Patterns」です。
GraphicsFuel.com | 15 seamless pixel patterns
シンプルなパターンはもちろん、イラストテイストなパターンまで、さまざまなピクセルパターンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
WEBサイトを制作する際に、背景に大きな画像を張り込むとその分サイトの容量が大きくなってしまい、重いサイトという認識をされてしまうことも。今回はそんな背景画像を手軽に、そして容量にも配慮して生成できるツールをまとめた「5 Pattern Generators for Background Designs」を紹介したいと思います。
ダウンロード形態を選べる5つのジェネレーターサイトが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
パターン素材の中でも、定番の種類として幅広く利用されているドット素材。自身でも制作することはできますが、もっと簡単にバリエーションがあると嬉しいものです。そんな中今回は、ドット柄パターンの定番として使いやすい「Simple Dots」を紹介したいと思います。
可愛らしい配色・印象をドット柄Photoshopパターンが50種収録されています。
詳しくは以下
デザインの背景処理にはもちろん、パーツの細かなテクスチャとしても利用することが多いパターンは、デザインのクオリティをアップさせるために重要な役割を果たしています。今回はそんなパターンの中から、モノトーンのさまざまなパターンが揃う「32 Unique Black And White Patterns」を紹介したいと思います。
#black #white #argyle #pattern #trippy | Flickr – Photo Sharing!
図形など幾何学的な模様を配したパターンから、植物などをモチーフにしたパターンまで、さまざまな素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
webデザインを中心に活躍してくれるアイコン。テイストやテーマなど、さまざまな種類のものがフリーで配布されていますが、今回紹介するのは、フリーキッチンアイコンセット「Free Download : In The Kitchen Icon Set」です。
フード系デザインに活用したい、ラインで描かれたキッチンツールが揃ったアイコンセットとなっています。
詳しくは以下
プレゼンのための資料作りやスライド作りでは定番のパワーポイントとキーノート。どちらも強力なツールですが、デザイン性が悪いと見難かったり、企画の趣旨を伝えきれなかったりしますが、今回紹介するのはプレゼンのためのパワーポイント&キーノートのデザインテンプレート集「40+ Awesome Keynote and PowerPoint Templates and Resources」
ちょっと固いデザインから柔らかめのデザインまで、様々なテンプレートがまとめられています。有料のものも紹介されていますが、今日はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
デザインの現場でプロとして活躍している方はもちろん、一般の方でも年賀状やグリーティングカードを作成する時など、デザインにぴったりのフォントを選びたいと思う方も多いのではないでしょうか？しかし、イメージにぴったりのフォントを見つけるというのはなかなか難しい作業だと思います。そこで今回は、綺麗めなデザインに最適なスクリプトフリーフォントまとめ「10 Awesome Free Script Fonts」を紹介したいと思います。
繊細なラインが美しい、筆記体のようなスクリプトフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
前回「テクスチャからイラストレーションまでPhotoShopチュートリアル100選」という記事でphotoshopによるチュートリアルを100個紹介しているサイトを紹介しましたが、今回紹介する「100 wonderful photo effects Photoshop tutori」も同じように100のphotoshopチュートリアルを集めたエントリーです。
紹介されている100のチュートリアルの一部です。
集められている物はスケッチ風にする、虹を作るといったありふれた物から、HDRをphotoshopで実現する方法やレントゲン写真の作り方など少し変わった物まで紹介されています。
詳しくは以下
UI/UXを豊かにそして直感的にしてくれるアニメーション。上手く利用すればWEBサイトやアプリケーションを劇的にブラッシュアップしてくれますが、取り入れるのはなかなか難しいものです。今日紹介するのはWEBやアプリの最新のアニメーション事例をまとめたエントリー「20 Animated Interfaces: New Ways to Present a Concept」です。
City intro animation by Vasjen Katro – Dribbble
アプリケーションからスマートウォッチまで全部で20ものアニメーションが纏められていますが、今日はその中から特に気になったものを幾つかピックアップして紹介したいと思います。
詳しくは以下
WEBデザインにおいて便利な素材アイコン。アイコン自体のテイストにもよりますが、汎用性が高く、比較的どんなデザインでも活躍してくれます。今回紹介するのはフリーで利用できる650個以上のシンプルアイコンセット「defaulticon」です。
非常にシンプルなアイコンですが使い勝手がよく、使いやすいアイコンセット。全部で650以上のアイコンが公開されています。
詳しくは以下
データは16×16、32×32、48×48、64×64の、128 × 128、256 × 256のpngデータと編集可能なepsとなっていて、epsで配布されていますので、自由にカスタマイズ可能です。
このアイコンのライセンスは「Creative Commons Attribution-No Derivative Works 3.0 」となっていて、ライセンスに則った形であれば商用、非商用問わず無料で利用でき、WEBから、紙媒体などなど様々なものに利用することが可能です。詳しいライセンスについてはサイト下部に明記してありましたので、ご利用されるかたはご確認ください。
通知ボックスを他とはひと味違うものにしたくても、アレンジの仕方がなかなか思いつかない、そんな時に知っていると便利なプラグインのまとめ「20 Best JavaScript Notification Plugins」を今回は紹介したいと思います。
警告、エラーなどのダイアログの、デザイン・アニメーションのサンプルがまとめられています。いくつかピックアップしていますので、以下よりご覧ください。
詳しくは以下
デザイン制作は、パターンやテクスチャを重ねて奥行き感のあるデザインをすることも多く、バリエーション豊富なテクスチャをチェックしておきたいとお思いの方もいらっしゃるはず。そんな中今回紹介するのが、さまざまな種類のスポンジを使ったテクスチャをまとめた「30+ Horribly Rough and Dirty Sponge Textures for Free」です。
Texture IV by ~MyTini on deviantART
密度や色の異なるスポンジが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
現在OSCommerce,ZenCartなど利用できる様々なシステムが公開されていますが、今回はECシステム別に様々なデザインテンプレートを集めたテンプレート集「35 Free High-Quality E-Commerce Templates」を紹介したいと思います。
システム別に全部で35種類のデザイン性の高いフリーテンプレートが紹介されています。今日はその中からいくつかピックアップして紹介したいと思います。
詳しくは以下
FLASHの代用として多くのサイトで取り入れられているスライダー。主にjavascriptなどで制作されており、管理のしやすさや、お手軽に導入できることから人気を集めています。今日紹介するのはハイクオリティーなスライダー集めたエントリー「Top 20 Premium Quality Sliders 」。
様々なタイプのスライダーがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
