デザインを開発するという視点でお伝えするクリエイティブBLOG
数多くの情報をまとめて、限り有るスペースを有効活用することができるタブインターフェイス、情報量の多いサイトで主に利用されていますが、今回紹介するのはCSS、javascriptで実現するタブインターフェイスを集めたエントリー「30 CSS and Javascript Tabs Solutions」です。
Sweet Tabbed Navigation Bar using CSS3
デザイン的に凝ったものから、jQueryやCSS3を使って印象的に見せるものまで、様々なタブインターフェイスが紹介されています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。
詳しくは以下
WEBは様々な部品の組み合わせで成り立っていますが、今回紹介するのはそんば箇所別にデザインリソースを集めたインスピレーションサイト「MephoBox :Web Design and Web Inspiration」です。
注目のエントリー、ログインフォームから、ヘッダー、404Errorsなどなど、WEBでは欠かせない部分のデザインが多数集められています。
詳しくは以下
WEBサイト別のサンプル表示
多数のデザインが収録されており、WEBデザインを手がけている方には良いリソース集になるのではないでしょうか？部品別に見る事もできますし、WEBサイト別に探す事もできるようになっています。またWEBサイトからの件アs区ではカラーリングから探す事も可能になっています。
海外のWEBサービスですが、登録されているデザインの中には日本のWEBサイトからのものも登録されていました。様々な国のものが入り交じっていますので、幅広いデザインを見る事ができますので、自分の考えの外側からインスピレーションを得られるかと思います。デザインに煮詰まっている方は是非どうぞ。
WEBなどにかかわらず、背景や下地をデザインするのに役立つphotoshopパターンファイル。画像の大きさを問わず、つなぎ目の無い画像を生成するのに非常に便利な形式です。今日紹介するのは2000個のphotoshopパターンファイルを集めたエントリー「2000 Free Photoshop Patterns」です。
Flat Grungy Summer Stripes Seamless Patterns
様々なパターンが集められており、ジャンルやテイストを超えて。フリーパターンがまとめられています。今日はその中から幾つか気になったものを紹介したいと思います。
詳しくは以下
サイトに動きを付ける、コンテンツを限られた範囲内で最大限に見せるために利用されるスクロール。シンプルなものが取り入れられがちですが、今回紹介するのは、さまざまな動きのスクロールプラグインまとめ「12 Free Scrolling Plugins For Websites」です。
動きに特徴のあるスクロールプラグインが12種紹介されています。
詳しくは以下
いろいろな種類のアイコンが配布されていますが、やはり1つのセットで種類が豊富なものは、1つのデザイン制作の中での使い道のバリエーションが増えることもあり、何かと便利なもの。そんな中今回紹介するのは、多彩な種類のアイコンが揃う「City Icons」です。
カナダ・トロントをインスピレーションにデザインされたアイコンがセットでダウンロードできるようになっています。
詳しくは以下
webサイトのデザインで特に活躍してくれる素材といえばアイコン。非常にいろいろな種類があり、たくさんストックされている方も多いのではないでしょうか？そんな中今回紹介するのは、さまざまな種類のアイコンを集めた「42 Fresh and Free Icon Sets for Designers」です。
多彩なテーマのアイコンセットが紹介されており、どれもストックしておきたくなるものばかり。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
ASPやオープンソースなどでECサイトを構築する敷居も相当下がってきて、世間的にもインターネットでの販売が当たり前になってきた部分があり、ECサイトを運営しているという方は以外と多いのではないでしょうか？
今日紹介するのはECサイトのデザインのリソースをあつめたWEBサイト「ecommr」です。ECサイトのなかでもサイト全体ではなく、インターフェイス毎にデザインが収録されています。
詳しくは以下
最近様々な技術系のブログで取り上げられているHTML5。かなり複雑な動きやインタラクティブな処理ができるようで、実験的な試みも多数行われていますが、今回紹介するのはHTML5で動画を細かく分散させたり、3D空間にマッピングするという「Blowing up HTML5 video and mapping it into 3D space」を紹介したいと思います。
まずは動画を分散させる加工をHTML5で施したもの、上記の写真のように、動画をクリックすると、細かな長方形上に動画が砕け散ります。マッピングされていますので、細切れになったエレメント上で再生は続いています。実際制作したデモが公開されていましたので「HTML5 Video Destruction」からご覧ください。
詳しくは以下
盛り上がっているChristmasシーズンが終わると、今度は新年を迎えるための準備がスタート。しかしすでに準備を始めている方は少なく無いと思います。そんな中今回紹介するのは、新年を迎える明るいイメージを表現したフリーポスターデザイン素材「Free Download : New Year Party Posters (ready to print)」です。
リアルなグラフィック表現が特徴のポスターデザインがダウンロードできるようになっています。
詳しくは以下
フォントを使用する場所やデザイン感によって、ウェイトやフォント自体の太さを使い分けることで強弱をつけることができます。そんな中今回紹介するのは、細身のラインが特徴のフォントまとめ「21 Light & Ultra-Thin Fonts for Your New Designs」です。
Party at Gatsby's font by tysmagic – FontSpace
繊細なラインで構成されたデザイン性の高いフォントが多数まとめられています。
詳しくは以下
ただの写真や絵よりもにじみや色の不均一さで世界観を作ってくれる水彩表現。今日紹介する「15 Artistic Watercolor Effects Photoshop Tutorials」はphotoshopで水彩を表現する為のチュートリアルを集めたテクニック集です。
水彩と一口に行っても、タッチは様々なものがあり、同エントリーでも様々な表現手法のチュートリアルが集められています。今日はその中からいくつか気になったチュートリアルを紹介したいと思います。
詳しくは以下
