フォームデザインいろいろ
今回は、フォームの見た目にこだわっていろいろとフォームのデザインをまとめてみました。
登録、ログイン、コメント、検索などなどいろいろな場面で使われるフォームをきれいに見せるアイデアがたくさんつまっています。
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を使って、フォームのラベルをきれいに配置する方法が公開されています。サンプルコードも公開されているので、ダウンロードして中身を確認することも出来ます。
|
|
|
5月 1st, 2009 at 1:57 AM
1dpg69onji3gqs5k
フォームデザインいろいろ