デザインを開発するという視点でお伝えするクリエイティブBLOG
構成力の高さが問われるシングルページ。見やすさとデザインを兼ね備えたページサンプルを参考にしたいとお思いの方もいらっしゃるのでは？そこで今回紹介するのが、構成が美しいシングルページを集めた「20 Fantabulous Single Page Websites」です。
（Tristan Barlow | Creative Designer | Front-End Developer | Burrito Enthusiast）
文字を中心に構成されたシンプルなシングルページから、コンセプト性の高いシングルページまで、さまざまなデザインが紹介されています。中でも気になったページをピックアップしましたので、下記よりご覧ください。
詳しくは以下
webデザイン制作で便利に活用できるpsd素材ですが、都度インターネットなどを検索し、欲しい素材を探すのには手間と時間がかかってしまいます。そこで今回紹介するのが、さまざまなテイストのデザインパーツ素材サイトを集めた「10 Awesome Websites With Free PSD Resources for Download」です。
（Free web design resources & layered PSD files on Freebies Booth）
シンプルな素材に強いサイトから、可愛らしいデザイン素材を取り扱うサイトまで、さまざまなサイトが紹介されています。中でも気になったのもをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
グラフィカルでリアルなデザインの制作に欠かせないソフトといえばphotoshopですが、クオリティの高いものを仕上げるには時間を要することが多いかと思います。そこで今回は、制作時間の短縮にもつながる、PSD形式で制作されたさまざまなデザインを集めた「25 High Quality Free PSD Files」を紹介したいと思います。
（MeegoFurn. Landing Page PSD | elemis | raw materials for design）
webサイトデザインに利用するさまざまなパーツデザインから、飛行機やマウスなどのCGパーツまで、さまざまなPSD素材が紹介されています。中でも気になったものをピックアップしましたので、下記からご覧ください。
詳しくは以下
シンプルなデザインが好まれることも増え、他サイトとの差別化の難しさを感じることもあるのではないでしょうか？そこで今回紹介するのが、シンプルな中でも色の使い方によって、印象的に見えるwebサイトを集めた「Minimal and Contrasty Color Schemes in Web Design」です。
差し色としてビビットなカラーを利用したサイトから、2色を効果的に利用したサイトまで、印象的なサイトが多数紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
webを制作する時にさまざまなサイトを参考にする事も多いかと思いますが、デザインのクオリティをアップさせたい、制作時間を少しでも短縮したいという時に役立つpsdテンプレート集「25 Free PSD Website Templates」を今回は紹介したいと思います。
（RetroPlate – Free Web Template | Free CSS Templates）
テイストや構成などのバリエーション豊かに、実制作に活用できるテンプレートが25種類紹介されています。気になったデザインをまとめましたので、以下よりご覧ください。
詳しくは以下
デザインを印象的なものに仕上げるために活用されることも多いテクスチャ素材。そんな時は、より個性の強いものが求められます。今回はそんなシーンに最適な「33+ High Quality Peeling Paint Textures for Your Designs」を紹介したいと思います。
（Peeling Back Paint by ~GrungeTextures on deviantART）
破れた紙の質感が、色も素材感など豊富な形で展開されています。気になったものをピックアップしておりますので、下記よりご覧ください。
詳しくは以下
自然の風景や雰囲気を演出できるデザイン素材は数多く存在しますが、今回紹介するのは、葉っぱがテーマのPhotoshopブラシ集「A Compilation of Free Photoshop Leaf Brush Sets」です。
foliage 01 by *ShadyMedusa-stock on deviantART
リアルな葉っぱから、イラストのような葉っぱまで、さまざまな表現に対応できるPhotoshopブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
ワードプレスをつかってサイト構築をされている方も多いと思いますが、今回はフリーの最新ワードプレステーマをまとめた「Fall Cleaning 2017:10 Free WordPress Themes and How to Use Them Right」をご紹介していきたいと思います。
Headstart — Free WordPress Themes
デザイン性はもちろん、使いやすさも重視してまとめられているので、自分の用途にあったものが見つかるかもしれません。下記にいくつかピックアップしているので、ご覧ください。
詳しくは以下
非常に多彩な素材がインターネット上には揃っており、デザイン制作のたびにいろいろと探している方も多いのではないでしょうか？そんな中今回は、最新のフリー素材を多数集めたまとめ「50 Free Resources for Web Designers from January 2015」を紹介したいと思います。
UIからモックアップ、アイコン、フォントまで、いろんな種類の素材がピックアップされ紹介されています。
詳しくは以下
フォトグラファーのために設計・開発、「写真」に特化した画像編集ソフト「adobe Photoshop Lightroom」。プロとして活躍されている方はもちろん、写真をプロ並みに加工したい時などに活用されている方もいらっしゃるかと思います。今回はそんなadobe Photoshop Lightroomでの写真加工をもっと手軽にしてくれるプリセットまとめ「Best Free Lightroom Presets」を紹介します。
Pastel Haze: Free Lightroom Preset – Exposure School
いろいろな写真表現を可能にしてくれるプリセットが紹介されており、どれも早速使ってみたくなるハイクオリティなものばかり。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインソフトだけでは表現することが案外難しいゴールド色ですが、高級感溢れるデザインを制作する際には、ゴールドを基調とした配色を求められることも多いのではないでしょうか？そこで今回紹介するのが、さまざまな金色を表現できるテクスチャまとめ「20 HandPicked Gold Texture Packs」です。
（Texture 71 : Gold by ~WanderingSoul-Stox on deviantART）
自然の色味が美しいテクスチャから、金箔のようなリアルな色味が特徴的なテクスチャまで、質感の異なるテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
多くのブログサービスやソーシャルネットサービスでタグ機能が実装されて、タグと言う物自体がWEBをやっているとかなり一般的になってきたかと思います。ブログなどで何が多く書かれていて、どんな事が書かれているのかが視覚的に把握できるようにしたのがタグクラウドですが、今回紹介するのはそんなタグクラウドをよりクリエイティブにしてくれるサービス「Wordle – Beautiful Word Clouds」です。
文字の羅列だけでしかない、タグクラウドを、上記のように素敵なデザインに生まれ変わらせてくれます。タグはテキストで入力するか、del.icio.usのユーザ−IDから読み込む事ができましたので、早速姉妹サイトのdesignworksのdel.icio.usIDを読み込ませてタグクラウドを生成してみました。
詳しくは以下
多くの製品がインターネット上で購入できるようになっており、ネットショッピングを利用したことがあるという方も多いと思います。ECサイトデザインの原則の一つとして、アイテムの見やすさと購入のしやすさが求められますが、今回がデザイン性も重視したECwebサイト集「25 Ecommerce Web Design Inspiration」です。
（Custom Plastic Bags & Reusable Bags – Custom Bags HQ）
ファッションを扱うデザイン力の高さを感じるサイトから、個性溢れるオンラインギャラリーサイトまで、さまざまなECサイトが紹介されています。中でも気になったサイトをいくつかピックアップしましたので以下からご覧ください。
詳しくは以下
パソコンを使う上で必須アイテムとなっているマウス。その操作の軌跡を教えてくれるカーソルは、パソコン操作を行うために重要なアイコンです。今回は、そんなカーソルアイコンを集めた「30 Sets of Free Cursor Icon」を紹介したいと思います。
Radioactive Cursor Set by *kath660 on deviantART
シンプルなアイコンから、イメージ的なアイコンまで、さまざまなカーソルアイコンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
開発者の間では次世代の規格として注目を集めているHTML5。様々な可能性を示してくれていますが、今日紹介するのはPCようでは無く、モバイル用のモバイル用のHTML5フレームワーク「Sencha Touch」です。
このフレームワークはWEBアプリに、iphoneアプリやアンドロイドアプリ並みのデザインと、操作感を可能にするフレームワークで、HTML5とCSS3を使って構築されています。
詳しくは以下
Firefoxではタブでページを表示することが可能ですが、多くなってくると、ページ送りされてしまいスクロールは小さなボタンで行わないといけないため非常に使い勝手が悪いです。このインターフェイスの悪さを解決してくれるのが、今回紹介するFirefoxアドオン「Tab Overflow Scrollbar」です。
上記の問題を回避するには様々な方法があるとはおもいますが、今回紹介する拡張機能ではタブツールバーにスクロールバーを表示させることで解決しています。ほんの少しのことですが、タブを大量に開いて閲覧する人には非常に便利な拡張機能だと思います。
詳しくは以下
