『 デザインも秀逸なナビゲーションを実装するスタイルシートとスクリプトのチュートリアルの紹介です。シンプルできれい! 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる!とか、売上が上がる!といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんあり... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
labs.ideo.comFlashを使った超絶クールなマルチタッチスクリーンのUIが実現されています。次のビデオを見れ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
黒い背景で新しいドキュメントを始めてください。楕円ツールを使って、キャンバスの中心に円を描いてください、サイズはあなた自身で決めてください。真円を描くときは、シフトを押しながら、楕円ツールを使って描きます。 下のような、レイヤースタイルを図形に設定してください。 色に関しては一致させる必要はありませ... ブックカバー このチュートリアルはシンプル... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 font-family:Arial,Helvetica,Verdana,“ヒラギノ角ゴProW3″,“HiraginoKakuGothicPro”,Osaka,“メイリオ”,Meiryo,“MSPゴシック”,sans-serif; 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 nitoyon:フォトログサービス。プロ・セミプロの会員制からスタートして、いまは誰でも登録できるようになってる。Flashのインターフェースが小気味よい。LocationHashでPermalinkにも対応。これいいやん。 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Flashコンテンツを作成する際、ウインドウ幅などにあわせて表示領域を広げるように作成する方法がtutorio.comで解説されている。単純にFlashの<object>タグのみ100%など指定すると、Flashそのものが拡大表示されてしまう。 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
10年以上経った今でもユーザービリティに関する興味深い記事を Web上に掲載しているヤコブ博士。今回は「Four Bad Web Design」というシンプルなタイトルで悪い例を4つ挙げています。Web designers don’t do what I told them to do 13 years ago (13年前に言ったことを未だに出来やしない) と少々強めのトーンで始まるこの記事。もちろん、人ごとだと思って笑えない深刻な問題でもあります。以... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Javascriptのブラウザ判別って、カッコつけないでswitch文でも使ってユーザーエージェント丸ごと照合してやれば楽なんじゃないの??とか思いました。そのほうが確実じゃん? switch(){ case "Mozilla/5.0 (Macintosh; U; PPC Mac OS X; ja-jp) AppleWebKit/85.7 (KHTML, like Gecko) Safari/85.6": return "safari1.0"; case Mozilla/5.0 (Macintosh; U; PPC Mac OS X; ja-jp) AppleWebKit/103u (KHTML, like Gecko) Safari/100.1: return "safari1.1"; } 冗長かもし... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
何を今更感たっぷりでブログデザイン的なことを言わせてもらいますけども、言う前からドキドキするわこれ。だって正解とかないから超怒られそう。俺はこの方がいいなあっていう根拠を言います。あの、リンク柱とかサイドバーとかってあるじゃないですか。アレ、右の方がよくね? はいよくないですよね、やっぱ左がいいですよね、ごめんなさいもう言いません。いや言い... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
奇抜で独創的な色の組み合わせではなく、あくまでも統一された色彩を作りたい場合に非常に便利。いわゆる色見本帳を見ながら行う一種の「カラーハーモニクス」をウェブサイト上で簡単に実現できます。 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
手品の仕掛けは単純に見えるかもしれない。しかし、それらは人の認知パターンを利用しており、その解明はまだ始まったばかりだ。 心理学者の中には、手品を用いて脳への理解を深める方法を思案している者たちがいる。そしてこの研究は、広告への耐性をつけるのにも役立つ可能性がある。 「いままで、(手品の仕掛けには)ほとんど注意が払われてこなかった。その効果は大... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
以前、紹介した「検索フォームや見出しなどエレメントのデザインを集めたサイト -Elements of Design」のコンテンツに、ナビゲーションのデザインが追加されました。 Navigation Design Sho [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
iPhone向け多言語対応コミック第一弾として「薬局のポチ山さん」をリリースした。評判は上々だ。 ABlog 薬局のポチ山さん、iTunes app storeの書籍部門で4位、有料アプリ全体で11位 ここにも書かれているように、基本的にはUstream中に思いついただけだった。 「iPhoneでマンガを読むと面白い」ということを最初に教えてくれたのは誰あろう増井俊之さんだった。 彼がiPhotoでマンガを取... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
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 ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
UI Pattern Factoryは、フォームやナビゲーションなどのユーザーインターフェイスを設計する際に役立つリソースをコレクションしたサイトです。 UI Pattern Factory 詳細な解説があるコンテン [...] [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
長いリストなのに、グッと来るものがない。 各種ソフトに組み込まれたデフォルトのフォントって、たいがいそんなものですよね。あまりピンと来ないデザインを比較検討するだけで、大量の時間が消費されちゃうといいますか…。 「だったら、作っちゃえばいいじゃん!」という思想なのが、フリーのWebアプリケーション「FontStruct」。ブロックを組み上げていくだけというシ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Macは使っていないですが、洗練されたインターフェースはいつもすごいなぁ、と思っていたりします。そうしたインターフェースのデザインガイドラインが公式サイトで配布されていますね。 基本的にMacOS Xのデザインガイドラインのようですが、参考にしつつ、他のアプリやサイトつくりにも活かせるのではないでしょうかね。 ↑ 細かいですが、こうしたガイドラインは大事で... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
そろそろ落ち着いてきたので言う。iphoneが嫌いなのはデザインがダサいからだ、あののっぺりしてるのが嫌だまぁ当然反論があると思うけどその前に俺のガジェットの思い出を聞いてほしい。小学生の頃カシオの多機能の腕時計に憧れた。あのムダにボタンの多い腕時計にワクワクした当時どうしても欲しかったけどムリだった。。。しかたなく小学館の応募者全員プレゼントの... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|