デザイン・アート・芸術系の情報集

ウェブサイトでもっとも重要なデザイン要素といっても過言ではないボタン。このボタンのデザインが良くないと、ユーザーにクリックしてもらえなくなっています。今回は、Photoshopファイルなどで、ダウンロードして使えるボタン素材をいろいろと集めてみました。WEB UI Treasure Chest v...

2010年には、正式な勧告としてリリースされる予定のHTML5。徐々にブラウザの対応も進んでいて、すでに、多くのデザイナーたちは、この次世代HTMLを使って、様々な活動を始めています。だんだんとHTML5のリソースも増えてきたので、今回はHTML5についてまとめてみました。まずは、HTML5を使っ...

イラストをうまく使ったウェブサイトはたくさんありますね。例えば、SilverbackとかMailChimpなどは、とてもわかりやすいイラストをうまく使ったウェブサイトの例なのではないでしょうか？一度見ると、『あぁ、あのゴリラのイラストのサイトね。』なんて覚えてもらえる確率が高まります。イラストをう...

出先で急な修正作業など、あまりあってはいけないのですが、どうしても今すぐに！という事態に陥った事のあるデザイナーの方々も少しはいらっしゃるのではないでしょうか？そんなときに限って、必要なアプリケーションがラップトップにインストールされていなかったり…。今回は、そんな万が一のときに備えておける、US...

スペックやデータ、料金表などを表示するためには、テーブルコーディングは欠かせませんね。テーブルにjQueryのプラグインを実装すると、ソートやページングなどなど、様々な機能を追加する事ができます。今回は、テーブルに実装できるjQueryプラグインいろいろとまとめてみました。Flexigrid – ...

ショッピングサイトは扱っている商品やマーケティングはもちろんですが、デザインやインターフェースの使い勝手なども、売り上げにつながる大きな要素なのでは無いでしょうか？カートの使いやすさ、商品の見やすさなど、デザイン部分で改善できる部分もたくさんありそうです。今回は、ショッピングサイトをデザインする際...

誰にでも簡単に使いやすいユーザーインターフェイスをデザインする事はウェブデザインにおいてとても重要な要素となります。とは言っても、誰もが直感的に使いこなせるユーザーインターフェイスをデザインする事はなかなか簡単なことではありません…。今回は、優れたウェブデザインのユーザーインターフェイスを作り出す...

かっこいいWebサイトなんだけれど、なんだか使いづらい。何をクリックしてよいのかわからない。といったサイトを見かける事は無いでしょうか？意外と素人の人にサイトを見てもらって、感想を聞くと、結構、参考になる意見をもらえる事もよくあります。結果、簡単にウェブサイトの使いづらさを解消できたり、ユーザーに...

ウェブデザインには欠かせないリンク要素。メニューやボタン、画像、テキストのリンクなどちょっとした工夫で、ユーザーがリンクをマウスオーバーしたときに小さな驚きと楽しみを与えられるのではないでしょうか？今回は、そんなマウスオーバーをデザインするアイデアをいくつかまとめてみました。Realistic H...

jQueryを使えば、Wordpressがブログとは思えないほどに見違えます。特に海外のブログなどを見ていると、jQueryなどを上手く使いこなして、クールに仕上がっているブログがたくさんありますね。今回は、jQueryを使ってワンランク上のブログに仕上げるプラグインとチュートリアルをいくつかまと...

Photoshopを使って複数の画像を合成する際に利用するブレンドモード。Photoshop初心者の方々は、あまり使われない機能かもしれませんが･･･。ブレンドモードは、上図のように、Photoshopにあるレイヤーウインドウにある設定の部分の事です。このブレンドモードを効果的に使いこなすことでワ...

ロゴ制作において、フォント選びは最も重要な要素のひとつです。ロゴを生かすも殺すもフォント次第といっても過言ではありません。かっこいいロゴを見つけても、そのロゴがどんなフォントを使っているのかわからない事がほとんどではないでしょうか。今回は、そんなイライラが少しでも解消できるように、ロゴに使われてい...

かっこいいウェブサイトをデザインしたいけど、そもそもどうやってデザインしているのかわからないという初心者の方々もたくさんいらっしゃるのではないでしょうか？今回はそんな方々にとっても便利なゼロからきれいなウェブサイトを作るPhotoshopのチュートリアルをまとめてみました。中級、上級者の方々でもデ...

早いもので2009年も既に半分が終わってしまいましたね。今回は、2009年上半期のデザイントレンドをまとめた記事やウェブサイトをまとめてみました。74 Fresh Examples Of Beautiful Single Page Website Designs2009年を代表するシングルデザイン...

みなさんGoogle Analyitcsでアクセス解析をされている方が多いのではないでしょうか？無料で使えて、高機能なGoogle Analyticsは、先日APIも正式に公開され、今後様々なツールが公開されていく事だと思います。そのままでも、十分いろいろな解析ができて便利なツールなのですが、今回...

ちょっとしたFlashエフェクトにセンスを感じる事はありませんか？光の微妙な加減や、ちょっとしたスムーズ動きで自然に見せるFlashは、見ているだけでも楽しめますね。たまには、このFlashどうやって作ってるんだろう？？って思うほどすごいものもちらほらあります。今回は、そんなイライラも解消できるよ...

無料で使えるアイコンはいくつあっても困りませんね。クオリティのかなり高いアイコンが無料で公開されているアイコンサイトが大量にありますね。今回はそんな使えるアイコンサイトをまとめてみました。Iconfinder | Icon search made easyおなじみアイコンサーチIconfinder...

ロゴやタイトルなどにそのまま使えるテキストエフェクトのチュートリアルは、このブログでも大人気です。以前は、『Photoshopチュートリアル　テキストエフェクトいっぱい』、『Photoshopチュートリアル　テキストエフェクト　パート2』とPhotoshop編をお送りしました。今回は、Illust...

Photoshopのレイヤースタイルは、ブラシ同様に簡単にインストールできて、お手軽に使える便利なツールですね。ボタンなどを作るときに、スタイルを指定するだけワンクリックでとってもきれいなボタンが作れますね。以前にも『無料で使えるPhotoshopレイヤースタイル』でご紹介しましたが、まだまだ新し...

クライアントの方々のウェブサイトをデザインしているといろいろな追加や変更などがよくあります。結局、納品の際に、元々想定していたデザインコンセプトから大きく方向性が変わっている事もしばしばです…。今回は、普段なかなか見ることができないデザイナーのラフデザインから完成までウェブデザインのプロセスが簡単...