WEBサイトを作っていて悩むのが、配色。配色はプロのWEBデザイナーでも非常に難しく、いつも悩んでいるという方も多いと思います。今日紹介するのは、サイトにどんな色が利用されているかを分析し、視覚化してくれるWEBサービス「Colours」を紹介したいと思います。指定のURLから上記のような配色を割り出してくれるというもので、国内外でも知られているサイトがまとめられていました。
指定のURLからも分析が可能でしたので、Designdevelopを分析してみました。
詳しくは以下
webサイトを制作する際に、アイコンやボタン、スクロールバーなどさまざまな素材を使用すると思いますが、デフォルトの素材やいつも使っている処理・素材ではどうしても味気なくなってしまうもの。そんな時に是非利用したい、高いクオリティのフリーpsd素材まとめ「20 Useful Set of Free Web Element PSD」を今回は紹介したいと思います。
(Free psd web elements for download)
新たに定番として導入できるシンプルなタイプや、デザインにポイントを加えたい個性を持ったタイプなどを集めた、20種のpsd素材が収録されています。中でも気になったものをピックアップしてみましたので、下記よりご覧ください。
詳しくは以下
植物の蔦であったり、美しいカーブを描く曲線をデザインで表現するためのブラシ素材、デザインの幅を広げるためにはできるだけ多く所持していたいもの。そんな中今回は、しなやかに渦を巻くブラシ素材まとめ「33 Pretty Swirl Brushes for Free Download」を紹介したいと思います。
(Swirl Brushes by *DianazDesignz on deviantART)
さまざまなテイストのブラシ素材が収録されており、幅広いデザインで活用することができそうです。中でも気になったものをピックアップしてみましたので、下記よりご覧ください。
詳しくは以下
WEBの素材としてアイコンセットは珍しいものではなく、様々なものがリリースされており立体的なものから、ピクトグラムライクな平面的なものもあります。今回紹介するのはすべて面で描かれた、POPでキュートなアイコンセット「Flat Design Icons Set Vol1」を紹介したいと思います。
アイコンはシンプルながらも細かいところまで作り込まれており、面で描かれながらも陰影や光も表現されており、立体的に見えます。
詳しくは以下
最近の暖かい春の日差しに、空を見上げることも多くなってきているのではないでしょうか?毎日、毎時間、一瞬として同じ表情のない空や雲の風景は、いつ眺めても感動させられるように思います。そんな中今回紹介するのが、印象的な雲が豊富に揃うテクスチャをまとめた「20 Dramatic Clouds Textures」です。
All sizes | sky-clouds-texture-19 | Flickr – Photo Sharing!
昼間の明るい雲の様子から、朝焼けや夕焼けの美しい雲まで、さまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザイン制作に欠かすことのできないテクスチャ素材は、デザインの雰囲気に合わせてぴったりの一枚を選びたいものです。そんな中今回紹介するのが、使い込まれたようなビンテージ感が楽しめるテクスチャをまとめた「16 Free Vintage Paper Texture Packs」です。
Paper Texture Pack – 9 papers by ~zigabooooo on deviantART
古びたペーパーテクスチャから、ノートやフレームのテクスチャなど、さまざまなビンテージ素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインにラフなテイストを表現するために、手描きで文字を書いてはめ込むこともあると思いますが、なかなか思い通りの雰囲気ぴったりに書くことは、文字を描く際のクセもあるためなかなか難しいもの。そんな時に活用したい、手書き風の質感が手軽に表現できるフリーフォントまとめ「20 Amazing Free Handwritten Fonts for Your Designs」を紹介したいと思います。
Recorda Script Personal Use Onl font by Måns Grebäck – FontSpace
さまざまなテイストの手書きフォントが紹介されており、欲しいデザインのイメージに合わせて選ぶことができます。
詳しくは以下
WEBはどうしてもその性質上縦に長くなってしまう傾向があり、縦にスクロールして見ていくと言うサイトも多いかと思います。よくユーザーインターフェイスをよくするためにページ下層にTOPに戻るボタンが用意されていて、読み終わった後に一瞬でTOPに戻れる仕組みを取っているサイトも多いのですが、今回紹介するのは常に表示させておくのではなく、スクロール終端で出現するTOPに戻るボタン「jQuery Scroll to Top Control v1.1」です。
ユーザーがページ下部に戻ったときだけ、フェードインで登場し、逆にスクロールで上部に戻ると言った時には消えると言う仕組みになっています。
詳しくは以下
WordPressテーマを取り入れることで、簡単かつ手軽にwebサイトを構築できるようになりました。そんな中今回紹介するのは、ウェブサイトを魅力的に見せるためのWordPressのテーマを集めた「14 Free WordPress Themes For Your Website」です。
MH Impact lite – Free Business WordPress Theme
シーン別に活用できるテーマがいくつか紹介されていますので、ぜひご覧ください。
詳しくは以下
Designdevelopをご覧の皆様
明けましておめでとうございます。昨年はDesignDevelopをご利用、ご購読いただき、
まことにありがとうございました。「DesignWorks」の派生として始まった、
Designdevelopも非常に多くのアクセスをいただき、日々の更新の糧となっています。
誠にありがとうございます。
WEBは年々加速度的に変化しており、新しいプラットフォーム、言語、
あらたなデザインテイストなど本当に早く移り変わっていきます。
Designdevelopでは一つ一つ詳しく触れる事はできませんが、
その流れを少しでも早く、手軽に届けられればと思っております。
昨年はどちらかというとDesignにかなり寄ってお届けして参りましたが、
今年は、開発の部分についても少しづつお届けしていけたらと思っております。
2011年も引き続きDesigndevelopをよろしくお願い申し上げます。
非常に高機能で軽量なjavascriptライブラリとして様々な機能を提供してくれるjQuery。様々なシーンで利用されていますが、今回紹介するのはデザインの邪魔をしないシンプルで小粋なjQueryエフェクト集「21 Simple and Useful jQuery Tutorials You Might Have Missed」です。
ナビゲーションメニューからギャラリーなどジャンル別に全部で21個のエフェクトが紹介されていますが、今回は其の中からいくつかピックアップして紹介したいと思います。
詳しくは以下
インターフェイスや情報を伝えるためにとても便利なアイコン、WEB上でも現実世界でも至る所で目にしますが、今回紹介するのはそんなアイコンのチュートリアルを集めたまとめエントリー「50 Excellent Icon Design Tutorials」です。
50 Excellent Icon Design Tutorials
クオリティの高いアイコンを制作するには一体どんな方法がとられているのか?様々な方法が紹介されています。今日はその中から気になったチュートリアルをいくつか紹介したいと思います。
詳しくは以下
多種多様なフォントが世の中には出回っていますが、今回紹介するのはプロでも使えそうなデザイン性の高いハイクオリティなフォントを集めたエントリー「50 Incredible Fonts for Professional Web & Print Design」です。
全部で50個のフォントが紹介されていますが、今日はその中から気になったフォントをいくつかピックアップして紹介したいと思います。
詳しくは以下
デザイン制作は、写真を切り抜いたりイラストを描いたりと、さまざまなパーツ素材作りが必要になってきます。そんな中今回は、たくさんの美味しい食べ物パーツが揃うベクター素材をまとめた「Delicious Collection Of Free Food Vector Graphics For Designers」を紹介したいと思います。
Popcorn vector illustration | Download free Vector
フレッシュなフルーツから可愛らしいスイーツまで、さまざまな食べ物のベクター素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下