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

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

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

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

デザインblogランキング

コメント 1 Comment »   はてなブックマーク   del.icio.us

この記事に関連する記事



One Response to “フォームデザインいろいろ”

  1. Jesse David Says:

    1dpg69onji3gqs5k

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

この記事に対するコメントを残す




この記事のトラックバックURL

広告掲載のお問い合わせはこちら

検索

Google

カテゴリーアーカイブ

最近の記事

タグ・クラウド

月別アーカイブ

Agile Media Network パートナーブログ