デザインを開発するという視点でお伝えするクリエイティブBLOG
皆様、新年あけましておめでとうございます。
2016年もDesigndevelopを応援・閲覧して頂き、本当にありがとうございます。最近は更新頻度が滞っており、質ではなく量での優位性をもって、デザインや開発を行っている方に貢献するというブログの軸が少しズレてしまっていました。
開設当初は最低でも毎日2件、多い日はもっと数多くの記事をお届けしていましたが、最近では1週間でも2〜3本になってしまっていました。新年ということで改めて当初のコンセプトを再度認識し進んでいきたいと思います。
記事の編集・発信については今までと変わらず、Designdevelopという名前の通り、主にフロントエンドの開発周りから、デザインの際に役立つツールなど利用するものを中心に、今年は記事更新をなるべく行えるように仕組み化し、もっと多様性のある情報、多くのデザインや開発に役立つ情報を皆様にお届けできればと考えています。
2017年、今年もDesigndevelopをどうぞよろしくお願い申し上げます。
さまざまな素材が展開されているパターンやバックグラウンド素材を、デザイン制作に活用しているという方も多いはず。そんな中今回紹介するのは、汎用性の高いシームレスな素材を集めた「20 Great Seamless Backgrounds」です。
（Seamless Chromatic Rainbow Patterns | WebTreats ETC）
イラストやファブリック・写真素材まで、さまざまなシームレス素材が紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインを制作する際、すべて自作できれば良いのですが、手の混んだ表現を作るのにはそれなりに時間がかかります。そんな時は、グラフィック素材をうまく利用して、時間を短縮しながらデザインのクオリティを上げるのも、一つの方法です。今回は、スプレーで描いたようなグラフィティアート風の素材「Spray Art Graphics Toolkit」をご紹介します。
シンプルな形ですが、スプレー独特の質感があり、密度を出したい時にうまく利用できそうです。
詳しくは以下
デザインに彩りを添えてくれるイラスト。画面を華やかに見せてくれるだけでなく、説明的な役割も果たしたりと幅広く活躍してくれる頼もしい存在です。今回ご紹介するのはそんなデザインに使える、ひと足先に夏を先取りできるイラスト素材「Forever Summer Watercolor Set」です。
Forever Summer Watercolor Set — discover Pixelbuddha Plus design resources library
爽やかな夏をテーマにして描かれたイラストレーションが集められた素材セットです。
詳しくは以下
(さらに…)
インターネットやスマートフォン・タブレットなどの各種媒体のデザインにおいて、欠かすことのできない存在となっているアイコン。限られたスペースであっても、イラストによって手軽に意味を表現できる存在として重宝されています。そんな中今回紹介するのは、web・モバイルサイト制作に活躍するアイコンセットをまとめた「30 Free Web and Mobile Icon Sets from 2014」です。
（Download 100 Free Line-Style Icons | Elegant Themes Blog）
たくさんの種類のアイコンが紹介されており、ストックしておくことで便利に利用することができるようになっています。
詳しくは以下
最近ではすっかりおなじみになりつつあるHTML5。ブラウザの問題もあり、まだ広くは利用されていませんが、徐々にその範囲を拡大しつつあります。今日紹介するのはHTML5でコーディングするときに役立つ10のオンラインツールをまとめたエントリー「10 online tools to simplify HTML5 coding」です。
様々なHTML5コーディングに役立つWEBサービス、チートシートなどが集められていますが、今日はその中から幾つか気になったものをピックアップして紹介したいと思います。
詳しくは以下
柔らかいイメージを作りたい。そんなデザインもあるかと思います。そんな時に役立つのが、POPで面白い印象を与えてくれるコミックフォント。今日はそんなフリーコミックフォントを集めたエントリー「30 Free Comic Fonts」を紹介したいと思います。
Font: JL QUIXS by ~jelloween on deviantART
手書き風なモノから、立体的なモノまで、様々なフォントが紹介されています。今日はその中からいくつ描きになったモノをピックアップして紹介したいと思います。
詳しくは以下
webサイトを制作する際、全体的なデザインの決定も重要ですが、サイト内を自由に動くための動線をしっかりと設計することが、ユーザーを引きつける為にも必要ではないでしょうか？そこで今回は、それぞれのページのドアとなるボタンのデザインに重要な7つの要素を解説した「Common elements used in interface button design」を紹介したいと思います。
（Dribbble – Upload button by kailoon）
的確な解説、さらに実制作に役立つチュートリアも紹介されているので、すぐにボタン作りに活かすことができそうです。
詳しくは以下
デザイン制作にはさまざまな媒体があり、統一感のあるデザインに仕上げるためには、サイズに関係なく利用できる素材が必要不可欠。そこで今回紹介するのが、シームレスに利用できるさまざまなパターン素材を集めた「20 More Tileable and Seamless Pattern Sets (500+ Patterns)」です。
（Vector Pattern Set 02 | GraphicsWall）
和柄やフローラルなデザイン、シンプルなパターンなど、さまざまなパターンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインシーンに欠かせないさまざまなテクスチャ素材。デザインのコンセプトによって、多種多様なテクスチャの利用が求められます。そんな中今回紹介するのが、さまざまな毛並みを表現できるファーテクスチャを集めた「35 High Quality Free Fur Texture Sets」です。
（Fur Texture pack 02 by ~kittytextures on deviantART）
動物の毛並みのリアルなテクスチャから、繊維質のユニークなテクスチャまで、さまざまなテクスチャが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
SNSを活用して自分のことやオススメの場所、食べ物なんかを発信する人が増える中、今回紹介するのは自分のためのWebページを簡単に作れる、PSDで編集も可能なメディアキットセット3種「3 Free PSD Personal Media Kits」です。
気軽に自分のためのWebページを作ってみたい方には、ぜひチェックしてもらいたいまとめです。
詳しくは以下
