« 2007年09月 | ■■TOPへ戻る■■ | 2007年12月 »

2007年11月29日

Webカラー生成ソフト NO2

Adobeから、新しいサービスAdobe kulerが公開

されています。

Adobe kuler

配色をブラウザ上で作成できるサービスです。

今までもこのようなサイトはありましたが、

kulerの場合はインターフェースがFlashで

作成されており、直感的で楽しく作成きます。

色の理論など知らなくても作ることができます。

kulerを利用する前に、まずはAdobe User IDを

取得しましょう。(無料です) 

IDを取得していれば、ログオンしましょう。

配色をダウンロードしたり、

配色を共有することもできます。

「Search」で「blue」を検索すると多くのタイトルの

ブルー系カラーが表示されます。

これは、ユーザが作成したものです。

「Create」でオリジナルカラーの作成が可能。

中央の円で色バランスを変えたり、

単独に左右のスライドで変更も可能。

お気に入りの色になれば「save」で保存。

「MYkuler」に登録されます。

右側のアイコンで「Make Change・・・」をクリック

すれば、1度作成したカラーの修正可能です。

作成したカラーをパブリッシュすれば、

リストに登録され世界へと公開されます。

続々と登録されているので、

お気に入りの配色を探してみてはいかが?

2007年11月25日

Webカラー生成ソフト

Webデザイナーは、新サイトの配色を決めなければ

いけませんが、慣れないと良いバランス色決定に、

時間がかかります。

その際、手軽に確認できるお手軽ソフトをご紹介。

多くのソフトが有りますが、その1つです。

カラースキームジェネレータです。

詳しくは・・・

<操作方法>

1.左上の赤、緑、青をそれぞれクリック
2.下方に好ましい色の組み合わせ表示
3.「Auto Paint The WebPage」クリック
4.右側の確認ページに反映
5.左側下の縦3、横4のマス目から一つクリック
6.右側、確認ページの文字や背景クリックすると
  その色に入れ替わります。
  つまり、細かな色設定も可能です。

カラーバランスは、慣れですが、経験不足の

Webデザイナーには、参考になるかも知れません。

自由に、ふさわしい背景色、文字色、ヘッダー部、

フッター部と変更可能で制作時間短縮にお役立て

下さい。

 

2007年11月21日

Webデザイナーの就転職時必要なものは?

Webデザイナーの就転職時必要なものは、何でしょう?

通常の職業と同じ、履歴書、職務経歴書は、当然必要

ですが、もう一つ必要なものに、制作実績があります。

Web業界に国家資格は特に無く、実力の世界です。

業務経験のない方にとっては不利ですね。

ですから、自分のページを作成し見せる必要があります。

それによって採用先企業は、ある程度判断できます。

作成するレベルとしては・・・・

採用先企業は、即戦力を求めていまので、

一般に高度なFlashは不要でも中堅企業広報用ページ

レベルは、必要ですね。

リンク切れは、当然無く、メリハリが有り

CSSで制御され、テンプレート化してデザインも統一。

ホームページのアップ先は、プロバイダーではなく

レンタルサーバ(最近は、月額数百円でレンタル可能)。

顧客は、殆どレンタルサーバを使用しますので、

関連知識は業務上当然必要です。

最後に、最新技術を取り込む意欲が必要です。

日々変化する業界ですから。現状維持では、

取り残されます。逆に実力さえ身につければ、

学歴なんて無関係ですね。

※本校では、「Web実務経験対策講座」を実施中です。

次回は、2008年4月28日開講致します。

就職に役立つ内容を実施致します。

2007年11月15日

使用しない方がよい要素と属性

<Web関連>

最近のHPでは、CSS化とDIV(テーブル使わない)化が

徐々に増加しています。

center や align属性

bodyの background bgcolor 等

今まで使われています。

他にも、非推奨は30?40個ありますが、

今後は、CSSに置き換えた方が良いですね。

と言うのは、・・・


実際に標準モードではなく互換モードで表示させる場合は

推奨でも関係なく使えます。

互換モードのIE5や5.5が多い時期は、それで良かったのですが、

最近めっきり減ってきています。

