デザインを開発するという視点でお伝えするクリエイティブBLOG
webサイトを制作する際に頻繁に使用するアイコンですが、一からデザインするには大変な手間と時間がかかってしまうと思います。そこで今回紹介するのは、手書き感とユーモアで親しみやすさを感じるアイコンセット「Steedicons」です。
手書きの素朴な雰囲気の中に、細部へのこだわりを感じるアイコンが数多く展開。300以上のアイコンセット［29ドル］の他に、フリーで利用できるアイコンも一部公開されています。
詳しくは以下
テキストをただ平打したり並べて配置するだけでなく、グラフィカルな加工を施すことでよりデザインが魅力的に見えてくることも。そんな中今回紹介するのは、さまざまなテイストのテキストチュートリアルをまとめた「New Text Effects Tutorials 2015」です。
Create 3D Star Light Text Effect in Photoshop – PSD Vault
テキストを、リアルかつデザイン的に表現できるチュートリアルが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインには欠かせないフォント。ゴシックや明朝といったベーシックなものから、手書きまで、数え切れないほど多くのフォントが存在しています。そんな中今回紹介するのは、近年人気を集めている手書きのフリースクリプトフォント「25 Beautiful Script Fonts to Use in 2017」です。
ANISHA – FREE SCRIPT FONT on Behance
さらさらっと書かれた細身のフォントから、しっかりとした力強いものまで、いろんな種類が紹介されています。気になったものをいくつかピックアップしてみました。
詳しくは以下
デザイン制作を手がける際に利用されるテクスチャ素材には非常にたくさんの種類が存在しており、欲しいデザインに合わせて使い分けたり、組み合わせたりすることが多いもの。今回はそんなテクスチャの中で、しわの質感を生かした「40 Useful Tissue Texture For Your Wrinkled Looking Designs」を紹介したいと思います。
（Ickledinkstock texture 62 by ickledinkstock on deviantART）
自然にできたもの、意図的に作られたものなど、非常に多彩な種類のしわテクスチャが集められています。
詳しくは以下
デザイナーにとってテンプレート・モックアップは非常にありがたい存在。デザイナー以外でもディレクションに関わる人であれば完成イメージとして、これらを使用する機会もあるのではないでしょうか。そんな人たちにおすすめできるまとめ「30 Fresh Freebies for Web & Graphic Designers」を今回はご紹介していきます。
Mobile Chat App Design – free download by Claudio Parisi – Dribbble
トレンド感のあるシンプルかつフラットなデザインで表現された完成度の高いテンプレート・モックアップ。下記にいくつかピックアップしているので、チェックしてみてください。
詳しく見る
画像等にちょっとしたデコレーションをしたり、特定のイメージが付かない背景画像を作成する時に利用したい抽象的なイメージ。抽象的なだけに決まった表現がなく、1からデザインするには時間がかかります。そこで今回紹介するのが、さまざまな抽象表現ができるPhotoshopブラシを集めた「New Collection of Cool Abstract Photoshop Brushes」です。
（75 Abstract Brushes II by =rocked-out on deviantART）
やわらかなラインを表現できるブラシから、光の動きを表現するブラシまで、さまざまなブラシが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
テクスチャについては今まで多々紹介してきましたが、今回紹介する「100 Beautiful Free Textures」はウール、レザー、ウッドなどなど実用的なカテゴリー別にバランス良く収録されているエントリーです。
そのカテゴリーは16にも分けられており、大概のテクスチャはこのエントリーに収録されているもので事足りるかと思います。100枚ものテクスチャが紹介されていますが、今日はその中からいくつか気になったものをいくつか紹介したいと思います。
詳しくは以下
CSSやjavascriptを利用してサイトをよりリッチな表現に変えていくというのは、WEB制作の現場では常に行われていて、様々なスニペットやライブラリが日夜リリースされています。今日紹介するのは次のレベルまでWEBサイトを引き上げてくれるCSS、javascriptテクニック「CSS and JavaScript tools to take your website to the next level」です。
様々なCSSやjavascriptによるテクニックがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
プレゼンのための資料作りやスライド作りでは定番のパワーポイントとキーノート。どちらも強力なツールですが、デザイン性が悪いと見難かったり、企画の趣旨を伝えきれなかったりしますが、今回紹介するのはプレゼンのためのパワーポイント&キーノートのデザインテンプレート集「40+ Awesome Keynote and PowerPoint Templates and Resources」
ちょっと固いデザインから柔らかめのデザインまで、様々なテンプレートがまとめられています。有料のものも紹介されていますが、今日はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
無数に存在するwebサイト。目的に合わせたサイト構成がユーザーを惹き付けるために重要なポイントだと思います。そこで今回は、webマガジンサイトにクローズアップし、ユーザーを惹き付けるwebマガジンを集めた「30 Predominant Magazine-Themed Websites」を紹介したいと思います。
Zaum & Brown | CD Sleeve Design, Band Art, Myspace & Website Design
シンプルな構成のサイトはもちろん、レイアウトやタイトルデザインにこだわったサイトまで、さまざまなサイトが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
WEBデザインでは非常に重要となり、利用頻度も高いアイコン。様々なアイコンセットが世に中には出回っていますが、今回紹介するのはJPGやPNGといった画像データでは無くて、SVGでダウンロードしたり、SVGコードで出力できる、ICONサービス「ICONSVG」です。
シンプルでスタンダーどなアイコンが並んで降り、「Arrow」「InterFace」「Media」「Files&folders」「Editor」「Symbols and shapes」「User」「Graphs&charts」「Devices」「Layout」といったカテゴリに分けられて収録されています。
詳しくは以下
