今回は、フォームの見た目にこだわっていろいろとフォームのデザインをまとめてみました。

登録、ログイン、コメント、検索などなどいろいろな場面で使われるフォームをきれいに見せるアイデアがたくさんつまっています。

Blog Comment Form Design Showcase | Smiley Cat Web Design

ブログのコメントフォームを集めたショーケースです。きれいなフォームがたくさんありますね。またこちらのサイトでは、他にもいろいろとフォームをまとめられております。ログインフォームや登録フォーム、別のブログコメントフォームも参考になりますね。

Pattern Tap

現在185種類のフォームデザインがまとめられております。

Form Generators, Styling, Inspiration | CSSAddict

おしゃれにデザインされたフォームがたくさん。

Web Form Design: Modern Solutions and Creative Ideas

おなじみSmashingMagazineさんのフォームデザインまとめ。さすがきれいなフォームがいっぱいです。

Primary & Secondary Actions in Web Forms

フォームのページでのユーザーの目線の動きをまとめられています。フォーム作りの参考になりますね。

37 Ways to Design the Comments Form | Blog design Blog for Blog Designers

37種類のコメントフォームデザインのまとめです。シンプルですっきりしたフォームがたくさん。

Form Elements: 40+ CSS/JS Styling and Functionality Techniques | Noupe

スクリプトを使ったフォームのサンプルがまとめられております。また、こちらのブログでは、『47+ Excellent Ajax CSS Forms』AjaxとCSSのフォームまとめも人気です。

Login Form Design Patterns

Flickrにひたすらフォームデザインのスクリーンショットをアップされています。現在178種類！

Clean and pure CSS FORM design

labelとspanを使って、フォームのラベルをきれいに配置する方法が公開されています。サンプルコードも公開されているので、ダウンロードして中身を確認することも出来ます。