デザインを開発するという視点でお伝えするクリエイティブBLOG
普段私たちが見ているサイト。それを構成するHTMLはこの数十年のうちに大きく発展をしてきました。開発されたプログラミング言語は膨大であり、追いかけることも一苦労。わからないことを検索するのも非常に手間がかかります。そんなときに活躍してくれる「Interactive HTML Cheat Sheet」を紹介していきたいと思います。
目的のHTMLを簡単に検索することができる便利なチートシートになります。
詳しくは以下
デザインに欠かせないアイコン。いろいろなテイストのアイコンを揃えておけば、いざという時便利なのはわかっているけれど面倒で…という方におすすめなのが、今回ご紹介するまとめ「Noupe Exclusive: 350+ Free Icons For Our Readers」です。
なんと350点以上ものベクターフリーアイコンのaiデータが一括でダウンロードできる優れもの。テイストもシンプルベースなので使いやすいタイプのアイコンとなっています。
詳しくは以下
web上で配布・販売されているフォントにはさまざまな種類が存在しており、制作するデザインテイストや、目的に合わせて選ばれていると思います。そんな中今回紹介するのは、ヴィンテージテイストのハイクオリティフォント「Top-Selling Vintage Veneer Font Family」です。
$9と有料版のフォントとなっていますが、デザイン性の高さは、使用するだけでクオリティを最大限にアップさせることができそうです。
詳しくは以下
背景に使用されるパターン素材は非常に便利ですが、少しネックとなるのは継ぎ目を加工しないと配置拡大して使用できないところ。今回はそんなデメリットを解消したシームレスなパターンの中でも、アイコンでデザインされたものをまとめた「20 Free Seamless Icon Patterns for Designers」を紹介したいと思います。
hipster hand drawn pattern Vector | Free Download
継ぎ目なく敷き詰められる、いろいろなテイストのアイコンパターンが豊富に紹介されています。気になったものをピックアップしましたので、下記よりご覧下さい。
詳しくは以下
中国では旧正月のシーズンということもあり、お祝いやお祭で賑わっている地域も多いのではないかと思います。そんな中今回紹介するのは、中国の新年を彩るアイコンセット「Chinese New Year Icon Pack (50 Icons) 」です。
中国の新年を彩るのにふさわしいモチーフが揃った、他ではあまり見かけないテーマのアイコンセットとなっています。
詳しくは以下
制作には色々とついて回る企業ロゴデータ。今日紹介する「ロゴタンク」は企業、団体、商品などのロゴマークデータを10万点以上、無料でダウンロードできるようになっています。
配布している形式はIllustrator EPS形式で対応しているイラストレーターのバージョンは8.0以降となっています。配布されているロゴデータは業界に偏り無く有りとあらゆる業種のロゴデータが配布されています。
詳しくは以下
いろいろな種類のアイコンが配布されていますが、やはり1つのセットで種類が豊富なものは、1つのデザイン制作の中での使い道のバリエーションが増えることもあり、何かと便利なもの。そんな中今回紹介するのは、多彩な種類のアイコンが揃う「City Icons」です。
カナダ・トロントをインスピレーションにデザインされたアイコンがセットでダウンロードできるようになっています。
詳しくは以下
スクリプトフォントはザインに自然な雰囲気を与えることができ、それぞれが個性を持っているので、フォント一つでデザインのイメージをコントロールすることも可能です。そんな中今回は、無料で公開されているスクリプトフォントをまとめた「30 Free Script Fonts You Can Use for Your Designs」を紹介したいと思います。
CAMPGROUND – FREE MONOLINE SCRIPT on Behance
詳しくは以下
海外では絶大な人気を誇るCMSツールの一つWordpress。簡単に着せ替えるようにデザインを変えられるのが魅了ですが、かなり普及しているだけ合って、配布されているデザインテーマも多岐に渡ります。今日紹介する「Free WordPress Themes」はWordpressのテーマを集めたサイトです。
管理人の個人的な印象ですが、デザイン性が高く、インターフェイスも実用的なテーマと言う所に軸をおきながら、グラフィカルなものからシンプルなものまで幅広く100個以上のテーマが収録されています。今日はその中から特に気になったものをいくつか紹介したいと思います。
詳しくは以下
開発する上で重要なのが各種要素の動きや挙動、見た目だけではなくて、動きもクオリティに大きく関わってきます。今日紹介するのは各要素ごとのデザインサンプル・HTML・CSS・JSのコードまで参照することができるデザイン集「CodePen Design Patterns」です。
アコーディオン・メニューアイコン、タブ、ドロップメニュー、ローディングといった、WEBサイトのインターフェイスを構成する上で重要な要素ごとにまとめられています。
詳しくは以下
スマートフォンを中心に徐々に現場レベルでも利用されてきているCSS3。ブラウザの互換の問題から利用できない案件もありますが、求められるスキルの一つになっていくとは思います。今日紹介するのはそんなCSS3の素晴らしいチュートリアルを集めたエントリー「30 Excellent CSS3 Tutorials」です。
ナビゲーションメニュー、ボタンなどなど様々な表現のチュートリアルがまとめられています。今日はその中からいくつかピックアップして紹介したいと思います。
詳しくは以下
