私はフリーランスの Web デザイナーとして、クライアントさんの Web サイトを作成するお手伝いをさせていただいています。今回は、私が仕事でデザインするときに気をつけている事や、Web 制作のフローをまとめてみました ...。 Webサイトを作るとき、みなさんはどんな制作フローをたどって作ってますか？私はフリーランスで仕事をしていて、最初から最後までひとりで作ることが多いです。今回はふだんデザインする時に気をつけてる事や、いつもしている Webサイトの作成フローをまとめてみました。もっと効率化できることがあるはずだなーと思いつつ、最初から最後までを書いてみました。 また、Webデザイナーってどんな仕事なのっていう質問をときどきいただくので … こんなことしてます … みたいな紹介です。これはあくまで私が Webサイトを作る時にしているフローで、他の Webデザイナーさんや制作会社さんと違

ユーザーにあなたのウェブページを容易で、そして楽しくアクセスできるようにする実用的なユーザビリティの10のポイント（ガイドライン編）をSmashing Magazineから紹介します。 Tumblr 多くのフォームは2カラムのレイアウトを採用し、ラベルはフィールドの左に配置されています。一見よさそうに思えますが、これは採用すべきではありません。 なぜなら、フォームは一般に垂直に方向付けがされているためです。ユーザーが左→右→左下と視線を動かすことより、上→下と移動する方が容易です。 また、ラベルを左に配置することはもう一つの問題があります。 あなたはラベルを右揃えと左揃えのどちらで配置しますか？　左揃えはラベルを読みやすくしますが、どのフィールドのラベルか判断するのが難しい場合があります。 右揃えはその逆です。フィールドのラベルを判断するのは容易ですが、ラベルを俯瞰するのが困難です。 2.

YOUTHEDESIGNERというブログで、ポートフォリオサイトで信頼を得る7つの方法が紹介されています。 ざっとご紹介。 アバウトページを作る クライアントはあなたという人や会社について知ることで安心する 連絡先を載せる 簡単に連絡がとれるように、会社のTEL、FAX、E-MAIL、住所をアバウトページやヘッダ、フッタに載せよう 実績集を載せる 6-12個のポートフォリオを載せよう 信頼感のあるサービスの画像を使う オンラインで安心して取引ができるように、PayPalやSSLのサービスを利用して画像を配置する 組織のメンバーになる AIGAのような組織に参加し、参加していることを表すグラフィックをサイトに置こう プロセスを説明する デザインワークのプロセスを説明することで、クライアントにとってはどんな作業が行われるかがわかり、気分がよいだろう いいデザインのWebサイトにする いいデザイ

ウェブサイトでやってしまいがちなユーザビリティの9つのミスをSmashing Magazineから紹介します。 9 Common Usability Mistakes In Web Design 下記は、その意訳です。 1. クリックできるエリアが小さい リンクのクリックできるエリアが小さいと、ユーザーはクリックするのが非常に困難です。 解決方法 リンク箇所にpaddingなどを設けて、クリックできるエリアを大きくします。 2. 間違った目的のためのページネーション ページネーションは、内容を複数のページに分ける時に使用します。 しかし、最近ページビューを増やす目的でページネーションを設置しているサイトがあります。これには問題点が2つあります。 一つ目は、1つのコンテンツを読むのにページをロードしなくてはならないこと。二つ目は、SEOと関係があります。ページのインデックス付けを行う際、ペー

ウェブデザインを考える際、見出しやロゴなど、文字がどう見えるかが結構気になります。 それに特化したツールを紹介しようと思います。 実際操作しないとわからないと思いますので、一度操作してみることをおすすめします。 HTML Color Code Combination Chooser | Resources for Web Design For Developers Tweet バーで色を指定すると、それに合った組み合わせの色と、自動で決められた黒もしくは白文字がどう見えるかを見せてくれます。直感で操作しやすくおすすめのツールです。 Color Match, HTML color code, match website colors, color scheme Tweet こちらは文字の色も自動でカラーリングされます。ちょっと見づらくなる気がします。 好きな色でCSS見出しが作