自分が実際に行なっていることを思い出しながらWebサイトを作る時の手順を参考になるサイトと共にまとめました。 |
Sponsored Link
1 まずはラフスケッチから
デザインスパイスではwebデザインのtips、tutorial、topicなどを公開してます。 私がwebサイトのラフデザインを制作する時の流れ 2011 6月 23日 tutorial ツイート Share on Tumblr 私がwebサイトのラフを作る時の流れを書いてみました。 独学で身に付けた方法であり、 一般的な方法ではないかも知れないことを予め断っておきます。 私にはやりやすい方法で…
今日は、Webページのデザインやワイヤーフレームの検討時に考慮すべき、ユーザーの閲覧環境について。特に、ブラウザの本当の表示領域を生データから紹介します。
ファーストビューは大体 「幅1000px 高さ550px」とのことです。
頭に入れて制作しましょう。
2 基本のカラーを決めます
Webデザインや配色に役立つ(かもしれない)テクニック、便利なツールを紹介しています。/*無駄にエロいのは仕様です*/
3 フォントや文字組みも意識しましょう
4 アイコンや画像を作る
「デザインしてみたけどなんだか物足りない…」そんな経験ありませんか?私はよくあります。それで色を変えてみたり、形を変えてみたりと色々試してみるのですが、結局どれもしっくりこなかったり。そんな時は元のデザインにほんの少し手を加えるだけで納得のいくデザインに変わることが多いんです。
5 HTML&CSSで組み立てる
ホームページ作成に役立つ、HTMLタグとCSSスタイルシートのリファレンスサイト。Webテンプレート、カラー早見表、CGI、HP作成ガイドなども。
ウェブサイトの要素をレイアウトをする際に非常に重要なホワイトスペースの考え方について、すこしまとめてみました。私が人にウェブデザインを教えるときは、まずここから始めます。boxとboxとの空間の開け方、要素と要素の「間」は、音楽でいうところの「リズム」だと考えています。リズムが整っていれば、他の要素が主張したことが上手に伝わります。リズムが整っていなければ、けんかしあい、不協和音=見づらい状況を…
6 色々やりたいならjQueryも取り入れる
jQuery入門 (ver 1.2.6) このページはAjaxライブラリの1つであるjQueryライブラリを勉強したい人向けに用意されています。 ミスや間違いなどがありましたら openspc@po.shiojiri.ne.jp までお願いします。 jQueryはバージョンによってメソッドが異なるため、バージョン別に入門ページを用意してあります。ここでは、バージョン1.2.6を基準としています。…
7 もうムリ!!と外注を考えるなら、いくらかかるか確認しよう
[特集]安く!早く!を実現するサイト制作の発注マニュアル ○○円ならどこまでできる!? ウェブサイト制作の相場早見表 この記事では、ざっくりとしたウェブサイト制作のコストを考えるための、相場早見表を示す。 「制作会社にこんなことを頼んだらいくらかかるんだろうか?」「予算はこれぐらいしかないんだけど、何ができるかな」そんな疑問にお答えする一覧表だ。 項目ごとに価格を示す、これまでの料金表とは異なる…
「フリーランスのための全国Webサイト制作料金表まとめ25個」というテーマに関するまとめです。
8 完成したら最後のチェック!
今日は、Webサイトを作ったらまずやるべきことのチェックリストを紹介しましょう。サイトは作るまでも大切だけど、作ってからのアクションも同じかそれ以上に大切。 すでにサイトを運営している人は、やってないものがないか確認してみましょう。
コメント一覧 (1)
ボクちゃん様の誘いを断るなんて、女の癖になまいきだ!
なんて態度取るような基地外はお断りだよw