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

今回は、フォームの見た目にこだわっていろいろとフォームのデザインをまとめてみました。 登録、ログイン、コメント、検索などなどいろいろな場面で使われるフォームをきれいに見せるアイデアがたくさんつまっています。

Blog Comment Form Design Showcase | Smiley Cat Web Design

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

Blog Comment Form Design Showcase | Smiley Cat Web Design

Pattern Tap

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

Pattern Tap

Form Generators, Styling, Inspiration | CSSAddict

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

Form Generators, Styling, Inspiration | CSSAddict

Web Form Design: Modern Solutions and Creative Ideas

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

Web Form Design: Modern Solutions and Creative Ideas

Primary & Secondary Actions in Web Forms

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

Primary & Secondary Actions in Web Forms

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

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

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

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

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

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

Login Form Design Patterns

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

Login Form Design Patterns

Clean and pure CSS FORM design

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

Clean and pure CSS FORM design

関連記事

1件のコメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です