ドットインストール代表のライフハックブログ
![IDEA * IDEA](https://cdn-ak-scissors.b.st-hatena.com/image/square/ca99278a4439ffbfaccce138ef929521dc6bb597/height=288;version=1;width=512/http%3A%2F%2Fwww.ideaxidea.com%2Fwp-content%2Fuploads%2F2009%2F07%2Fsite11.gif)
Form Design フォームデザイン さてさて、最近のwebの入力フォームは本当に凝ってるところが多くて、ただただ関心するばかり。 そんなわけで今回は、焦点を『フォーム』に限定し、スタイル抜群なフォームUIを勉強してみたい。 流れ的には インスピレーションデザイン集CSSによるフォームの変更方法JavaScriptによるフォームデザインという感じでお送りいたします。 インスピレーション まずは、スタイリッシュなフォーム。 これらは、webデザイン全体がフォームデザインとなっているまとめです。 まさにバインダー。 webの入力フォームを街頭アンケート用紙のように仕上げたデザイン。かっこいい。 くしゃくしゃっとしたような紙の一部にフォームが設置されている。 こちらもメモに名前を書くかのごとく。 深海に光がさす感じのイメージ。 シンプルイズベストなレイアウト設計がなされている。 1,2,3,
The document has moved here. Apache Server at ahgkw.org Port 80
商用・非商用を問わず、サイトの立ち上げ・リニューアルに使えるホームページ用テンプレートを配布しています。雛形ですので、修正しやすいシンプルなコードを心がけて作成しました。趣味のサイトに使うもよし、会社のホームページにするもよし、教材として使うもよしと、制限はゆるめです。制作代行でテンプレートを使ったり、そのまま再配布して金銭を得る行為は禁止です。 基本テンプレート セット 左サイド・右サイド・両サイドメニューを含む基本テンプレートセット。そのまま使ってもよし、CSSを修正してオリジナルデザインを目指すもよし。ホームページの雛形としてご利用ください。 左サイド 両サイド 右サイド まとめて3つをダウンロード トップページ + 下層ページ サイトテンプレートセット WEB制作に使えるHTML+CSSテンプレートセットです。10~30ページの小規模サイト向け。商品やサービスに関連する写真と入れ替
Webサイトのデザインをする流れについて、色彩検定の勉強で学んだことを活かしつつまとめてみた。 準備 サイトの目的を確認する 何かを売りたいのか、情報を発信したいのか、など何の目的でサイトを作るかをはっきりさせておく。目的によって、カラー、ロゴ、ナビゲーションなどのデザインやコンテンツが決まる。 訪問者、利用者の属性を見極める 目的によって、訪問者、利用者を推定できる。ターゲットを明確にしておく。 ターゲットの性別、年齢、職業、住まいなどの属性によって、色、書体、ビジュアルテーマなどが決まってくる。 情報を整理 まずは、作成予定のコンテンツを全て洗い出す。 そのコンテンツを以下のような項目で評価する。 更新頻度:よく更新されるものか。すべきものか。 プッシュ性:アピールしたい項目か。 実用性:使って便利な機能か。 話題性:時代、流行に合っているか。目新しさはあるか。 テーマ性:サイトのコン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く