デザインを開発するという視点でお伝えするクリエイティブBLOG
HTML5とCSS3、随分昔からWEB業界ではよく聞く単語ではありますが、HTML5やCSS3の実案件というのは対応ブラウザの問題から意外と少なく、本腰を入れて勉強する機会も創らないとなかなかないのが現状だと思います。今日紹介するのはフリーで利用できるHTML5+CSS3テンプレート集「15 Free HTML5 and CSS Templates」。
案件ではあまり使えないかも知れませんが、知識を仕入れるには出来上がったのを触るのが手っ取り早い方法だと思います。全部で15のテンプレートが公開されていますが、その中からいくつピックアップして紹介したいと思います。
詳しくは以下
多様化するwebデザイン。常に新しいデザインにアンテナを立てておくことで、自らのクリエイティブ性を高めることができるのではないでしょうか。そこで今回は、ダークな色合いを利用したwebデザインを集めた「Creative and Inspiring Dark Web Designs」を紹介したいと思います。
イラストメインのデザインや、写真を印象的に利用したデザインなど、さまざまなバリエーションで豊富に紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
ユーザーが自分のページにログインするための玄関・ログインフォーム。シンプルになりがちですが、時にはデザインにもこだわりたいもの。そこで今回紹介するのが、デザイン性の高いログインフォーム素材を集めた「15 Creative Free Login Form with PSD」です。
ログインフォームにクリエイティブ性を持たせた、使いやすいデザイン素材が豊富に紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインに手軽に世界観を演出できるパターンは、デザインクオリティをあげるための必須アイテム。そこで今回紹介するのが、さまざまなデザインの黄色のパターン素材ばかりを集めた「A Collection of Useful Free Yellow Patterns」です。
（DinPattern – Free seamless patterns » Disco Gold）
シンプルなパターン素材はもちろん、黄色を基調にしたカラフルなデザインまで、豊富に紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
独特な表現も数多く展開されているフリーフォントは、一般の方からプロデザイナーまで幅広く支持されています。そんな中今回紹介するのが、さまざまなテイストのアウトラインフォントを集めた「Free Outlined Fonts」です。
ポップなテイストから、SF系なテイストまで、デザインの幅が広がるアウトラインフォントが豊富に紹介されてます。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
コンテンツに注目を集めるために重要なタイトルをデザインする際には、フォントにも是非こだわりたいもの。そこで今回紹介するのが、タイトルに利用しやすいフォントを集めた「Best Fonts for Titles and Headlines」です。
（SF Movie Poster Font | dafont.com）
デザイン性の高いフォントはもちろん、シンプルな中にも存在感のあるフォントが豊富に紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
さまざまな画像加工を得意とするPhotoshopですが、効果的にエフェクトを利用するには技術と豊富な知識が必要になります。そこで今回紹介するのが、エフェクトを効果的に利用した画像加工チュートリアル集「10 Special Effects Photoshop Tutorial」です。
画像のテイストを変化させられるチュートリアルから、CG合成のようなチュートリアルまで、表現の幅を広げられる技術やアイデアが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
持っているといろいろな使い方ができることで、非常に重宝するアイコン素材。フリー配布されているものも非常に多く、お気に入りを見つけてはストックされている方も多いのではないでしょうか？そんなコレクションに是非加えたい、シンプルベースの多彩な種類のアイコン「40 New and Free Icon Sets」を今回は紹介したいと思います。
（Linecons Free – Vector Icons Pack – Designmodo）
シンプルという共通テーマの中にも、さまざまな表現で個性を発揮したアイコンがたくさん紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
写真加工以外にも、非常にさまざまな表現が可能なPhotoshop。特にPhotoshopで制作されたグラフィック素材は非常にクオリティが高く、使用するだけでデザインの質を一気に高めることができます。今回はそんなPhotoshop形式のpsd素材をまとめた「26 New Photoshop Free PSD Files for UI Design」を紹介したいと思います。
Free Vintage Rolleiflex Badge on Behance
モックアップからテンプレートまで、さまざまな使用シーンに対応できる素材が紹介されています。
詳しくは以下
デザイン素材の中でも、比較的使用頻度の高いパターン素材。既存のものを手軽に使用するのも良いですが、時にはオリジナル性を高めるために自身で作りたいというシーンもあるのではないでしょうか？今回はそんな時に参考にしたい、Photoshopで作り出すパターンチュートリアルまとめ「A Compilation Of Pattern Tutorials For Photoshop」を紹介したいと思います。
いろいろなデザインのパターンの作り方を、分かりやすく紹介したチュートリアルがまとめられています。
詳しくは以下
ベクター形式でありながら、アニメーションタグやJSでのインタラクティブな操作ができたり、テキストエディタでの編集が可能だったりと、何かと便利なSVG。いろいろなシーンで活用されている方も多いと思いますが、今回はそんなSVG形式データの利便性を感じられる素材まとめ「The Benefits of SVG Images in Web Design」を紹介したいと思います。
JSやアニメーションなど、SVG形式を利用した多彩な表現を実現できるリソースや実例がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
アイコンにはさまざまな種類があり、定番として利用できるタイプのものは持っている方は多いと思いますが、テーマに合わせたものを探しだそうと思うとなかなか大変なもの。そんな中今回紹介するのは、トラベル系のデザインに最適なアイコンセット「Tourism & Travel Icon Set」です。
観光、旅行をテーマにしたデザインで活用できる種類のアイコンが100種セットでダウンロードできるようになっています。
詳しくは以下
WEB制作にとどまらず、様々な場所で利用されるアイコン。素材としては非常に優秀で、いろいろな趣旨のアイコンセットが世界中で公開されていますが、今日紹介するのは、施設からファイル形式まで、様々なアイコンを網羅したアイコンセット「Eldorado mini free」です。
こちらのアイコンセットは、単純にUI的なものではなく、マトリューシカやハンバーガーなどなど多種多様なアイコンがまとめられています。全部で1262種類ものアイコンがセットになっていますが、今日はその一部を紹介したいと思います。
詳しくは以下
あまり無いかも知れませんが、PDFで原稿がきたり、調べ物をした時の資料がPDFでその内容をデザイン落とし込みたいときに、手元にテキストを選択できるツールが無いときに力を発揮してくれそうなWEBサービスが今回紹介する「PDFTextOnline」です。名前の通り、PDFファイルからテキストを抽出してくれると言うものです。
WEBサービス自体は英語版ですが、日本語のPDFのテキストにも対応してくれています。WEBサービスですのであまりにも古い環境でない限り、どんな環境でもブラウザさえあれば使えるのが魅力的ですね。
詳しくは以下
さまざまなテイストのアイコンがインターネット上では配布されており、デザイナーのデザインイメージにあったものを、フリーで取り入れられるものも多く存在します。そんな中今回紹介するのは、黒い縁取りラインがポイントのポップなフリーアイコン「100 Lulu Vector Icons」です。
100種の、くっきり・はっきりとしたビジュアルが特徴のアイコンセットがフリーダウンロードできるようになっています。
詳しくは以下
WEBの制作には欠かせないアイコン。利用するのはとても便利ですが、作るのなるとかなり大変です。今日紹介するのは利用価値の高いフリーアイコンセットをジャンル別に集めて公開しているエントリー「33 Killer Web Icon Sets for Free」を紹介したいと思います。
ソーシャルメディア、ベクターアイコン、WEBアプリ系などなど様々なジャンルのクオリティの高いフリーアイコンがまとめられています。今日はその中から今までdesigndevelopで公開した事が無いものを中心にいくつかピックアップして紹介したいと思います。
詳しくは以下
