デザインを開発するという視点でお伝えするクリエイティブBLOG
デザインの主役となるコンテンツを考えるとき、簡単に取り入れることができるコードスニペットがあると便利ですよね。今回は、デザインをカスタマイズするときに役立つコードスニペットまとめ「10 Beautiful Nature Inspired Code Snippets」を紹介します。
自然の風景をテーマにHTMLやCSS、JavaScriptで作られたコードスニペットがまとめられています。気になったものをいくつかピックアップしましたので、下記からご覧ください。
詳しくは以下
(さらに…)
デザイン制作の中では、デジタルな雰囲気や均一なデザインのフォントを利用することも多いかもしれませんが、手書きの雰囲気を少しプラスするだけでも、親しみやすさがアップするように思います。そんな中今回紹介するのが、手書きの質感を楽しめるフォントをまとめた「25 Useful Handwriting Fonts for Free Download」です。
Free Fonts – CatholicSchoolGirls font | UrbanFonts.com
ペンや筆など、さまざまな画材で描かれたフォントが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
洗練されたデザイン、可愛いデザインなどデザインのテイストは様々ですが、今日紹介するのはレトロでビンテージ感のあるデザインに最適なフリーフォントを集めたエントリー「30 Fonts Perfect for Vintage and Retro Style Design」を紹介したいと思います。
レトロ、ビンテージといっても色々な種類があり、そのなかでも、キレイめな書体、ガッチリした書体など様々なデザイン感の書体がまとめられていました。今日はその中から気になったものを紹介したいと思います。
詳しくは以下
■Fusty Saddle
装飾が施された重めのフォント。見本のように、古びた紙のテクスチャなどと相性が良さそうです。
■Ballpark
キレイめでシンプルな筆記体書体。レトロデザインに関わらず使えそうな汎用性の高い書体です。
■Rocket Script
食品のパッケージ担っていそうな、特徴ある書体。ロゴのタイプフェイスなどにも使えそうです。
上記のほかにも様々なフォントが紹介されています。基本的にすべてフリーでダウンロードできますが、各々のフォントで利用規約が定められていますので、商用でご利用になる方はフォントのダウンロード元でご確認ください。
表現に多彩な幅を生み出すブラシツールですが、通常デザインソフトに付属されているブラシだけでは、細かい表現ができないことも多いと思います。そこで今回紹介するのは、優れたインク表現やペイント表現を描くことができるphotoshopブラシまとめ「Collection Of 600+ Free Ink & Paint Photoshop Brushes」です。
ダークでリアルなブラシから、水彩画をイメージさせるブラシまで、約300種類のブラシが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
WordPressでYouTubeを貼付けるとなぜかフォーマットが崩れてしまい困っていました。調べてみるとYouTubeの埋め込みタグをリッチテキストエディタのソース編集でコピペするとどうもタグの一部がカットされてしまうようで、正常に表示されなかった模様です。
解決方法としてユーザー設定からリッチテキストエディタの使用をOFFにすればいいのですが、リッチエディタもたまに使うからともう少し調べてみるとYouTube動画を簡単に貼付けられるプラグイン「Noembedder」を見つけましたので紹介したいと思います。
1.「Noembedder WordPress Plugin」からプラグインをダウンロード
2.ロ−カルで解凍後フォルダごと「wp-content/plugins/」へアップロード
3.管理画面から[Noembedder]を有効化
詳しくは以下
CSS3は現在広く利用されているCSS 2を拡張したもので、従来のCSSでは表現が難しかったドロップ車道や、角丸など、画像に頼らずに、表現ができ、新しい表現の可能です。今日紹介するのはCSS3で作られたユーザーインターフェイスキット「CSS3 UI Kit」です。
サーチボタン、角丸ボタン、完全な円形のボタン、プルダウン、ページングなどなどユーザーインターフェイスの基本となるパーツがセットになっています。
詳しくは以下
さまざまなシーンで活躍してくれるアイコン。たくさん持っているほど、デザインの幅を広げてくれます。そんな中今回紹介するのは、定番としてもストックしておきたい魅力的なアイコンセットまとめ「700+ Free PSD Icons for Web Mockup and App UI」です。
[Dribbble – Bikini 60s by Sebastiano Guerriero](https://dribbble.com/shots/2232637-Bikini-60s)
いろいろな種類、デザインのアイコンが多数ピックアップされ、まとめられています。気になったものを以下よりご覧ください。
詳しくは以下
画像加工や色補正に強いPhotoshopは、合成のための素材作りがクオリティの高さを大きく左右します。そんな中今回紹介するのが、フリーで利用できるさまざまなPhotoshopブラシをまとめた「Brushing Up: A Collection of Free Photoshop Brushes」です。
（Night Sky Free Brushes | Webdesigner Lab）
さまざまなシーンで利用できる画像加工用のブラシが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
WEBをデザインする上で、欠かせない要素の一つがサムネイル。情報を一覧でさらにグラフィカルに見せてくれる非常に有効な手段ですが、このサムネイルもデザインで大きく印象が変わってきます。
今日紹介するのはそんなサムネイルの秀逸なデザイン集「Thumbnail In Web Design: Examples And Best Practices」です。かなりの数のサムネイルが公開されていますが、今日はその中から気になった物をいくつか紹介したいと思います。
詳しくは以下
空のニュアンを決めるために重要な雲ですが、実際に撮影しようとしても、イメージにぴったり合う雲や空はなかなか見つからないもの。そこで今回紹介するのは、さまざまな雲の形を表現できるphotoshopラブラシ「Weekly Freebies: 150 Cloud Brushes for Photoshop」です。
実写に近いタイプからイラスト系のものまで、約150種類ものブラシが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
ポータルサイトなどの情報系サイトでは特に、どれだけ多くのユーザーにリピーターになってもらえるかが重要だと思います。そのためには、ニュースレター申込やRSS部分のデザインには、特に力を入れたいところ。そこで今回紹介するのが、ニュースレター用のパーツデザインが揃うPSD素材をまとめた「30 Beautiful Free Newsletter Subscribe Box PSD Designs」です。
Subscription form design | Psdblast
定番のエアメールをモチーフにしたデザインをはじめとした、さまざまな素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
