デザインを開発するという視点でお伝えするクリエイティブBLOG
クリエイティブな表現には欠かせないFLASH。Actionscript 3.0によって大きく変わりしましたが、今日紹介するのはそんなActionscript 3.0を使ったFlash表現のチュートリアルをあつめたエントリー「30 Hand-picked Flash and Essential Actionscript 3.0 Tutorials」です。
3D Menu on a Cube with Perspective
様々なクリエイティブや技が紹介されていますが、今日はその中からいくつか気になったチュートリアルをいくつかピックアップして紹介したいと思います。
詳しくは以下
Deisngdevelopではデザイン、WEBに役立つ様々なコンテンツを日替わりで紹介していますが、今回紹介する「Web design tools and resources」はあらゆるWEBデザインに役立つリソースがまとめられているエントリーです。
リソースはリソースはJavascript、Miscellaneous Tools、Hosting、Grid Design、Typographyなどとジャンル分けされ、一覧になっていて非常に分かりやすくまとめらられています。
詳しくは以下
アクションスクリプト3.0が導入されて、さらに敷居が高くなったと周囲で噂のFLASHですが、今回紹介するのは様々なFLASHの処理やアクションをビデオでまなべるチュートリアルサイト「gotoAndLearn()」です。
かなり高解像度の動画で一つ一つ丁寧に詳細なビデオによるチュートリアルを閲覧することができます。英語サイトになりますので、音声による解説は日本語ではありませんが、かなり詳細な動画のため言葉のカベがあってもなんとかなる感じです。
詳しくは以下
前回「ポラロイド写真のように見せる画像ギャラリー「Polaroid Gallery」」で机の上におかれたポラロイド写真風ギャラリーを紹介しましたが、今回も質の高いFLASHギャラリーサンプルを紹介したいと思います。
そのFLASHギャラリーサンプルは「iTunes Coverflow v2」と呼ばれ、名前の通りiTunesの特徴的なインターフェイスであるCoverflow風に画像を見せれるFlashギャラリーです。上記のように鏡面処理等も施され洗練された感じで画像を見せる事ができます。
画像表示の仕組みは単純で表示させたい画像を任意のフォルダに格納しておいて、XML中でファイル名とディレクトリを指定をすれば簡単に表示させる事ができます。前回同様Flaファイルでの配布なので、自分のサイトに合わせてカスタマイズする事が可能で、カスタマイズによってはさらに完成度を上げる事ができるかと思います。
ここまでの物をFlaファイルで配布してくれるのは嬉しい限りです。使わないにしてもソースコードを見ても勉強になりますので、ダウンロードしてソースを覗いて見ても良いかもしれません。動作サンプルとFlaファイルのダウンロードは「n99creations.com」からどうぞ。
写真見せる時、その写真自体の完成度やクオリティも大切ですがWEB上で見せるなら見せ方も重要な要素になってきます。そこで今日紹介するのは写真を机の上においたポラロイド写真のように見せてくれるFLASHギャラリーサンプル「Polaroid Gallery」を紹介したいと思います。
swfのセットの他Flaファイルがダウンロード可能なのである程度のカスタマイズはできそうです。ライセンス形態はCreative Commons Attribution-Noncommercial 3.0 Unportedでその範囲であれば自由に使う事が可能です。
画像をFlickrからFlickrIDで指定してFlickr上の写真データも読見込ませる事も可能みたいなので連携させれば面白い使い方もできそうです。ここまでのものでFlaファイル配布なのは嬉しい所です。Polaroid Gallery動作サンプルは以下のリンクからどうぞ
via phpspot開発日誌
デザインにとても便利なシルエット素材。アイコン的な使い方だったりポイント的につかったりと色々と便利に使えます。今日紹介するのは商用利用可能で、フリーで使える国産シルエットデザイン素材集「シルエットデザイン」です。
国内のデザイナーさんが作っているだけあって、海外のシルエット素材には無いチョイスがあるような気がします。かなりの数が公開されていますが、今回はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
フリーで配布されている素材には、いろいろな種類が存在しており、中でもデザイン性のあるパターンやモチーフはそのままデザインに使うことができて便利です。そんな中今回紹介するのは、56アルファベットが揃ったモノグラムモチーフ「56 Awesome Vector Monograms」です。
A-Zのアルファベットがモノグラムモチーフで展開された、アイデア次第でいろいろな使い方ができそうなフリー素材となっています。
詳しくは以下
デザインの素材として欠かすことができないアイコン。良いものをみつけるたびにストックされているデザイナーの方も多いのではないでしょうか。今回はそんなストックコレクションにぜひ取り入れたいフリーアイコンセット「Emojious Icons」を紹介します。
キャラクターのような可愛らしさを兼ねそなえた、個性的なラインナップを楽しめるアイコンセットとなっています。
詳しくは以下
写真やデザインなど、作品や仕事をオンラインで紹介する上で欠かせないのが、ポートフォリオサイト。今回ご紹介するのは、そんなポートフォリオサイト作りを手助けしてくれるフリーのウェブサイトテンプレート「25 Free HTML Website Templates For Zero-Cost Websites」です。
Apollo: One page HTML template for photographers – Freebiesbug
使いやすくクオリティの高いフリーのウェブサイトテンプレートが25種類まとめられています。中でも気になったテンプレートを幾つかピックアップしてみましたのでご覧ください。
詳しくは以下
非常に使い勝手が良いjavascriptライブラリ「jQuery」。様々なエフェクトを実現したり、ちょっとした問題を解決したり本当に様々な使い方がありますが、今回紹介するのはそんなjQueryを使った、デザインテクニックを集めたエントリー「10 Easy jQuery Tricks for Designers」を紹介したいと思います。
Equal-Height Columns
例えば上記のようなカラムを揃えるテクニック等、CSSでWEBを組んでいて気になる部分を解消してくれるテクニックが収録されています。
詳しくは以下
メイングラフィックやタイトルの装飾など、さまざまなシーンで活躍するフレーム枠は、テイスト違いごとにたくさんストックしておきたいもの。そこで今回紹介するのが、Photoshopブラシで表現できるフレームをまとめた「100+ Free Photoshop Frame Brushes To Decorate Your Designs」です。
Bri’s Picture Frame brushes by ~rabidbribri on deviantART
ラインの美しいフレームから、絵画を飾るようなリアルなフレームまで、たくさんのブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
フリーフォントには精度の高いものが非常に多数存在し、多くの中から選べるようになってきています。そんな中今回紹介するのは、デザイン性を高めてくれるハイクオリティフリーフォントまとめ「Collection Of High Quality Free Fonts For Designers」です。
使うだけでデザインクオリティがアップしそうな魅力的なフォントがたくさん紹介されています。
詳しくは以下
運転中の通話はもちろん、電話を手に持たずに話すことのできるBluetooth機能は、忙しい現代のビジネスマンにとって必要不可欠となっており、Bluetoothを利用したさまざまなサービスも展開されています。そんな中今回紹介するのが、表現力豊かなBluetoothアイコンをまとめた「A Collection of Attractive Bluetooth Icon」です。
Bluetooth Icon – Orb Icons – Free Icons – SoftIcons.com
シンプルなアイコンはもちろん、デザイン性の高いアイコンが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
Webサイトの制作においては、細かなパーツのクオリティにもこだわることで、よりデザインの精度を上げることができるものです。今回ｈそんな時に是非利用したい、psdボタンのテンプレート集「45 Free And Useful Web Buttons In PSD Format」を紹介したいと思います。
Web buttons by Gil Huybrecht – Designmoo
SNSやリンク、検索ボタンなど、さまざまな用途を想定した高品位なWebボタンが数多く紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
