ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる！とか、売上が上がる！といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんあり...
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと...
黒い背景で新しいドキュメントを始めてください。楕円ツールを使って、キャンバスの中心に円を描いてください、サイズはあなた自身で決めてください。真円を描くときは、シフトを押しながら、楕円ツールを使って描きます。 下のような、レイヤースタイルを図形に設定してください。 色に関しては一致させる必要はありませ... ブックカバー このチュートリアルはシンプル...
『 font-family:Arial,Helvetica,Verdana,“ヒラギノ角ゴProW3″,“HiraginoKakuGothicPro”,Osaka,“メイリオ”,Meiryo,“ＭＳＰゴシック”,sans-serif; 』
JavaScriptでツールチップを表示するライブラリは比較的多く存在する。ライブラリ選択の基準にデザインが重要になってくる。シンプルなデザインの角まるツールチップで使いやすいのがCoolTips。ライブラリも軽量になっている点もうれしい。
『 「CSSとJavaScriptで影付きの角丸ボックス要素を作る。」IEでは表示なし。 』
PR Boardメンバー限定でしたが、先日7日、「ユーザビリティ会議」を行いました。 場所は虎ノ門のbeBit社。百式やチェックパッドも検証してもらっているユーザビリティ専門のコンサルティング会社です。 » ビービット ユーザビリティに特化したウェブコンサルティング 今回ご参加いただいたのは総勢25名。場所の都合により少人数となりましたがおかげさまで盛り上がりまし...
Apple.comのようにパンくずも少し手を加えるだけで、使いやすいものになります、Appleのパンくずの区切りには半透明の透過PNGが使われている為、InternetExplorerへの対応はAlphaImageLoaderをCSSで指定しています。
『 ページ送りのデザイン例、ダウンロードも可/paginationと呼ぶらしい…知らなかった。 』
何を今更感たっぷりでブログデザイン的なことを言わせてもらいますけども、言う前からドキドキするわこれ。だって正解とかないから超怒られそう。俺はこの方がいいなあっていう根拠を言います。あの、リンク柱とかサイドバーとかってあるじゃないですか。アレ、右の方がよくね？ はいよくないですよね、やっぱ左がいいですよね、ごめんなさいもう言いません。いや言い...
奇抜で独創的な色の組み合わせではなく、あくまでも統一された色彩を作りたい場合に非常に便利。いわゆる色見本帳を見ながら行う一種の「カラーハーモニクス」をウェブサイト上で簡単に実現できます。
『 >>サイトのサイトマップページをCSSとJavaScriptで分かりやすくツリー状にする「SitemapStyler」スタイルなしの状態のリストを美しくツリー状に整形できます。 』
11月はGoogleページランクの影響が世界的に出た月でしたね。 有料リンクについていろいろ議論されてました。 今回はすっかり忘れていたんですが、11月中に注目を集めた
以前、紹介した「検索フォームや見出しなどエレメントのデザインを集めたサイト -Elements of Design」のコンテンツに、ナビゲーションのデザインが追加されました。 Navigation Design Sho [...]
Smashing Magazineのエントリーから、クリエイティブなオンラインショップのサイトを紹介します。 Design Showcase Of Creative Online-Shops ShopComposition Feel The Power yellowood store ushops Free People Clothing Boutique Nerve Music Store Bisley Perfect Order Online Store Klassiker in Acryl Brisbane Gift Baskets Habitat Shoes 他にも下記のサイトがリストアップされています。 ShoeGuru Accentuate Clothing Cosmicsoda Etsy Split the Atom Threadless TasteBook ...
Hidden Pixels - Ultimate CSS Menusデザイン性に優れたCSSメニュー集。これは、と思うよ...
webサイトを作成するときに、どうしてもサイト全体の色を決められないという人の為のエントリ。 本当は少し濃いオレンジ系が食べ物屋に向いているとか、薄いグレーが高級感や落ち着きを出すようなページだとか、清潔感のあるイメージを作る為には黒を背景にしては駄目とかというお話を先にしたほうが良いかもしれないのですが、そんなのにとらわれてもしょうがない気も...
コンテンツにボタンを用意する際、フォームのボタン以外にもさまざまな場面で利用する。ダウンロードリンクをボタンデザインに変更することで、ユーザービリティが改善される。ボタンをCSSとイメージ画像でデザインする方法がoscaralexander.comで解説されている。
書籍をはじめWeb上でもUIに関する資料はたくさんあります。Mac OSX と Vista のガイドラインが大変興味深いです。
使えるCSSメニューいろいろ1. Advanced CSS Navigation Menu Exampleまず、ホバー時...
![デザイン・アート情報のまとめ [ DESIGN ARCHIVE ]](http://img.awasete.com/image.phtml?u=http%3A%2F%2Fart.designlinkdatabase.net%2F)