デザインを開発するという視点でお伝えするクリエイティブBLOG
サイトデザインには欠かせないアイコン。アイコンを利用することでグッと分かりやすくなったり、デザインのクオリティを上げることが可能ですが、今回紹介するのは商用利用が可能な、psd付きの立体的で光沢感のあるアイコンセット「3D Glossy Icon Set: 20 Free Icons (with PSD)」です。
上記のように、立体的で光沢がある可愛らしいアイコンがセットになって配布されています。同封されているのは5種類の大きさのPNG画像と、photoshopで編集可能なpsdファイル。psdファイルがあるため、サイトのテイストに合わせて自由にカスタマイズできるのがイイですね。
詳しくは以下
特にクリエイティブ業界ではフリーで仕事をしているという方も多く、仕事の受注前にプロフィールを提出するということも多いのではないでしょうか？プロフィールは、紙一枚で自分の今までの仕事が評価される重要なもの。そこで今回紹介するのは、クリエイティブ性が高く、相手に伝わりやすいプロフィールデザインをまとめたwebデザイン集「40 Most Creative Resume Design Ever Seen」です。
（Server Resume by ~rkaponm on deviantART）
多くの情報を見やすくレイアウトした作品が豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザイン制作現場では、イラストなどのベクター素材を利用すると作業効率も上がり便利だと思います。そこで今回紹介するのは、クオリティの高いフリーベクターパックをまとめた「25 Beautiful and Useful Free Vector pack Resources」です。
（Free Vector Leaf Labels | QVectors Free Vector Graphics）
CGのようなリアルな作品から、可愛らしさを感じるイラスト素材まで、さまざまなベクター素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザイン制作で頻繁に使用するテクスチャ素材はいくつあっても便利なもの。そんな中今回紹介するのは、葉っぱや葉脈にクローズアップしたフリーテクスチャ素材をまとめた「36 New and Adaptive Free Leaf Textures」です。
（Leaf Texture by *shawn529 on deviantART）
新緑の美しいテクスチャから、葉の素材感を活かしたテクスチャまで、さまざまな葉っぱを使ったテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインの現場でプロとして活躍している方はもちろん、一般の方でも年賀状やグリーティングカードを作成する時など、デザインにぴったりのフォントを選びたいと思う方も多いのではないでしょうか？しかし、イメージにぴったりのフォントを見つけるというのはなかなか難しい作業だと思います。そこで今回は、綺麗めなデザインに最適なスクリプトフリーフォントまとめ「10 Awesome Free Script Fonts」を紹介したいと思います。
繊細なラインが美しい、筆記体のようなスクリプトフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
webサイト制作を始め、様々なデザインに使用されているアイコン。目で見て瞬時に情報の内容を理解することができる、デザインの重要なアイテムとなっています。しかし、アイコンを1から作成するのは時間がかかってしまう、とお悩みの方も多いのではないでしょうか？そこで今回紹介するのが、デザイン制作にすぐに取り入れることができる、高品質なフリーPSDアイコンをまとめた「50 High Quality Free PSD Icon Sets You Probably Never Want To Miss」です。
（Radium Icon PSDs by ~gakuseisean on deviantART）
どんなデザインにも使いやすいシンプルなアイコンから、一つの情報に特化したアイコンまで、様々なアイコンが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
最近ではただ平面的なアイコンを制作するより、立体感や素材感のあるアイコンで、アピール度をアップさせているデザインを良く見かけます。そんな中今回紹介するのが、レザーテクスチャをモチーフにしたアイコンをまとめた「A Great Collection Of Free Leather Style Icons in 26 Sets」です。
Keka File Type Icons by ~prcmelo on deviantART
レザーの特徴を活かしたクラフト感のあるアイコンが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
さまざまなシーンで活用することができる”ベクターデータ”。いくつあっても便利な素材として、webや紙媒体など、幅広いデザインシーンで重宝されていますが、今回はスポーツアイテムのベクターデータセット「Vector sport」を紹介したいと思います。
普段から頻繁に使用することは少ないかもしれませんが、スポーツをテーマとしたデザインをもし手がけることになった際には非常にありがたい素材ではないでしょうか？
詳しくは以下
スマートフォンアプリなどでは、珍しいものではなくなってきた画面を引っ張ってローディングをするインターフェイス。アプリでは実現する方法はいくつかありますが、今日紹介するのは引っ張ってローディングを実現するJavascript「Hook.js」です。
PCではマウスホイールを上に動かすことでローディングするみたいです。PCサイトではあまり使い道が無いかもしれませんが、スマホサイトで何度かユーザーに更新を掛けさせるようなサービスであれば非常に便利なjsだと思います。
詳しくは以下
webの世界で特に頻繁に利用することの多いアイコン。常に最新のデザインをチェックされている方も多いのではないでしょうか？そんな中今回紹介するのは、使える・デザイン性の高い 最新のフリーアイコンセットまとめ「16 Free & Fresh Icon Sets For Web Designers」です。
Freebie: Voyage Icon Set (40 Icons, AI, EPS, SVG, PNG) – Smashing Magazine
いろいろなテーマのアイコンがピックアップされており、どれもダウンロードしておきたくなるものばかり。気になったものをピックアップしましたので、下記より御覧ください。
詳しくは以下
今まで「250MBまで使えるシンプルなオンラインストレージ「FILEURLS」」や「最大50Gまで使える無料オンラインストレージ「A Drive」」と今までいくつかのオンラインストレージサービスを紹介してきましたが、今回紹介するのはシンプルなインターフェイスだが独特の機能をもつオンラインストレージサービス「File.io」です。
特徴的な機能の一つにアップロードしたファイルをRSSで配信できます。これは複数の人とファイルを共有する上でとても便利な機能だと思います。
詳しくは以下
WEBサイトならではのアクション要素の一つ、アニメーション。取り入れることができれば個性的でインパクトのあるサイトを制作できますが、アニメーションの作成はハードルが高いと感じる方も多いのではないでしょうか。そんな方におすすめできるCSSアニメーションツール「Stylie – A Free CSS Web Animation Builder」を今回はご紹介します。
使い方が難しそうと思われる方も多いかもしれませんが、汎用性の高い便利なツールとなっています。使用方法をわかりやすく説明してくれている動画が紹介されていますので、まずは下記よりご覧ください。
詳しくは以下
WEBデザインで重要な要素の一つナビゲーション。このナビゲーションの分かりやすさや動作次第でサイトの使い勝手は大きく変わってきます。今日紹介するのは45種類ものナビゲーションがPSDでダウンロードできる「45 Great Free Navigation Menu PSDs」を紹介したいと思います。
Simple navigation menu by Pawel Kadysz
シンプルなものから、作り込まれたものまで、様々なナビゲーションがまとめられていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
海外のWEBデザイナーのコミュニティ「Drawar」が、2009のWEBデザインの中から優れたデザインを選出した「Designs of the Year: 2009」を発表しています。
Maryland Institute College of Art
今年発表されたWEBデザインのなかから、15のWEBデザインが選出されています。今日はその中から気になったものをいくつか紹介したいと思います。
詳しくは以下
拡大縮小やサーチ機能を表現できる虫めがねアイコン。形にバリエーションがなかなか出しづらいため、いつもワンパターンになりがちではないでしょうか？今回はそんな虫めがねのさまざまなデザインアイコンをまとめた「Top 15 Magnifying Glass Search Icons – Free to Download」を紹介したいと思います。
（Free PSD: Saearch Icon – Magnifying Glass (Free PSD Icon) | Pixel Monarchy）
同じ形の中でも、デザイン表現にいろんなバリエーションを持たせた虫めがねアイコンが紹介されています。
詳しくは以下
Photoshopでさまざまなグラフィック表現ができるブラシ。フリーでダウンロードできるものも多数あり、活用されている方も多いのではないでしょうか？そんな中今回紹介するのは、輝く光の動きが表現できるフリーPhotoshopブラシをまとめた「13 Free Photoshop Brush Packs For Complex Fractals」です。
Abstract Brush Pack Vol. 11 – Fractal Photoshop Brushes | BrushLovers.com
暗闇に走る鋭い・柔らかい・幻想的な光表現を簡単に実現できるブラシが紹介されています。気になったものをピックアップしましたので、下記より御覧ください。
詳しくは以下
