使いやすいフォームデザインのための新しい４つのルール | UX MILK

2017/03/26 86 users UX MILK ルール

大規模なECサイトにおけるUXチームのリードであり、レンセラー工科大学でヒューマン・コンピューター・インタラクションの修士号を取得しています。 Webサイト 、 Twitter 。 私たちは日々、オンライン上でフォームを使っています。購入を完了するため、メーリングリストやソーシャルネットワークなどに登録するため、ディスカッションに参加するため、美味しそうなランチの写真を投稿するためなど、フォームを... 続きを読む

css3を使って手紙が封筒から出てくる様を表現したコンタクトフォームがなかなか可愛い - かちびと.net

2011/08/13 131 users 封筒 マウス 手紙 net コンタクトフォーム

とっても可愛らしいコンタクトフォームがありま したのでメモがてらご紹介します。封筒に入 った手紙を模したフォームのデザインで、 マウスを乗せると、フォーム部分の手紙が アニメーションしながら出てきます。使いど ころは今は限られてしまいそうですが・・ 将来は普通に使えるといいですねｗ なかなか素敵なフォームデザインです。手紙にマウスを乗せるとゆっくりフォームが出てきますよ。こういう発想力がほしいです... 続きを読む

HTML5とCSS3を使ったフォームデザインのチュートリアル集３０:phpspot開発日誌

2011/07/05 63 users 実装 phpspot開発日誌 サンプル集 CSS3 参考

Creating HTML5/CSS3 Forms: 30 Helpful Tutorials | Splashnology HTML5とCSS3を使ったフォームデザインのチュートリアル集３０ CSS3を使ってフォームデザインがより簡単に自由になりましたが、そのサンプル集です。 どういう事ができるのか？を知ることができ、実装の際にも参考にできます。 CSS3なしで１からつくるとなると相当大変ですが... 続きを読む

フォーム要素をクールにするためのjQueryプラグイン集:phpspot開発日誌

2011/06/04 121 users phpspot開発日誌 jQueryプラグイン集 未来 多く

jQuery Plugins for Styling Checkbox & Radio Buttons フォーム要素をクールにするためのjQueryプラグイン集がまとまっていましたのでご紹介です。 プラグインじゃない関数ベースのものもありますが、便利に使えそうです。 未来のサイトでの多くのフォームデザインはどんな感じになっているんでしょうかね。 関連エントリ 斬新なコメントフォームデザイン集 CS... 続きを読む

美しいフォームデザインを実装する事が可能なjQueryプラグイン・Ideal Forms - かちびと.net

2011/05/08 309 users net デザイ CSS jQueryプラグ フレームワーク

チェックボックスやラジオボタンなど、フォーム周り のデザインを美しくする事が出来るjQueryプラグ イン・Ideal Formsのご紹介。スタイルもいくつか 用意されており、フレームワークとして使えるよう です。デザインテーマもいくつか用意されている ので好みで選ぶことも出来ますね。 ボタン、セレクト、ラジオボタンやチェックボックス等のフォームデザインを変更できます。デザイの変更はcssのみで可... 続きを読む

フッターやヘッダー、ナビゲーションなど、パーツ別のデザイン例のまとめ - かちびと.net

2010/02/17 548 users フッター 備忘録 ヘッダー いとこ ナビゲーション

ヘッダーだけ、フッターだけみたい、 というように、部分的にデザインの 例を見たいことが多いのでそんな 記事をまとめました。まとめのまとめ です。少し重いかもしれません。 主にブログデザインになってしまいますが、ヘッダー、フッター、ナビゲーション、フォームデザインなどなど部分的なデザインを参考にしたいとこに役立つまとめ記事を備忘録としてまとめています。 ヘッダーデザイン ユーザーにインパクトを与える... 続きを読む

スタイリッシュなフォームを作るときに見るべきエントリまとめ*ホームページを作る人のネタ帳

2009/06/25 705 users エントリまとめ ネタ帳 フォーム インスピレーション 焦点

Form Design フォームデザイン さてさて、最近のwebの入力フォームは本当に凝ってるところが多くて、ただただ関心するばかり。 そんなわけで今回は、焦点を『フォーム』に限定し、スタイル抜群なフォームUIを勉強してみたい。 流れ的には インスピレーションデザイン集CSSによるフォームの変更方法JavaScriptによるフォームデザインという感じでお送りいたします。 インスピレーション まずは... 続きを読む

フォームデザインいろいろ - DesignWalker

2008/11/14 381 users DesignWalker

今回は、フォームの見た目にこだわっていろいろとフォームのデザインをまとめてみました。 登録、ログイン、コメント、検索などなどいろいろな場面で使われるフォームをきれいに見せるアイデアがたくさんつまっています。 Blog Comment Form Design Showcase | Smiley Cat Web Design ブログのコメントフォームを集めたショーケースです。きれいなフォームがたくさん... 続きを読む