これはいつか使ってみたい。JavaScriptライブラリ、Dojoを使ったさまざまなエフェクトのデモを以下のページで見ることができます。 ↑ 百聞は一見にしかず。是非触ってみてください。 デモを見るとわかりますが、ありそうでなかった素敵エフェクトが実現されているのがわかります。個人的には「ブロックフェードアウト」というのが気に入りました。ただ単に消えていくので...
たまに、クライアントの方で、『ロゴも適当に作っておいて』なんて、かる〜く頼まれる事もあるのですが…。 ロゴの制作ってなかなか大変です。 大抵、ロゴの制作は手書きのスケッチからはじまります。その会社の業務内容や社名などからイメージしてキーワードを拾いだして描いていきます。 本日は、ひとつのロゴが出来るまでのプロセスを紹介されているサイトをまとめ...
以前、紹介した「検索フォームや見出しなどエレメントのデザインを集めたサイト -Elements of Design」のコンテンツに、ナビゲーションのデザインが追加されました。 Navigation Design Sho [...]
Photoshopのテクニックを身につけたい。 そんなあなたにおすすめなのが、『Awesome Photoshop Tutorials』。素晴らしいPhotoshopのチュートリアル集だ。 以下にいくつかご紹介。 » Interface Orbs WEBのインターフェースでよく見られる鏡面効果の作り方。↑のキャプチャはこちら » Makeup Makeover 肌をレタッチするテクニック » Change Eye-Color 目の色を変えるチュートリアル » Ap...
『 一流のサイトデザインを一から作成する手順集。 クールなサイトデザインをPhotoshopで作っていくチュートリアル集が公開されています。 』
『 一流のサイトデザインを一から作成する手順集。 次のようなクールなサイトデザインをPhotoshopで作っていくチュートリアル集が公開されています。 』
Photoshop Gardenから、ナビゲーションの画像を作成するPhotoshopのチュートリアルを紹介します。 Windows Media Player 11 Menu Bar Black Sleek Navigation Bar Stylish Silver Navigation Bar Stylish Dark Navigation Bar Free Button Style Blue Glossy Button Awesome Dark Buttons Effect Blue Sleek Button Simple Button Royal Button Style Stylish Dark Buttons
いやホント、ほとんどの写真が日本の新聞社の写真と比べるとやっぱり違う。報道写真としての良し悪しは別にしてね。作風みたいなものを感じる。 よく見かけるのは ・カメラを低くして見上げる ・大胆に切り取る ・一人の人物に強く注目させるが、人物自体は画面に対して大きくない ・象徴たる背景と視線を支配する人物、みたいな組み合わせ ・変な顔した瞬間 ・中央を割...
『 手軽に実装できる10種類のテーブルCSSデザイン。（→紹介&ポイント：http://coliss.com/articles/build-websites/operation/css/1395.html） 』
こんにちは。ライブドアでモバイルディレクターをしている河野です。 モバイルディレクターをしていますと、モバイルのサイトをPCで見たいという要望が少なからずあります。それは、PC からの方が実機で見るよりレスポンスが早く、また電波状況に左右されずに閲覧できたり、リンク先の URL の情報やヘッダ情報、画面キャプチャーなど実機からでは得られない情報を取得する...
本日は、iPhone向けサイトを作成する際に、ベースとして利用できそうなテンプレート「iPhone Universal」をご紹介します。 → Google Code iphone-universal [code.google.com] 「iPhone Universal」は、iPhone向けのページを作成するためのサンプルとなるHTML, CSSのテンプレートです。 ライセンスはGPL v3で公開されており、リストやボタン、フォームやパネルなど、一通りのサンプルが収録されて...
今回ご紹介しますのは、12点です。 いずれも手書き風のスパイスの効いたフォントをご紹介いたします。
以前このブログでもご紹介した『クリエイティブなE-コマースサイトいろいろ』 クリエイティブなEコマースサイトは、まだまだたくさんありそうですが。 Eコマースサイトの目的は、いかにユーザーの方々に商品の魅力を伝えて、商品を購入してもらえるかではないでしょうか？ 今回は、いろいろなEコマースサイトを集めているギャラリー系のサイトを中心に集めてみました。 eC...
It’s always fun to experiment different techniques and learn how to work with various aspects of Adobe Photoshop to spice up boring text or pictures and make them into works of arts and masterpieces. Today we’ve got you a marvelous set of more than 50 high quality Photoshop .PSD files to offer an assortment of techniques for making your next photoshop effect. You might be interested to check other Photoshop related posts: 53 Killer Photoshop Illustrator Effects and Tutorials High Quality Photoshop Brus...
ちょっとしたデザインのアクセントに矢印素材はとっても便利ですね。 リストに使ってみたり、タイトル部分にさりげなく飾ってみたりと、いろいろ使い道があります。 本日は、矢印の素材をいろいろと集めてみました。 Website Bullets リストなんかに使えそうな矢印や小さなアイコンがいろいろあります。サイトのデザインもシンプルでかわいいですね。 56 Free Arrow Symbols & Icons...
Photoshopのカスタムシェイプを使えば、ちょっとしたアイコンや飾り付けにとっても便利です。 最近では、無料でブラシ並みにカスタムシェイプが公開されているので、いろいろ試してみるのもいいかも。 カスタムシェイプの利点はベクターなので、どれだけ引き延ばしても画質が荒れないということ。 プリントにも使えるので、みなさんお試しください。 インストールのやり方...
Flipping Bookは、雑誌のようにページがめくれ、拡大表示・印刷・PDF保存などの機能を備えたFlashのビューアーです。 Flash page flip engine -FlippingBook Flipp [...]
Smashing Magazineのエントリーから、画像を使ってユーザーの視線を惹きつけて、印象に残るメッセージを伝えるウェブサイトを紹介します。 Vivid Imagery In Modern Web Design 上 [...]
Macは使っていないですが、洗練されたインターフェースはいつもすごいなぁ、と思っていたりします。そうしたインターフェースのデザインガイドラインが公式サイトで配布されていますね。 基本的にMacOS Xのデザインガイドラインのようですが、参考にしつつ、他のアプリやサイトつくりにも活かせるのではないでしょうかね。 ↑ 細かいですが、こうしたガイドラインは大事で...
『 フリーのアイコンいろいろ 』
