デザインを開発するという視点でお伝えするクリエイティブBLOG
デザインで使用する書体の種類の選定は可読性の向上、デザイン全体の景観を大きく左右する大切なもの。フォントは数多くありますが、今回はサンセリフ体に焦点をあててまとめられた「30 Free Sans Serif Fonts to Download」をご紹介していきたいと思います。
クールで洗練されたものを中心に多種多様なものがまとめられおり、気になったものをいくつかピックアップしているので下記よりご覧下さい。
詳しくは以下
webデザインを1から完成までつくり上げるのに、時間やコストをあまりかけることができない状況も、デザインの仕事をしていると経験することがあると思います。そんな時に活用できる、フリーpsdレイアウト「20 Free Web Layout PSDs」を今回は紹介します。
（Dribbble – Sevent WordPress + free psd by trendythemes）
クリエイティブなデザインを簡単につくり上げることができる20種のpsdレイアウトが紹介されています。
詳しくは以下
海外では絶大な人気を誇るCMSツールの一つWordpress。簡単に着せ替えるようにデザインを変えられるのが魅了ですが、かなり普及しているだけ合って、配布されているデザインテーマも多岐に渡ります。今日紹介する「Free WordPress Themes」はWordpressのテーマを集めたサイトです。
管理人の個人的な印象ですが、デザイン性が高く、インターフェイスも実用的なテーマと言う所に軸をおきながら、グラフィカルなものからシンプルなものまで幅広く100個以上のテーマが収録されています。今日はその中から特に気になったものをいくつか紹介したいと思います。
詳しくは以下
webサイト制作にはいろいろな素材を利用しますが、クオリティの高いものを1から作り出そうとすると手間や時間がかかってしまうもの。できれば時間を短縮しつつ、思い通りのデザインに仕上げたいものです。今回はそんなシーンにおすすめのPhotoshop素材を集めた「Useful Collection Of Free Photoshop Files」を紹介したいと思います。
（Transparent Organic Form – 365psd）
いろいろな種類のPhotoshop素材がまとめられており、デザイン箇所に合わせて使い分けられるようになっています。
詳しくは以下
WEB上で、ボタンや画像などの補足説明に用いられるツールチップ、そこまで多くは見かけませんが、ユーザーナビゲーションとしては直感的で有効な手法で、制作するにあたって導入を検討するWEBデザイナーの方は多いのではないでしょうか？今日紹介するのはCSSのみで実現する軽量なツールチップ「Ballon.css」です。
CSSのみで制作されていますが、なめらかなアニメーションを実現しています。ICONフォントや絵文字にも対応しています。
詳しくは以下
パーツ一つ一つのクオリティを左右するグラデーションのかけ方には、特にこだわりを持っているという方も多いのではないでしょうか？そんなシーンに活用できる、ニュアンスの異なるグラデーション素材をまとめた「50+ Cool Photoshop Gradient Brush and Gradient Sets」です。
Gradients 04 by ~crazykira-resources on deviantART
シンプルなグラデーションブラシから、さまざまな世界観を表現できるグラデーションブラシまで、たくさんの素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、まずは下記よりご覧ください。
詳しくは以下
デザインに質感を出したいのに、何か物足りない・・と感じている時になどにも最適な、レンガのテクスチャセット「36 Collections of Free Wall Brick Textures」を今回は紹介したいと思います。
（http://www.imageabstraction.com/gallery/pic.php?id=29）
シンプルなものから、長い時を経て味のある雰囲気を醸し出しているものなど、さまざまな種類のレンガテクスチャが紹介されています。中でも気になったものをピックアップしてみましたので、下記よりご覧ください。
詳しくは以下
■Free Texture – brick, grunge, paint, peeling, spray, wall
ペンキでペンディングが施されたレンガ。鮮やかな色合いが特徴です。
■Free Texture – algae, brick, concrete, grunge, moss, wall
苔が生え、グリーンに覆われたレンガ。強いコントラストの色合いなどが生きた、とても美しいテクスチャですね。
■Free brick wall texture pack | High Resolution Textures
シンプルなレンガのテクスチャセット。定番として利用できそうです。
背景素材として、デザインのパーツ制作の一部として、いろんなシーンで活躍してくれそうですね。種類が豊富などの嬉しい。気になる方は下記リンクにてこの他にもたくさん紹介されていますので、チェックしてみてください。
webサイトやスマートフォン制作には、ボタンやプレーヤーなど、ユーザーにわかりやすいパーツ作りが必要になります。そこで今回は、さまざまなシーンで利用しやすいPSD形式で制作されたパーツ素材をまとめた「40+ Useful Free PSD Files For Your Next Design」を紹介したいと思います。
Dribbble – Cameras psd file by Jeremy Sallée
インターネットブラウザを再現できる素材からアイコン・パーツまで、さまざまなPSD素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
Photoshopを利用することで、リアルであったり、自分ではなかなか描き出せないようなグラフィック表現も実現させることができます。そんな中今回紹介するのは、ハイクオリティなグラフィック描写を表現できるphotoshopチュートリアルまとめ「26 New Photoshop Tutorials to Improving Your Photoshop Skills」です。
Create This Dark Matte Landscape Composite in Photoshop – Photoshop Tutorials
まるで映画のポスターのようにリアリティのある表現から写真加工まで、さまざまな種類のチュートリアルが紹介されています。
詳しくは以下
クリスマスまであと数日。デザインのちょっとした部分にもクリスマス感を取り入れることで、より気分を高めることができるのではないでしょうか。そんな中今回ご紹介するのは、クリスマス気分を盛り上げてくれるグラフィカルなトグルボタン「CodePen – Bauble Toggle」です。
クリスマスのオーナメントをイメージさせるイラストがボタンになった、可愛らしいトグルボタンです。
詳しくは以下
デザインに質感を与えるグランジ素材は素材の定番として背景写真素材からブラシなど様々な形で提供されていますが、今日紹介するのはシンプルだから便利なグランジテクスチャブラシ「10 Free Subtle Grunge Texture Brushes」です。
非常にシンプルなもので細かい粒子状のグランジのブラシが全部で10パターンセットになっています。収録されているブラシセットは以下からご覧ください。
詳しくは以下
