Green Gecko Designから、divで囲まれたエリアを省スペースに表示し、オリジナル画像を使ったスクロールバーを使用できるスクリプトを紹介します。 MooScroll デモ スクロールバーを形成する画像構 [...]
ウェブページで表示するフォントの種類が変われば、文字の見た目の大きさが変わってしまい、レイアウトが崩れてしまうことがある。デザインの統一感や可読性のためにも、文字の見た目の大きさが変わらないように注意しよう。 表示に使用するフォントの種類が変わると、同じフォントサイズで表示していても文字の見た目の大きさが変わってしまう。デザインによっては...
webrunr.comから、天体や世界地図や動物など、独特な雰囲気がある外国の昔の本のようなPhotoshopのブラシを紹介します。 webrunr -Photoshop Ressources 画像をクリックすると、 [...]
かつて設計者らは、広告や新聞のレイアウトなどの有効性を測る際に、ほとんど自分の直感や経験則に頼っていた。その後、人々がウェブページやコンピュータの画面を見ている時の目の動きを追跡する視線追跡テストが登場したが、実施に多額の費用がかかった。しかし、今やGoogleは、同社のウェブサイトを利用する数百万人のユーザーの力を借りて、コンテンツやサービス...
「売れるサイト」を作るためのあれこれをご案内してきましたが、今回は「サイトデザイン」という視点から、ユーザーへのアピール方法を考えてみたいと思います。いかに中身が素晴らしいサイトでも、ユーザーにその素晴らしさが伝わらなくては、リピーターにはなってもらえません。 サイトデザインの観点で一般的に「良いサイト」とは、ユーザーに余計なことを考えさせ...
『 デザインも秀逸なナビゲーションを実装するスタイルシートとスクリプトのチュートリアルの紹介です。シンプルできれい! 』
これは超絶便利そう。あとで使うという意味でメモ的エントリー（といいつつ最近コーディングしていない・・・）。 jQuery Cornerは簡単な記法でさまざまな角丸風エフェクトを実現してくれます。 ↑ まずは基本。 ↑ ちょっと複雑なこんな感じのも。 ↑ 枠の色を変えてみたり。 ↑ 名前タグみたいでいいかも。 なんといっても書き方がシンプルでいいですね。使いやすそうです...
『 大雑把なところからだんだんレベルを上げてこれでもかこれでもかというぐらい描きこむ様子が見ていて面白い「おお、雰囲気出てるな…おう、まだ描くのか。こだわるなぁｗ…ってええええええええええ」って感じ。 』
ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる！とか、売上が上がる！といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんあり...
デザインパターンってなんだかたいそうなものに考えられがちだけど、実は、そこかしこのライブラリや仕様に取り込まれていることが多い。 「デザインパターン分からん」とか「で、どうやって使うのよ」と悶々としている人には、「どういうところで使わているのか」を知っておけばイメージも沸きやすいし、意外にたいしたことないんだな、ということが分かるんじゃない...
言葉自体は色を持っていませんが、言葉が指し示す物の色など、何となく連想されるイメージカラーがあります。そうした言葉の色を投票してもらってグラフ化しているのが「Cymbolism」。かなりハッキリした色のイメージがあるものから、人によってバラバラなものまで様々な言葉が挙げられています。 詳細は以下から。
『 alert（）やconfirm（）の代替として使えるLightbox系の擬似ダイアログ・ライブラリ。スライドしながら表示される。要mootools。MITライセンス。 』
『 Firefox3で動作する、GUIデザイン用のプラグイン。無料だが無料とは思えない完成度。テンプレートも必要十分で、各パーツは細かくセッティングが可能。Visioよりシンプルで使いやすいぐらい。オススメ。 』
ユニクロのウェブ広告「UNIQLOCK（ユニクロック）」が世界の３大広告賞を制覇するなど、今年はインターネット広告の世界で日本勢の活躍が目立つ。ネット部門を中心に海外の広告賞の審査員を数多く務めた伊藤直樹氏に世界の潮流と日本の強みを聞いた。 伊藤氏はアサツーディ・ケイ（ＡＤＫ）から独立し、現在はインターネットやテレビを使った総合的なキャンペーンの...
壁に突き刺さる手裏剣。「お納めください」と手渡される巻物。時代劇のセット……ではない。コンセプト居酒屋でもない。「NINJA TOOLS」で知られるITベンチャー・サムライファクトリーのオフィスだ。 2008年08月22日 13時35分 更新 廊下 東京・池袋の雑居ビルの5階。ステンレス製の入り口ドアを開け、記者は面食らった。なんだここは!? 薄暗い砂壁の廊下にオレンジ色の間接照...
『 webdesigngeneratorbuttoncolor 』
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと...
Ruby on Railsなどにも含まれている、話題のJavascript...
『 コーポレートロゴデザインに使えそうな、すっきりしっかり目のフォント60こ 』
![デザイン・アート情報のまとめ [ DESIGN ARCHIVE ]](http://img.awasete.com/image.phtml?u=http%3A%2F%2Fart.designlinkdatabase.net%2F)