デザインを開発するという視点でお伝えするクリエイティブBLOG
無料のCMSとして、多くのシーンで活用されているWordPressは、テーマ切り替えによって簡単にデザインを変えられるといった優れた機能を持っています。今回はそんなテーマの中でもデザイン性に優れ、かつフリーのものを250以上も集めた「250+ Free Responsive WordPress Themes」を紹介したいと思います。
とても膨大な量のテーマがまとめられているので、イメージに合うデザインが見つかるはず。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
私たちの生活の中にとけ込む柔らかな紙たち。その中でも暮らしの中で必需品となっているティッシュは通常、単なる白い紙を思い浮かべてしまいますが、柄や汚れによってさまざまな表情が生まれるもの。今回はそんなティッシュのテクスチャをまとめた「15 Useful Tissue Textures For Your Designs」を紹介したいと思います。
Crinkled Striped Tissue by kizistock on deviantART
種類も豊富で、さまざまな表情のティッシュが集められています。中でも気になったものをピックアップしましたので下記よりご覧ください。
詳しくは以下
WordPress3.0より導入された背景画像を選択する機能。テーマの変更よりも気軽に見た目を変更できるのが嬉しいポイントです。今回はそんなWordPressに使える背景画像をまとめた「20 Stunning Background Images To Use In Your WordPress Website, For Free!」を紹介したいと思います。
20 Stunning Background Images To Use In Your WordPress Website, For Free! | Elegant Themes Blog
フラットなデザインを中心にさまざまな柄がまとめられています。どれもディテールが細かく、グランジ感のあるものやグラデーションのきいた美しいものなど、テーマに合わせて選ぶことができそうです。
詳しくは以下
アンティーク風なデザイン素材として利用されることの多いコーナー装飾は凝ったデザインのものが多く、自身で描き出すのはなかなか大変なもの。今回はそんな時に便利なPhotoshopブラシのまとめ「35 Free Photoshop Corner Brushes」を紹介したいと思います。
Scroll Banner Corners by =Lileya on deviantART
絵画の額を感じさせるもの、植物の唐草模様など、さまざまなテイストの装飾ブラシがまとめられています。中でも気になったものをピックアップしましたので下記よりご覧ください。
詳しくは以下
デザイン素材として利用されているテクスチャにはさまざまな種類がありますが、紙や布、木目といった比較的定番として扱われている種類以外のタイプも、デザインに個性を出したい時には是非利用していきたいもの。今回はそんな個性的なテクスチャに分類されるであろう、モザイクアートのテクスチャをまとめた「30+ Free Abstract Mosaic Textures」を紹介したいと思います。
Tiles 1 by ~Djustd on deviantART
多彩な形状やカラーリングを取り入れた様々なモザイクテクスチャがまとめられています。中でも気になったものをピックアップしましたので下記よりご覧ください。
詳しくは以下
CSS3やHTML5で表現できる動きや変化は確実に広がってきており、重宝されるシーンも非常に多く見られます。そんな中今回はCSS3・HTML5を利用したナビ・タブメニューチュートリアル「15 Fresh Navigation Menu Tutorial using CSS3 and HTML5」を紹介したいと思います。
CSS3 Menu – Impressionist UI – by Valeriu Timbuc for Design Modo
デザインにエフェクトを加えたい時には是非参考にしたい、独特な動きのあるナビゲーションやタブメニューがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
webサイト内を操作中のエラーや、説明が必要な項目が発生した時に出現する通知は、利用ユーザーにとってはとてもありがたいもの。今回は効果的にユーザーに通知ができるjQuery Notification Plugin「8 jQuery Notification Plugins For Good User Experience」を紹介したいと思います。
akquinet/jquery-toastmessage-plugin @ GitHub
シンプルながらも、出現の仕方やデザインなどに個性が見えるプラグインが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
フリー素材はいろいろな種類を持っているほど、デザインの幅が広がるもの。常に最新の素材をチェックしておきたいものです。そんな中今回紹介するのは、最新の多彩な種類のフリー素材をまとめた「36 Freebies & Goodies For Web Designers」です。
Mega Freebie Bundle | AlienValley
アイコン、テンプレート、wordpressテーマなど、いろいろな種類のフリーダウンロードできる素材がまとめられています。
詳しくは以下
現在進めているプロジェクトで簡易なオンラインアンケートを設置しないと行けなくなり、今まであまりWEBでアンケートということを自分自身で使ったことがなかったので、今回は調べながらまとめていきたいと思います。
photo by Mykl Roventine Flickr
今回のアンケートシステムの条件は投票型で、投票結果が閲覧できる。インストール型ではなくて、レンタルでオンライン上で作成・公開ができるという条件のもとに探してみました。
詳しくは以下
グラフィック・webデザイン制作に非常に役に立つpad素材はいくつあっても嬉しいもの。そこで今回はクオリティを重視したpsd素材まとめ「50 Useful and High Quality Free PSD Files」を紹介したいと思います。
（Android Icon Templates by ~bharathp666 on deviantART）
さまざまな種類のpsd素材が収録されており、デザインのテイストに合わせてさまざまな使い方ができそうです。気になったものをいくつかピックアップしてみましたので、下記よりご覧ください。
誰もが手軽にWEB制作を行えるようになっていきていますが、個人で制作する際に、ユーザーへの配慮が行き届いたWEBサイトを制作するのはなかなか難しいかもしれません。そんな中今回紹介するのが、最近発表されたPSD UIキットをまとめた「20 New Free PSD UI KITs」です。
Free PSD: Dark Gloss UI Kit | | FreeUIKits.comFreeUIKits.com
WEBサイトからアプリまで、さまざまなシーンで利用できるUIキットが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
スマートフォンやタブレットが主流になったことで、画面をタッチする手の動きを表現するデザインシーンも増えています。そんな中今回紹介するのは、手でタッチするジェスチャーアイコンセット「100+ Touch Gestures Icons」です。
主に指先でタッチやスワイプをする動作が表現された手のひらアイコンが100種セットになっています。
詳しくは以下
作り込まれたPhotoshopブラシはデザインのクオリティを上げるには非常に便利。アナログ感をプラスしたり、光の線や煙などphotoshopならではのリアルな描写が簡単に利用できます。今日紹介するのは、様々なブラシセットをまとめたエントリー「40 Awesome Photoshop Brushes for Designers」です。
アナログから自然現象までジャンルを問わずハイクオリティなphotoshopブラシセットが公開されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
最近ではクラウドコンピューティングを用いたシステムを利用して、いつでもどこでも仕事ができる体勢を整えている方も多く、そのようなサービスを提供しているサイトも少なくありません。そんな中今回は、クラウドサービスアイコンを制作する際のヒントとなる、表現力の高いクラウドアイコンをまとめた「50+ beautiful cloud icons」を紹介したいと思います。
Dribbble – weather icons by matt yow
シンプルなクラウドマークをはじめ、デザイン性の高いアイコンが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
フリーで配布されているUIテンプレートを利用することで、デザインの質を手軽にアップさせられると同時に、制作時間の短縮・コストカットにも繋げることができます。今回はそんなシーンで参考にしたい、洗練されたデザインテイストが魅力的なフリーUIキットまとめ「A Roundup of Free & Beautifully Designed UI Kits」を紹介したいと思います。
55+ Elements FREE UI KIT | Clean white [DOWNLOAD] on Behance
非常にデザイン性の高い、いろいろな種類のパーツが揃ったUIキットが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
webデザイン制作の際には特によく使用するアイコン。テイストに合わせて、バリエーションを揃えておきたいものです。そこで今回紹介するは、さまざまなテイストのアイコンをまとめた「Top 50 Web Development, Design and Application Icon Sets from 2010」です。
（200+ Exclusive Free Icons: “Reflection” | Webdesigner Depot）
デザインの雰囲気はもちろん、それぞれにテーマ性を持ったアイコン集が多数収録されています。気になったものをいくつかピックアップしましたので、下記よりご覧ください。
