デザインを開発するという視点でお伝えするクリエイティブBLOG
スッキリと綺麗に表現されているサイトは見やすく、使い勝手も良いもの。そんなサイトを手軽に作成するためにおすすめの、クリーンでシンプルなHTMLテンプレート「Floper HTML Template」を今回は紹介したいと思います。
HTMLテンプレートですので自分好みにアレンジも可能。ベーシックなデザインで、いろいろなタイプのサイト設計に活用できそうです。
詳しくは以下
デザインをクライアントに提出する際には、資料として企画書を作成することも多いと思います。そんな時に活用することで、デザインをより魅力的かつ、実際に使うイメージを相手にしっかりと伝えられる、PSDモックアップテンプレートまとめ「Free PSD Mockup Templates」を今回は紹介します。
Free Stationery Elements Mockup PSD Template on Behance
さまざまなテイスト、種類のPSD形式モックアップがまとめられています。気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
Webサイトや紙媒体のデザインをしていると、アイコンが必要になることがよくあります。様々なテイストのアイコンがありますが、今回紹介するのは、ミニマルなテイストに可愛らしさをプラスしたフリーアイコンセット「Try 100 Icons Free」です。
シンプルで使いやすいデザインに、角ばったフォルムでありながらも、柔らかい雰囲気を感じさせてくれるアイコンが100種セットでダウンロードできるようになっています。
詳しくは以下
写真一枚でデザインの印象は大きく変わってしまうからこそ、選定にはしっかりこだわっていきたいもの。今回はそんな時に知っていると便利な「FreePhotos.cc」を紹介していきたいと思います。
複数のフォトサイトを横断検索することができる便利なフリー画像検索サービスサイトとなっています。
詳しくは以下
デザインに添えるイラストは、雰囲気を柔らかく華やかにしてくれたりと、何かと役に立つ存在。いざという時に活用できるストックとして持っておくと非常に便利です。そんな中今回ご紹介するのは、120点以上ものイラストがセットになった「Romantic Dreams Free Vectors」です。
ペンようなタッチで描かれた、柔らかい雰囲気のイラストが魅力的な素材セットです。
詳しくは以下
(さらに…)
デザインにアクセントを加えてくれる様々なパターン背景。特に、繋ぎ目のないシームレスなパターンは活用もしやすく、様々な場面で活躍してくれる存在です。そんな中今回紹介するのは、6つのパターンがまとまった「Atmosphere Seamless Patterns」です。
筆で描かれたパターンはどれも柔らかい雰囲気で、デザインに花を添えてくれそうなアイテムです。
詳しくは以下
なにかと便利に活用できるアイコン。種類もテイストもさまざまなタイプがフリーでダウンロードできるように配布されており、いろいろな種類をストックされている方も多いのではないでしょうか？そんな中今回紹介するのは、ポップなテイストが特徴のラインアイコンセット「Free Download : Helium Icon Set」です。
ベーシックに定番として利用できるものから、個性的なタイプまで、いろいろな種類のアイコンがセットになってダウンロードできます。
詳しくは以下
たくさんのフリーフォントが常に発信され続けており、どんどんと新しいデザインも登場してきています。そんな中今回は、デザイン性も高く、魅力的なフリーフォントが豊富に揃った「fontbundles / Premium Free Fonts」を紹介したいと思います。
さまざまな種類のフォントの配布をおこなっている「fontbundles」内にて、フリーでダウンロードできるフォントがピックアップされています。
詳しくは以下
デザインに華やかさを与える植物素材。デザインにぴったりなテイストの素材をチョイスすることで、クオリティが一気にアップする重要な素材だと思います。そこで今回は、さまざまなテイストの植物を手軽に表現できるPhotoshopブラシを集めた「New Collection of Free Floral Photoshop Brushes」を紹介したいと思います。
Artistic Floral by ~h0ttiee on deviantART
可愛らしいイラストのブラシから、リアルな植物を表現したブラシまで、さまざまなブラシが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
使い方によって、さまざまな形に変化し幅広く活用できるテクスチャは、デザイナーにとっては欠かせないもの。今回は、是非自身のストック素材としてチェックしておきたい、実用性の高いテクスチャまとめ「The Ultimate Collection of Professional Textures」を紹介したいと思います。
（Wood Texture Pack – 12 Free Images! | Media Militia）
定番からちょっとアレンジを加えたもの、テクスチャ単体で使用しても様になるもの、幅広いラインナップをこのまとめ一つで取り入れることができます。
詳しくは以下
デザイン性のある素材を使用することで、デザインの質がグッと上がり制作物をより良いものに仕上げることができます。今回はそんなシーンにぜひ活用していきたいフリーリソース最新版まとめ「50 Free Resources for Web Designers from June 2016」を紹介したいと思います。
UX Flowchart Cards – UI/UX Assets
いろいろな種類のハイクオリティな素材が揃う、デザイナーならぜひチェックしておきたい素材が揃っています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
前回「テクスチャからイラストレーションまでPhotoShopチュートリアル100選」という記事でphotoshopによるチュートリアルを100個紹介しているサイトを紹介しましたが、今回紹介する「100 wonderful photo effects Photoshop tutori」も同じように100のphotoshopチュートリアルを集めたエントリーです。
紹介されている100のチュートリアルの一部です。
集められている物はスケッチ風にする、虹を作るといったありふれた物から、HDRをphotoshopで実現する方法やレントゲン写真の作り方など少し変わった物まで紹介されています。
詳しくは以下
映画に登場する主役で、特に人気の高いキャラクターは有名なヒーローとして広く認知されており、さらに敵対する悪役も有名なキャラクターが多数存在しています。そんな中今回紹介するのは、ヒーローや悪役をアイコン化した「The Flat Superheroes & Villains Icon Set」です。
世界的にヒットし有名なキャラクターたちがフラットテイストなアイコンとなって、webサイトを中心としたデザイン上でも活躍してくれそうです。
詳しくは以下
デザインの質感をだしていくのに便利なテクスチャですが、今日紹介する「30 Most Incredible Textures for Vintage Style Design」はテクスチャの中でも、ビンテージ感を出せるテクスチャをまとめたエントリーです。
沢山のビンテージ感溢れるテクスチャが公開されていますが、今回はその中から気になったモノをいくつか紹介したいと思います、詳しくは以下
詳しくは以下
軽量でなおかつ様々な動作が可能な人気のプラグイン「jQuery」。世界中で利用されており、そのテクニックも豊富ですが、今日紹介するのは比較的新しいチュートリアルやテクニックを集めたエントリー「25 Fresh and New jQuery Plugins and Tutorials」です。
Create Featured Content Slider
ツールチップからスライダー式のギャラリー、サウンドプレイヤーなどなどjQueryで実現できる様々なテクニックが紹介されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
Photoshopブラシはリアルな質感やディティールの高いものが多く、細かなデザインやクオリティの高いデザインには重要なツールと言えます。そんな中今回紹介するのは、楽譜をテーマにしたPhotoshopブラシのまとめ「A Free Collection Of Music Note Brushes For Photoshop」です。
Sheet Music Brushes by ~KnockStock on deviantART
「楽譜」と一言にいっても音符のデザインなど、細かなディティールは少しずつ異なります。中でも気になったものをピックアップしたので下記よりご覧ください。
詳しくは以下