IE6は、 標準モードに対応していますし、IE7は、

さらに標準モードに対応している模様です。他のブラウザである

ファイヤーフォックスやオペラは元々標準モード(ほとんど)ですから

標準モードで記述する時期に来ていますね。 

標準モードが正しい文法どおりに表示されるため良いとされています。

ただし、標準モードで従来通りに「非推奨」のタグを使うと、

様々なアクセシビリティ上の問題を引き起こしますので注意が必要。

そろそろ、ご自分のページのCSS化を本格的に行う時期ですね?!
 

2007年11月14日

Webデザイン(デザインイメージ)

◆ターゲットユーザとデザインの傾向
 ユーザが限定可能であれば、好みの傾向に合わせた方が
 効果的ですね。

若者向け・・フォントサイズ小さめ、余白を多めに取り洗練された
       
デザインに。
       音やFLASHを効果的に用いて質の高いものが効果的。

女性向け・・余白を多く取り、優しい色使いと角版写真の
       組み合わせで清潔感のある落ち着いたイメージ。

       【角版】かくはん 
       レイアウトで、長方形や正方形などの矩形内に使用する
       
写真やイラストを指定する呼び名。
       角版は安定感が強調されるので、安定したイメージを
       表現することができます。

       これに対し、円や楕円は「丸版」、りんかくに沿った形で
       使うのは「切り抜き版」という。
       切り抜き版は客観性を重視する場合に有効で、
       伝達したい内容を明確にすることができます。

ビジネス・・寒色でまとめとあり、知的イメージ。
       年配のユーザにもストレスなく見られるように、
       文字のサイズは大きめ。

子供向け・・カラフルの色合い、イラストを多く使い、明るく楽しいイメージ。

2007年11月10日

Webデザイナーに求められるものは?NO1

プロのWebデザイナーであれば、

お客様の意向をいかに実現できるか。

特に、将来独立やWeb会社に所属を検討している方。 

企画提案しプレゼンテーションに成功しないと

仕事はもらえませんね。

顧客に「今のままでは、まずい!」と気づかせる問題提起が

不可欠です。

でなければ、今回のHP導入は、中止=売り上げダウン!

提案の前に、 
顧客に事前調査(オリエンテーション)を行います。
これ、非常に大切です。
調査データを基に、提案書を作成します。


<提案の基本的流れ> 

冒頭にどんな結果期待できるか!
  
 ズバッと表現(時間のない経営者に要点を的確に)
   ↓↓
顧客に問題意識を!
   SEO状況やサイト分析と競合他社比較(数値化)
      Alexa.Comのトラフィック比較やキワード検索比較
   ↓↓
改善案提示に説得力!
   同業他社の成功事例に弱い
   同じ悩みを抱えているケースの取り組み方法
   ↓↓
コンセプトを明確に
   一言で言える位にまとめる
   例)「若い女性をターゲットに、ダイエット関連商品販売」
   ↓↓
コンテンツ案
    具体的な文章や写真、デザインカンプは
    サイトテーマに合った複数案提示
       出来上がりの品質がイメージできる具体的で
    魅力あるサンプル提示

   ↓↓
情報設計のシナリオ
   サイトマップ、インターフェース設計書提示
      ユーザがサイト訪問時の使いやすさ
   ↓↓
スケジュールとコスト
   納品、運用の時期
       どの段階で、どこまで仕上げるか
     ページ数と実装する機能の明確化
       予算の算出方法と仕様変更に対応する為

   ↓↓
質疑応答
   想定される質問に対する準備

■注意事項■
 顧客のサイトに対する意識レベルが低い場合
 (明確なビジョンが無い)

   ↓↓
 「今のままでは、マズイ!」と問題提起が伝わらなければ
 失敗する 
 
 PowerPointは、デフォルトテンプレートでなく
 オリジナルを・・
     デザイン的に見劣りする。マスタースライダも作成。
   1度作成すれば、再利用可能。
 

HP制作知識だけでなく、実際に仕事につく場合

必要なノウハウも大切ですね。

詳しくは、講座でどうぞ。


次回は、見積書の作成方法です。