デザインを開発するという視点でお伝えするクリエイティブBLOG
世界中で利用されているCMSの一つWordpress。国内でも多くのユーザーが利用しており、法人・個人問わず利用されていますが、今回紹介するのは、リアルタイムにデザインを編集できるWordpressプラグイン「The Divi Builder」です。
通常テーマはいくつかのファイルによって構成されており、テンプレートの修正やカスタマイズするとなると、多くの場合、コードを書いて修正しなければなりませんでした。この「Divi」はブラウザ上で自由にデザインカスタマイズやテンプレート側の修正が行えるというものです。実際の操作しているシーンを交えた、プロモーション動画が公開されていましたので以下からご覧ください。
動画は以下から
インターネット上にはさまざまな種類の素材が配布されていますが、決められたテーマだけでなく、いろんなパターンから選択したい時も時にはあるのではないでしょうか？そんな中今回紹介するのは、デザイン制作の参考資料・素材として活用できるコンテンツツール「9 Awesome Free Tools To Make Unique Creative Content」です。
デザイン制作をする時に活用すれば、よりクオリティの高い制作物を完成させることができそうな便利なツールが紹介されています。
詳しくは以下
秋も深まり、寒くなる前に屋外でのアウトドアを楽しむシーンも多い季節。これからいろいろ計画されている方もいらっしゃるのではないでしょうか？今回はそんなシーンへ訴求するデザインで活用したい、キャンプシーンをイメージできるフリーアイコンセット「Camping Icons」を紹介したいと思います。
フリーでダウンロードできる、キャンプで使用するアイテムなどを揃えたアイコンセットとなっています。
詳しくは以下
コラージュを主体としたデザイン制作時に活躍する紙素材ですが、デザインテイストにぴったりな1枚を見つけるというのは、なかなか難しいのではないでしょうか？そこで今回紹介するのが、コラージュ制作にも使いやすい、破れた紙のテクスチャばかりをまとめた「Free 40+ Ripped and Torn Paper Textures」です。
（Ripped Cardboard | Flickr – Photo Sharing!）
アンティークな雰囲気を持つテクスチャからダイナミックな破れ方を楽しめるテクスチャまで、豊富なテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
6月のウェディング繁忙期に向けて、すでにデザインを手がけているという方もいらっしゃるのではないでしょうか？今回はそんなシーンに活用できるアイコンまとめ「Free Wedding Icons For Your Design Projects」を紹介したいと思います。
Wedding and Love +50 free icons (SVG, EPS, PSD, PNG files)
厳選された数ではありますが、どれも使いやすそうな種類が揃ったアイコンセットがピックアップされています。
詳しくは以下
世界中で広く利用されているCMSの一つWordpress。個人の方のブログから企業サイトまで幅広い用途で利用されています。利用者が多いだけあって豊富にテーマが配布されているというのもWordpressの魅力の一つです。今日紹介するのは新たにリリースされたクリエイティブなWordpressテーマを集めたエントリー「10 Fresh, Free WordPress Themes (April 2016)」）です。
Passionate — Free WordPress Themes
License: Free for personal and commercial use | GNU General Public License
シンプルなものからデザイン的に作りこまれたものまで、様々な用途のテーマが紹介されていましたので今日はその中から気になったものを幾つかピックアップして紹介したいと思います。
詳しくは以下
無題の無い研ぎすまされたフォントも素晴らしいですが、アナログ感があるフォントを探していると言う方にピッタリなのが今回紹介するフリーフォント集「HVD Fonts」です。
HVD Comic Serif. 1 Font by Hannes von Döhren, 2007
アナログ感溢れる、あじのあるフリーフォントをいくつか公開されています。今回は公開されているフォントをいくつか紹介したいと思います。
詳しくは以下
webサイト制作にいまやなくてはならない存在になっているSVGアニメーション。デザインする際に活用されている方も多いかと思います。今回はそんな方におすすめのSVGアニメーションを配布するサイト「unDraw」を紹介したいと思います。
既存のイラストをベースに好きな色にカラーチェンジができる、嬉しい機能が搭載されたイラストサイトとなっています。
詳しくは以下
ナチュラルな雰囲気や、温かさを表現するためには欠かせない木目のテクスチャ。今回は様々な場面で活用するリアルなテクスチャをまとめた「20 Realistic Wood Textures | Free Download」をご紹介します。
Wood uncut by borysses on DeviantArt
サイズや色味の変更も可能な素材も数多く紹介されています。いくつかピックアップしましたので、まずは以下からご覧くだざい。
詳しくは以下
非常に使い勝手が良いオープンソースWordpress。DesigndevelopもWordpressを使って構築しており、国内でも利用しているというかたは多いのではないでしょうか？今日紹介するのはそんなwordpressをより便利に使う為のWordpressをカスタマイズする30のテクニックを収録したエントリー「30 WordPress Development Tutorials」です。
Get Posts Published Between 2 Particular Dates
ウェジェットのCSSの設定方法から、ヘッダーを外部化、themeの作り方などなど様々なテクニックが収録されています。今日はそのなかからいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
スマートフォン向けUIデザインや、PC・タブレット向けのWebデザイン、また名刺やポスターなど、世界にはさまざまな種類のデザインがあります。今回はデザインのイメージを掴みたい時に活用できるベースモックアップ集「9 Free PSDs for Showcasing your Design Work」を紹介したいと思います。
10 Super Useful Free Flat UI Kits | Freebies
デザインの分野を超えた、さまざまなバリエーションが用意されています。今回はその中でも気になったものをピックアップしたので、下記よりご覧ください。
Responsive Showcase Psd Vol2 | Psd Web Elements | Pixeden
PC、タブレット、スマートフォン全てを対応するレスポンシブWebデザインのモックアップ。デザイン制作の他に、コーディングにも参考になりますね 。
Letterpress Business Cards MockUp | GraphicBurger
拘った名刺デザインのモックアップ。紙を変えたり、文字を打ち直したり、さまざまに見せ方を変えることができます。
Poster Frame PSD MockUp | GraphicBurger
ポスターの使用イメージを作成する時に便利なモックアップ。画を差し替えるだけで簡単にイメージを見せることができます。
PSDで用意されているので改変がとても楽で、便利です。クライアントにイメージを見せたい時に、また実物の雰囲気を見せられる、便利なモックアップ集となっています。
