デザインを開発するという視点でお伝えするクリエイティブBLOG
フリーでありながら、デザイン性のあるフォントは非常に多く配布されており、たくさんストックしておくことでいろいろなデザインに対応できるもの。そんな中今回紹介するのは、デザイン性のあるフリーフォントが揃った「New Functional Free Fonts for Designers」です。
ベーシック、手書き風から個性派まで、さまざまな種類のフォントが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
モックアップやテンプレートは、完成度の高いクオリティの高いものが数多く配布されており、常にチェックされている方も多いのではないでしょうか？そんな中今回は、ぜひダウンロードしておきたい、モックアップ&テンプレート集「12 Fresh PSD Mockup Templates For Creative Works」を紹介したいと思います。
Branding / Identity MockUp Vol.15 | GraphicBurger
webや紙媒体などで使用できるテンプレートが12種、ピックアップされ紹介されています。
詳しくは以下
制作時に非常に便利なソフトの一つとなっているPhotoshop。いろいろな加工や表現が可能で、時にはその表現の幅に驚かされることもあるのではないでしょうか？そんな中今回紹介するのは、Photoshop形式のフリーpsd素材を集めた「Free PSD Files: Download 25 UI Design Photoshop PSD Resources」です。
Bifold Flyer Mockup | Vectogravic
いろいろなタイプのpsd形式の素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
非常に便利なwordpressは広く活用されており、もはや欠かせない存在になっています。そんな中今回紹介するのは、使いやすさが考慮されたフリーwordpressテーマ10選「Top 10 Best Free WordPress Themes」です。
WordPress › Hitchcock « Free WordPress Themes
シンプル・洗練されたデザインテーマが紹介されており、どれも使いやすさが考慮されたものばかり。気になったものをピックアップしましたので、下記より御覧ください。
詳しくは以下
サイトのコンテンツとして必要な場合が多いコンタクトフォームなどの送信ページ。シンプルに構成されていることが多いですが、時にはデザイン性を重視したり、より使いやすさが求められる場合もあるのではないでしょうか？今回はそんな時に参考にしたいフォームデザインサンプル「20 Awesome Form Designs Visitors Want To Fill Out」を紹介したいと思います。
Dobidos, sanitari salvaspazio con bidet incorportato | Contatti.
デザイン性・使いやすさが考慮された、いろいろなタイプのフォームデザインがまとめられています。
詳しくは以下
フリーでダウンロードできる素材は非常に多く、常にいろいろなタイプをチェックされている方も多いと思います。そんな中今回紹介するのは、活用することでデザインを魅力的に魅せられるフリーデザイン素材まとめ「38 Freebies & Goodies For Web Designers」です。
24 Flat Mockups Free | Free PSDs & Sketch App Resources for Designers – uipixels
どれもデザイン性の高い、フリーでダウンロードできる素材がピックアップされまとめられています。気になったものをピックアップしましたので、下記より御覧ください。
詳しくは以下
コンパクトで高機能なAjaxライブラリjQuery。国内でも多くのサイトで使われているライブラリの一つですが、今回紹介するのはjQueryを使ったシンプルで実用的なメニューを集めたエントリー「10 Best jQuery Menu Plugins」を紹介したいと思います。
jdMenu Hierarchical Menu Plugin for jQuery
全部で10のJQueryで利用して作られたメニューが公開されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
webサイトのデザインで特に活躍してくれる素材といえばアイコン。非常にいろいろな種類があり、たくさんストックされている方も多いのではないでしょうか？そんな中今回紹介するのは、さまざまな種類のアイコンを集めた「42 Fresh and Free Icon Sets for Designers」です。
多彩なテーマのアイコンセットが紹介されており、どれもストックしておきたくなるものばかり。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
WEBサイトでたまに見かけるリボンがけの処理を簡単に自分のものにできるサービスが今回紹介する「Online Ribbon Generator Tool」です。このサービスではリボン画像の生成と合わせてサイトに貼付けるコードも生成してくれます。
リボンのほうもかなりカスタマイズが可能で縁飾りや色など調整が可能で、打ち込む文字も書体も選択が可能でかなり作り込んだものが生成できます。
詳しくは以下
前回「テクスチャからイラストレーションまでPhotoShopチュートリアル100選」という記事でphotoshopによるチュートリアルを100個紹介しているサイトを紹介しましたが、今回紹介する「100 wonderful photo effects Photoshop tutori」も同じように100のphotoshopチュートリアルを集めたエントリーです。
紹介されている100のチュートリアルの一部です。
集められている物はスケッチ風にする、虹を作るといったありふれた物から、HDRをphotoshopで実現する方法やレントゲン写真の作り方など少し変わった物まで紹介されています。
詳しくは以下
スマートフォンでの操作には、さまざまな手の動きが必要になってきます。そんなときに便利なのがアイコン。完結な表現で動きを伝えることができる重要なツールとして重宝します。今回はそんなスマートフォンでの手の動きを表現したフリーアイコンセットまとめ「11 Free Mobile Gesture Icons Packs」を紹介したいと思います。
Dribbble – Free Gesture Icons Vol 2 by Abdus
いろいろなテイストのジェスチャーアイコンセットがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
Webサイト制作において骨組みとなるデザイン作成や、全体構成の組み立てができずに困ってしまった経験をされた事がある方も多いのではないでしょうか。今回はそんな時に是非活用したい、PhotoshopのWebサイトデザインテンプレート集「20 Beautifully Designed Free PSD Website Template」を紹介したいと思います。
Free Education Website Template – The Best Choice for Students! – Template Monster Blog
高クオリティなデザインテンプレートが揃ってるので、サイトの方向性に合わせて使い分けることができそうです。いくつか気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
Designdevelop上のラージバナーで告知がすでに出ていますが、参加させて頂いているブログネットワーク、AMN(アジャイルメディアネットワーク)で読者アンケートが開催されています。普段ブログを定期的に読んでいる方はどういう方々なのか、また、今後ブログにどういった内容を期待されているのかのアンケートです。
普段Designworks、Designdevelopを行動されている方、または読んで頂いている方は、お時間ありましたら、ご協力頂けるとありがたいです。DesignworksとDesigndevelopでは初めてのアンケートとなります。普段読んで頂いている方の意見に耳を傾けながら、今後もブログ運営を続けていきたいと考えておりますので、なにとぞよろしくお願い致します。
アンケートは「第3回AMNブログ読者アンケート」から行なえます。
※無記名のアンケートになりますので、本音のご意見をお寄せ頂ければ幸いです。
※このデータは集計して利用するだけで、個別のデータを外部に開示することはありません。
しっかりと文章を残したいわけではなく、コミニケーションツールとして使いたい。またはミニブログとしてブログを使いたいという方にオススメなのが今回紹介するWordPressのテーマ「Prologue」です。
上記がPrologueのデモ画面のスクリーンショットです。たしかにミニブログ的な感じで使うことができるみたいです。デモサイトは「Prologue Demo Blog」から見ることができます。
詳しくは以下
はてなブックマークに限らずSBMのコメントにはどういったサイトなのかブックマーカーさんが解説してくれている場合や広く客観的な意見を知れたりと色々と有益な情報が記載されていることがあります。今回紹介するGreasemonkeyスクリプト「habocovi.user.js」は、はてなブックマークのコメントをスマートに簡単に閲覧できると言うスクリプトです。
インストールするとブラウザ右下に上記のように小さいブルーの窓が表示され、ブックマーク数が表示されます。
詳しくは以下
webサイトやモバイルサイトを制作する際、全体の構成を決めるために、ワイヤーフレームを使って設計をすることも多いと思います。今回はそんなワイヤー制作に活用できるテンプレート「20 Free Web and Mobile Wireframe Templates」を紹介します。
（Anthony Aubertin @Noxdzine – iPhone wireframe ui set）
いろいろなテイストのワイヤーフレームテンプレートがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
