LINEで送る
Pocket

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

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

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

Similar Posts:

LINEで送る
Pocket


One Thought on “フォームデザインいろいろ”

コメントを残す

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