デザインを開発するという視点でお伝えするクリエイティブBLOG
Illustratorなどのソフトウェアでカスタマイズしながら利用できるため、どんな制作現場でも使い勝手がいいベクターデータ。今日紹介するのはベクターデータで描かれた150のアイコンセット「A free set of 150 vector icons」です。
天気のような汎用的なものから、斧やドライバーといった少しマニアックなものまで様々なモチーフがアイコン化されています。収録されているアイコンセットの一部は以下からご覧ください。
詳しくは以下
自分自身を表現するシーンで自分の分身となるアバター。様々なタイプのアバターが世の中には溢れていますが、今回紹介するのはベクターデータで配布されている、かわいいアイコンセット「Autumn Kawaii Icon Set (50 Icons, SVG & PNG)」です。
このアイコンセットは全部で50種類ものアイコンがセットとなっており、雲や紅葉、りんごなど秋を感じるアイコンがセットになっています。
詳しくは以下
ウェディングは、ウェルカムボードや招待状など、さまざまなツールを使用することが多いイベントです。今回はそんなときにぜひ活用したい、手描きのイラストが特徴のウェディング用ベクター素材セット「Hand Drawn Wedding Stationery Vectors」を紹介したいと思います。
やわらかい雰囲気が特徴のウェディングのペーパーツール用の素材がセットでダウンロードできるようになっています。
詳しくは以下
アイコンは意味を伝えるために欠かせないアイテムです。説明文ではなくイラストを用いることで理解もしやすくなるので、Webサイトなどでは多く使われています。そんな中今回は、150種類以上の可愛らしいベクターアイコンがセットになった「150+ Free Vector Icons for Web, iOS and Android Apps UI Desgin」です。
150種類以上の豊富なアイコンが3パターンのカラー展開された、汎用性の高いアイテムです。
詳しくは以下
デザインのポイントやアクセントに使いやすい素材が一つ在ると、作業の効率もアップするもの。今回ご紹介するのは、そんなアクセントやポイントにと活躍してくれるスパイラルなベクター素材セット「12 Spiral free vector elements set edition 6」です。
12 Spiral free vector elements set edition 6 | Creative Nerds
印刷やWebなど多彩なシーンで利用できるスパイラル素材が12パターン収録されています。
詳しくは以下
ビジネスシーンでは資料作りなどでアイコンを使う機会も多くあるかと思います。そんな時にすぐに使える素材、フリービジネスアイコンセット「Free Line & Flat Business Icon Set (50 Icons, PNG & SVG)」を今回は紹介したいと思います。
ポップで明るい印象を与えてくれるアイコンのセットです。
詳しくは以下
写真加工やデザインにアクセントを加えたりなど、デザインに幅広く活用することができるテクスチャ。特にマーブルやドット、ストライプなどパターンになったテクスチャは、利用する機会も多いのはないでしょうか。今回ご紹介するのは、そんなマーブルテクスチャー素材をまとめた「18 Ink Marble Paper Textures」です。
18 Ink Marble Paper Textures — download free textures by Pixelbuddha
カラフルで個性あふれるマーブルテクスチャーが、18種類もセットになったお得な素材です。
詳しくは以下
WEBを制作している人だとなじみの深いバナー。WEBを巡回していると様々なWEBサイトで設置されており良く見かけますが、今日紹介するのはそんなバナーを簡単にオンライン上で制作できるのWEBサービスが今回紹介する「Make Free Banners」です。
ドロップ&ドラッグで簡単にオリジナルのバナーを作ることができます。カスタムは文字のサイズの色とクリップアートが使えるだけなので、クオリティの高い物を作るのは大変ですが、さっと作りたい時には便利なWEBサービスです。
詳しくは以下
イラストやオブジェクト、写真だけでなく、デザインの中にあるテキストもグラフィカルに表現したい時があるかと思います。しかしどのように加工したら良いのかわからないことも多いのではないでしょうか？そんな時に参考にしたいチュートリアル集「21 Text Effects Tutorials in Photoshop and Illustrator」を今回は紹介したいと思います。
テキストを、リアルな質感のグラフィック要素としてデザインできる方法が分かりやすく紹介されています。
詳しくは以下
WEB制作に非常に便利なアイコン。内容の説明だったり、インターフェイスの向上だったり様々な側面で寄与してくれますが、今回紹介するのは様々なシーンで使えるプロユースなフリーアイコン集をまとめたエントリー「40 Free Professional Useful Icon Sets for Web」。
Free Mobile Berries Icon Set by templay-team
様々なタイプのフリーアイコンがまとめられています。今日はその中から特に気になったものをいくつかピックアップして紹介したいと思います。
詳しくは以下
レタッチやエフェクトなど、デザインのビジュアル作りに写真加工は欠かせません。写真加工の引き出しを増やすと、デザイン幅もより広がります。今回ご紹介するのはデザインの幅が広がる、多数のテイストのレタッチやエフェクト技法をまとめたPhotoshopチュートリアル「23 New Exciting Adobe Photoshop Tutorials to Enhance Your Skills」です。
全てPhotoshop CCを使用したチュートリアル選で、印象的なビジュアル作りや、いつもとタッチを変えたい時に便利。下記ではその中から気になった素材を幾つかピックアップしてご紹介しています。
詳しくは以下
いままでのCSSで画像を使ってしかできなかった表現が、CSSのみで、できるようになった次世代のCSS3。実際にもう使われていたり、名前は広く知られていたりしますが、今回紹介するのはCSS3を活かしたボタンやメニューを集めたエントリー「12 Excellent CSS3 Button and Menu Techniques」です。
上記のようなCSS3の機能である、グラデーション、角アール、ドロップシャドウなどをうまく使った様々なボタンやメニューのデザインTipsがまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
様々なカメラが開発され、世界中で利用されていますが、今日紹介するのは本体、レンズ、フラッシュなどカメラにまつわるピクセルアートを素材として配布するサイト「The Camera Collection」です。
上記のように二眼レフ、トイカメラ、ポラロイドカメラ、一眼レフなど多種多様なピクセルアートが登録されています。単純な作りですが特徴はきちんと抑えられていて、どの機種なのか分かるようになっています。
詳しくは以下
フリーで配布されているモックアップ素材。非常にクオリティの高いものが多く、利用するだけでデザイン性を高めることができます。今回はそんなフリーPhotoshopモックアップテンプレート集「Free Photoshop PSD Mockup Templates (25 New MockUps)」を紹介したいと思います。
Free 10 Summer Work Mockups Bundle | MockupWorld
いろいろな種類の、ハイセンスなモックアップ素材がまとめられており、どれも使ってみたくなるものばかり。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
WEBはどうしてもその性質上縦に長くなってしまう傾向があり、縦にスクロールして見ていくと言うサイトも多いかと思います。よくユーザーインターフェイスをよくするためにページ下層にTOPに戻るボタンが用意されていて、読み終わった後に一瞬でTOPに戻れる仕組みを取っているサイトも多いのですが、今回紹介するのは常に表示させておくのではなく、スクロール終端で出現するTOPに戻るボタン「jQuery Scroll to Top Control v1.1」です。
ユーザーがページ下部に戻ったときだけ、フェードインで登場し、逆にスクロールで上部に戻ると言った時には消えると言う仕組みになっています。
詳しくは以下
