これはいつか使ってみたい。JavaScriptライブラリ、Dojoを使ったさまざまなエフェクトのデモを以下のページで見ることができます。 ↑ 百聞は一見にしかず。是非触ってみてください。 デモを見るとわかりますが、ありそうでなかった素敵エフェクトが実現されているのがわかります。個人的には「ブロックフェードアウト」というのが気に入りました。ただ単に消えていくので...
たまに、クライアントの方で、『ロゴも適当に作っておいて』なんて、かる〜く頼まれる事もあるのですが…。 ロゴの制作ってなかなか大変です。 大抵、ロゴの制作は手書きのスケッチからはじまります。その会社の業務内容や社名などからイメージしてキーワードを拾いだして描いていきます。 本日は、ひとつのロゴが出来るまでのプロセスを紹介されているサイトをまとめ...
以前、紹介した「検索フォームや見出しなどエレメントのデザインを集めたサイト -Elements of Design」のコンテンツに、ナビゲーションのデザインが追加されました。 Navigation Design Sho [...]
『 一流のサイトデザインを一から作成する手順集。 クールなサイトデザインを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点です。 いずれも手書き風のスパイスの効いたフォントをご紹介いたします。
ちょっとしたデザインのアクセントに矢印素材はとっても便利ですね。 リストに使ってみたり、タイトル部分にさりげなく飾ってみたりと、いろいろ使い道があります。 本日は、矢印の素材をいろいろと集めてみました。 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 上 [...]
『 フリーのアイコンいろいろ 』
ウェブ制作に役立つ記事の先週のハイライトです。 デザイン・チュートリアル・Photoshop関連 Create vector and cartoonish characters: Top 25 Photoshop tu [...]
『 ボタンや背景・線などエレメントごとのデザイン集。Headerの"COLLECTION"より。 』
Hidden Pixels - Ultimate CSS Menusデザイン性に優れたCSSメニュー集。これは、と思うよ...
webサイトを作成するときに、どうしてもサイト全体の色を決められないという人の為のエントリ。 本当は少し濃いオレンジ系が食べ物屋に向いているとか、薄いグレーが高級感や落ち着きを出すようなページだとか、清潔感のあるイメージを作る為には黒を背景にしては駄目とかというお話を先にしたほうが良いかもしれないのですが、そんなのにとらわれてもしょうがない気も...
以前、このブログでご紹介した『UIパターンいろいろ』 いろいろな見せ方を見て勉強するのはとっても大切なのではないでしょうか。 Pattern Tap 『Pattern Tap』は、ウェブデザインの要素ごとに分けられた、パターンライブラリのサイトです。例えば、ヘッダー部分のデザインや、フォームのサンプル、カレンダーのサンプルが集められていたりと…。何かと便利なサイトです。しか...
