デザインを開発するという視点でお伝えするクリエイティブBLOG
位置情報を取得できる環境も整ってきて、マップサービスもgoogleマップを初めユーザーの位置情報と連携、連動できるようにAPIなどもリリースされていて、位置情報を絡めたWEBサービスをリリースしている、リリースしたいと言う方も多いと思います。今日紹介するのはマッピングに便利に利用出来るフリーアイコンを多数紹介する「map icons collection」 です。
お店を表すアイコンだったり、動物などの生息地、行動など様々なマッピングで利用できそうなアイコンが配信されています。
詳しくは以下
デザインの質感を作って上で欠かせないテクスチャ画像。DesignDevelopでも今まで「2〜5Mの高画質・高解像度のフリーテクスチャ配布サイト「texturez.com」」や「最大2560×1920の高解像度テクスチャを無料配布する「Mayang’s Free Textures」」といくつか紹介してきましたが、今回紹介するのは高解像度+商用利用可というかなり好条件のテクスチャ用画像配布サイト「freetextures.org」です。
配布されているテクスチャ画像の一例
木の年輪、緑、石、空、汚れた壁といった定番のテクスチャ素材がカテゴリーに分かれ数多く配布されています。
詳しくは以下
デザイン制作は、写真を切り抜いたりイラストを描いたりと、さまざまなパーツ素材作りが必要になってきます。そんな中今回は、たくさんの美味しい食べ物パーツが揃うベクター素材をまとめた「Delicious Collection Of Free Food Vector Graphics For Designers」を紹介したいと思います。
Popcorn vector illustration | Download free Vector
フレッシュなフルーツから可愛らしいスイーツまで、さまざまな食べ物のベクター素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザイン業務には欠かせないphotoshop。ソフトの可能性は無限に広がっており、テクニック次第では幅広い表現がかのうです。今回紹介する「60 Most Wanted Photoshop Tutorials, Brushes, .PSDs and Resources」
はそんなphotoshopのアクション、ブラシチュートリアル、テクスチャ、photoshopブラシ、PSD素材をまとめたエントリーです。
– 50+ High Resolution Textures, Tutorials and Resources
それぞれのジャンル別にありとあらゆるphotoshopでデザインするために便利なものが紹介されています。今日はその中からいくつかピックアップして紹介したいと思います。
詳しくは以下
デザイン制作に便利な素材の一つとしてあげられるアイコン。種類やテイストにもさまざまな種類が存在しています。そんな中今回紹介するのは、丸みを帯びたデザインが特徴のフリーアイコンセット「Essential Generic Free Icons (SVG & PNG)」です。
ぽってりとした質感が印象的な、かわいらしい雰囲気のアイコンが100個セットでダウンロードできるようになっています。
詳しくは以下
デザインの雰囲気を大きく左右するフォントは、常に最新の情報を取り入れておきたいもの。今回ご紹介するのはそんな時にお勧めしたい、2017年以降に発表された最新のフリーフォントを集めたまとめ「20+ Free Fresh Fonts for Designers」です。
Manoyri // Free Marker Font on Behance
トレンドを押さえた新作のフリーフォント20点以上が紹介されています。気になったものを数点ピックアップしましたので、下記よりご覧下さい。
詳しくは以下
(さらに…)
サイトをデザインする上で書かせないのがユーザーインターフェイス。しかしユーザーインターフェイスをデザインするとなるとなかなか難しかったりします。そこで今日は様々なUIを集めたUIデザインのパターンライブラリ「UI-patterns」を紹介したいと思います。
タグクラウドからページ分割、WYSIWYG、Wikiなど他にも様々なユーザーインターフェイスのサンプルが収録されています。
詳しくは以下
派手なアクションや演出はありませんが、WEBサイト構築において、ちょっとした気の利いた所を押さえているjavascriptが今回紹介するJavaScript「yuga.js」です。
簡単に導入できる上に「jQuery」を使って様々な事が簡単なコードで実現可能です。優雅なWeb制作のためのJS サンプルと銘打っているだけあって実相もシンプルでわかりやすいJavaScriptになっています。
詳しくは以下
細かい所に気を配るとサイトのデザインはグッと高まります。今日紹介するのはサイトにちょっとしたアクセントと遊び心を加えてくれるミニアイコン集「Quality mini icons」です。下記のような小さくてクオリティの高いアイコンが「Creative Commons Attribution-Noncommercial 3.0 Netherlands」で配布されています。
Creative Commons Attribution-Noncommercial 3.0 Netherlands内容を見ると商用利用はできませんが、クレジットを示せば自由に使用する事ができるパッケージとなっていますので個人でサイトを開かれている方にはうってつけのアイコンセットだと思います。
詳しくは以下
Desingdevelopでは「404ページのデザイン集「49 Nice And Creative Error 404 Pages 」」や「コメント部分のデザイン集「30 Must See Comment Designs」」とWEBデザインの一部分に特化したデザイン集を今まで紹介してきましたが、今日紹介するのはそんなWEBデザインの特定の箇所のデザインを分類してまとめたデザイン集「Pattern Tap」です。
「404pages」「Calendars」「Buttons」などなどWEBデザインでは欠かせない部分のデザインが集められ、まとめられています。現在46のエレメントが公開されていて、それぞれ数十個のデザインサンプルが収録されています。今日は公開されている物の中から気になる物をいくつかピックアップして紹介したいと思います。
詳しくは以下
WEBに掲載する以上、画像をローカルに保存されると言う事は仕方が無い事だと言う認識が主流だとは思いますが、それは避けたい、あまり保存されたくないと思っている方にオススメなのが、今回紹介するJavaScript「dwProtector」です。
dwProtectorは「右クリックによる名前をつけて保存」「ドラッグ＆ドロップで保存」「右クリックで名前をつけて背景を保存」「背景画像を表示」からの画像保存をプロテクトしてくれます。
詳しくは以下
