http://webdesignerjob.seesaa.net/ 未経験者のためのWEBデザイン基礎知識ブログ。webデザイナーの仕事内容、スクール・資格・就職・転職・給料・独学・SOHO情報。 ja http://webdesignerjob.seesaa.net/article/26084532.html デザインが終わったらユーザーテストを行い、その後FTPなどでサーバーに納品する。ネット経由でデータのやり取りができることは遠隔地からの修正や更新が可能というメリットがある。FTPによる納品はファイル受け渡し用のサーバーにアップしそのURLをクライアントに教えることもあれば、直接本サーバーにアップする方法もある。主なFTPソフトにはFEACH(MAC),FFFTP(WINDOWS)などがある。DREAMWEAVERにもFTP機能が搭載されている。PR 毛穴のケア・黒ずみ対策ガイ... webデザインの基礎知識＞ワークフロー・仕事の流れ webz 2006-10-24T17:15:18+09:00 その後FTPなどでサーバーに納品する。

ネット経由でデータのやり取りができることは
遠隔地からの修正や更新が可能というメリットがある。

FTPによる納品はファイル受け渡し用のサーバーにアップし
そのURLをクライアントに教えることもあれば、
直接本サーバーにアップする方法もある。

主なFTPソフトにはFEACH(MAC),FFFTP(WINDOWS)などがある。
DREAMWEAVERにもFTP機能が搭載されている。

PR　毛穴のケア・黒ずみ対策ガイド ]]> http://webdesignerjob.seesaa.net/article/24887180.html 次にデザイン制作に入っていく。企画書に沿って具体的なデザインの方向性を考えるのがアートディレクターやクリエイティブディレクターと呼ばれる人。豊富な制作経験が求められる。彼らの重要な仕事の１つにコンセプトメイキングがある。センスや感性のみでのデザインではなく、言語化した、説明可能な言葉としてコンセプトを編み上げる必要がある。クリエイティブを縛るものでなくて、さらにスタッフ一同が作業上「ブレ」ないコンセプト作りが重要だ。イラストレーターやフォトグラファーの決定も彼らの仕事。コンセ... webデザインの基礎知識＞ワークフロー・仕事の流れ webz 2006-10-04T17:55:41+09:00
企画書に沿って具体的なデザインの方向性を考えるのが
アートディレクターやクリエイティブディレクターと呼ばれる人。
豊富な制作経験が求められる。

彼らの重要な仕事の１つにコンセプトメイキングがある。
センスや感性のみでのデザインではなく、言語化した、
説明可能な言葉としてコンセプトを編み上げる必要がある。

クリエイティブを縛るものでなくて、
さらにスタッフ一同が作業上「ブレ」ないコンセプト作りが重要だ。

イラストレーターやフォトグラファーの決定も彼らの仕事。

コンセプトが決まり方向が定まると実際のデザイン業務が始まる。
デザインはディレクターとデザイナーの共同作業となるが、
どちらに決定権があるかは各会社による。

この際注意したいのが、スケジューリング。
タイトな日程でチームに負荷がかかりすぎないように
シンプルかつ優先順位が明確となるように調整しなければならない。

納品前にしておくのが、検証とデバック。
正しくWebサイトが表示されるか、
各種ブラウザの様々なバージョンでの検証が必要だ。

ネット上のサーバーにデータをアップして行うが、
本サーバーではなく「テストサーバー」でチェックする。

またデザインだけでなくコンテンツのチェックも行う。
誤字脱字や文字校正、価格やデータの数値に間違えがないかなど
各コンテンツをチェックしていく。

リンクチェックも欠かせない。
Dreamweaverなどを使用すれば人的デットリンクを防ぐことができる。

(その３に続く)


PR　豊胸手術とバストアップ ]]> http://webdesignerjob.seesaa.net/article/24863978.html webデザイン業務の大雑把な全体像は、「ヒアリング」→「企画」→「制作」→「納品」という流れになる。「ヒアリング」とはクライアントの打ち合わせにおいてクライアントの要望や企画意図を聞き出すこと。具体的なデザイン案ではなく、マクロ視点でクライアントの哲学、価値観を感じ取ることが大切。この企画の目的・理解を共有し、方向付けすること。これがヒアリングの役割となる。次にやるのが「企画」。プロデューサー・ディレクターを中心に企画書を作成する。企画書は文章でかかれることが多い。それだけに... webデザインの基礎知識＞ワークフロー・仕事の流れ webz 2006-10-04T09:08:27+09:00 「ヒアリング」→「企画」→「制作」→「納品」という流れになる。

「ヒアリング」とはクライアントの打ち合わせにおいて
クライアントの要望や企画意図を聞き出すこと。
具体的なデザイン案ではなく、マクロ視点でクライアントの哲学、
価値観を感じ取ることが大切。

この企画の目的・理解を共有し、方向付けすること。
これがヒアリングの役割となる。


次にやるのが「企画」。
プロデューサー・ディレクターを中心に企画書を作成する。
企画書は文章でかかれることが多い。
それだけにアイディアが問われることとなる。

その企業のブランディング効果やどんなメリットがあるのかが
分かりやすく書かれる必要がある。

具体的には、
「企画の趣旨」「競合サイトの分析」「サイト構成」
「デザインアイディア」「他メディアキャンペーンとの連携」
などの項目を文章で書き起こす。
Microsoft PowerPointやAdobe Illustratorなどで作られることが多い。


企画書前後にデザインのプレゼンテーションが行われる。
プレゼン用のデザイン案は「モックアップ」と呼ばれる。
モックアップはPhotoshopで作成するのが一般的。

モックアップ時にはコーティングのしやすさや更新時の拡張性、
Flash、JavaScriptの導入などに考慮する必要がある。
プレゼンは数回おこなわれイメージを煮詰めていく。

プレゼンはコンペ(大規模)や競合プレ(小規模)と呼ばれる
各社制作会社が受注を賭けて争うプレゼンもある。

(その２に続く)

PR　二重まぶたにする方法 ]]> http://webdesignerjob.seesaa.net/article/24503969.html 近年web制作の案件を1人で制作の請け負うのは非常に稀になり、制作チームを組織して複数人・複数会社が関わる体制が取られるのが一般的になっている。それに伴い、制作に関与する「専門職種」が生まれているが実情だ。背景にはwebというメディアの影響力が広まり巨大化すること、それにまつわる知識や技術が専門化・細分化していることがある。高度化するスキルと細分化する職種をまとめておこう。【プロデューサー】営業業務やクライアントとの折衝、スケジュール調整、コスト管理などweb制作の取りまとめ... webデザインの基礎知識＞ワークフロー・仕事の流れ webz 2006-09-27T12:08:06+09:00 制作チームを組織して複数人・複数会社が関わる体制が取られるのが
一般的になっている。

それに伴い、制作に関与する「専門職種」が生まれているが実情だ。
背景にはwebというメディアの影響力が広まり巨大化すること、
それにまつわる知識や技術が専門化・細分化していることがある。

高度化するスキルと細分化する職種をまとめておこう。


【プロデューサー】

営業業務やクライアントとの折衝、スケジュール調整、コスト管理など
web制作の取りまとめ役。
制作作業には加わらないが、客観的なデザインチェックの役割も。
対人コミュニケーション＞制作技術が求められる資質となる。
「プロジェクトマネージャー」と呼ばれることもある。

【ディレクター】

現場の責任者。制作チームのディレクションを行う。
プロデューサー的な役割をこなす場合も。
そうした役割を区別する意味で
サイト全体のトーンを決めるデザインの責任者を「アートディレクター」
システムやプログラミングを統括する技術的な責任者を
「テクニカルディレクター」と呼ぶこともある。

【デザイナー】

グラフィック系のソフトウェアスキルを持ち
デザイン知識に優れた人材。
広い意味でweb制作全般を受け持つ人のことをwebデザイナーと
呼ぶが、チーム内ではデザイン、画像処理、(コーティング)
などを任されることが多い。

【コーダー】
W3Cの推奨する仕様に従い、HTML・CSS・Javascriptなどを書く
サイト制作の仕上げを担当する。
聴覚障害者のアクセシビリティーなどの配慮も求められる。

比較的単純で根気がいる作業を強いられるが
きれいなHTMLの記述を習得しておくと後々デザインに役に立つ。

【プランナー】

プランニングはプロデューサーやディレクターの仕事ではあるが、
独自性のある企画ではプランナーを置く場合もある。
斬新なアイディアと訴求力のある企画が求められる。
アイディアを企画書に落とし込み、
クライアントにプレゼンテーションするのが仕事。

【マーケター】

企画によって、特に新規にブランドを立ち上げるときなどに
マーケティングに精通するマーケターと呼ばれる人を活用する。
市場規模、市場内でのポジショニング、ターゲットの選定など
精緻なリサーチに基づいた資料提出が仕事。

【Flashクリエイター/フラッシャー】
Flashを制作するスタッフ。
インタラクティブなサイト作りにはFlashはかかせない。
小さなボタン制作、簡単なアニメーション、
ActionScriptのプログラミングなど様々なスキルが必要。

【コピーライター】
webサイトの名称から各記事のタイトルを考える
コピーライティング(キャッチコピー・宣伝文句)のプロフェッショナル。

印刷の世界同様センスはもちろん、ウェブではSEOの知識も必須。

【インフォメーションアーキテクター】
webサイトの情報を構成・デザインする人。
具体的には企画書を元に情報整理、サイトマップ、ワイヤフレーム、
インターフェイスを設計する。

ユーザビリティやアクセシビリティや
認知工学、人間工学などの学術的な知識が不可欠。

【イラストレーター】
WEBサイトのイラスト・アイコン・テクスチャーを制作。
デザイナーが兼任する場合もあるが外注が多い。

知識よりセンスが重要で紙媒体のイラスト活動と両立可。
今後、アニメーション専門の「webアニメーター」という職種もできるかも。



PR　フェイスリフト・サーマクール ]]> http://webdesignerjob.seesaa.net/article/24496994.html webサイトで使う写真、特にメインの写真はカメラマンを手配して新しく撮影を行うことがベターといえる。それでも予算の都合、納期の問題などで新たに撮影できない場合は既存のweb用写真素材を使用することもよくあること。写真素材サイトをいくつかご紹介。・gettyimages・amana・DEX WEBこうしたサイトを有効利用しても十分効果を挙げられる。クライアントの同業他社が同じ写真を使用できないように「プロテクト」できるものも存在する。PR 不動産登記簿謄本(登記事項証明書）の見... webデザインの基礎知識＞制作環境 webz 2006-09-27T08:58:33+09:00 新しく撮影を行うことがベターといえる。

それでも予算の都合、納期の問題などで新たに撮影できない場合は
既存のweb用写真素材を使用することもよくあること。

写真素材サイトをいくつかご紹介。

・gettyimages

・amana

・DEX WEB

こうしたサイトを有効利用しても十分効果を挙げられる。

クライアントの同業他社が同じ写真を使用できないように
「プロテクト」できるものも存在する。


PR　不動産登記簿謄本(登記事項証明書）の見方・読み方

]]> http://webdesignerjob.seesaa.net/article/24496515.html 日本語のフォントはモリサワやAdobe、大日本スクリーンなどで販売されている。プロフェッショナルならば商業として耐えうるレベルのフォントをどれだけ揃えているかが勝負どころとなる。プロはＰＳ(ポストスクリプト)と呼ばれる高品質なフォントを使う。フォントは印刷媒体において仕様が変わるなど混乱してきた経緯かある。フォントはいくつもフォーマットが存在するためどれを使用してよいか迷うかもしれないが、今後デザインを学んでいくならばTrueTypeにPostScriptを内包させた「Ope... webデザインの基礎知識＞制作環境 webz 2006-09-27T08:40:15+09:00 モリサワやAdobe、大日本スクリーンなどで
販売されている。

プロフェッショナルならば商業として耐えうるレベルのフォントを
どれだけ揃えているかが勝負どころとなる。

プロはＰＳ(ポストスクリプト)と呼ばれる高品質なフォントを使う。
フォントは印刷媒体において仕様が変わるなど混乱してきた経緯かある。

フォントはいくつもフォーマットが存在するためどれを使用してよいか
迷うかもしれないが、今後デザインを学んでいくならば
TrueTypeにPostScriptを内包させた「OpenType」と
呼ばれるフォントを揃えていくとよいだろう。



[OpenType]

AppleがMac OS Xで採用、Adobe社がDTPソフトAdobe InDesignで
フル機能を搭載したのをはじめ、Adobe Illustrator などのソフト、
マイクロソフトのWindows 2000以降などでも対応ソフトで利用できる。 ]]> http://webdesignerjob.seesaa.net/article/24494213.html ソフトウェアはデザインや画像(写真やロゴ)作成を作成する「画像作成ソフト」とHtmlやFlashでくみ上げる「オーサリングソフト」の２種類に大別できる。画像作成ソフトにはIllustrato・Photoshop・Fireworksあたりがプロフェッショナル仕様といえる。どれを選ぶかはユーザーの好みで問題ないが、業務においてのweb画像の書き出しにはPhotoshopかFireworksを使用するのが一般的である。Adobe Photoshop CS2 日本語版 Windows... webデザインの基礎知識＞制作環境 webz 2006-09-27T06:50:29+09:00 「画像作成ソフト」とHtmlやFlashでくみ上げる「オーサリングソフト」
の２種類に大別できる。

画像作成ソフトには
Illustrato・Photoshop・Fireworksあたりが
プロフェッショナル仕様といえる。

どれを選ぶかはユーザーの好みで問題ないが、
業務においてのweb画像の書き出しにはPhotoshopかFireworksを
使用するのが一般的である。

Adobe Photoshop CS2 日本語版 Windows版


写真のレタッチを中心にした画像処理ソフト。
デジタル写真に Photoshopでいたずら描きすることを
"写真を photoshopする" という。

画像加工、イラストレーションなどさまざまな画像分野で
使用されており、この分野の世界標準。

主に写真などの加工に適していて、
フィルタやプラグインを使用することによって、
機能を拡張することができる。


Adobe Illustrator CS2.0 日本語版 Windows版


図形やロゴなどを作成するグラフィックソフト。

Illustratorの一番の特徴はベジェ曲線で、
これをハンドリングすることで簡単かつ強力な描画が可能になる。

文字入力、着色、その他多くの機能があり、イラスト制作、
印刷物（チラシや小冊子）のデザインなどに使える。
FLASHとの連携やデータと印刷物の併用時に便利。

Macromedia Fireworks MX 2004 日本語版


Webをターゲットにした画像作成・出力を目的に作成され、
JPEG、GIFなどのインターネットで使用される画像形式を、
品質を出来るだけ落とさずにバイナリ容量を小さく保存する機能に特化した。

ビットマップデータとベクターデータが両方使用でき、
フォトレタッチツールのような事も行える。

Dreamweaverとの連携も主な特徴。


Macromedia Dreamweaver MX 2004 日本語版


web業界では圧倒的なシェアを誇るWebオーサリングソフト。
手打ちにこだわるデザイナーでもすんなり移行できるはど汎用性が高い。

自由度の高いカスタマイズ、グループワークへの対応、
一部のソースをテンプレート化する機能などが可能な
webデザイナーのデファクトスタンダード。


Flash 8 Professional 日本語版


アニメーション制作ソフト。
再生させるためには大抵Flash Playerが必要となる。

サイトを構築するオーサリングソフトとしても機能し、
インタラクティブ性の高いサイトにすることも可能となる。

Webブラウザやプレーヤーからテキスト検索できないなどの欠点があるが、
Googleなど一部の検索エンジンはFlash内のテキストを抜き出して、
検索対象とすることができる。

CGIスクリプトとの連携、XML文章の取り込みなど
これからのwebの発展を予感させる。

習得・習熟にはかなりの労力がかかるであろう。

PR　車売却ガイド ]]> http://webdesignerjob.seesaa.net/article/24377541.html webデザイナーに必要になるであろうハードウェアを以下にあげてみた。「コンピュータ」デザイナーはMacとお決まりだったが、windowsを使うデザイナーも増えてきている。ブラウザ検証用には両方のマシンが必要。「ＣＲＴモニタ、液晶モニタ」複数の大きさを揃えたいところ。ユーザーが使う平均的サイズ、おおむね640x480（通称VGA解像度）から1600x1200（UXGA）を想定するとよい。「プリンタ」SOHOではインクジェットプリンタで十分。ばか高いプリンタ(PostScript... webデザインの基礎知識＞制作環境 webz 2006-09-25T02:20:56+09:00
「コンピュータ」
デザイナーはMacとお決まりだったが、
windowsを使うデザイナーも増えてきている。
ブラウザ検証用には両方のマシンが必要。

「ＣＲＴモニタ、液晶モニタ」
複数の大きさを揃えたいところ。
ユーザーが使う平均的サイズ、
おおむね640x480（通称VGA解像度）から1600x1200（UXGA）
を想定するとよい。

「プリンタ」
SOHOではインクジェットプリンタで十分。
ばか高いプリンタ(PostScript)などはＤＴＰ業務を行うなら。

「スキャナー」
一般向けので十分。
ハイエンド機種は印刷媒体向け。

「記憶媒体」
ＭＯ、ＣＤ-Ｒ/ＲＷ、ＤＶＤなど。
データのやり取りをする際に利用する。
web業界ではＣＤ-ＲＯＭなどを使うことが多いが、
ネット経由でのやり取りがメインとなってくるだろう。

「モデム/ルーター」
ＡＤＳＬ、ＦＴＴＨ(光ファイバー)が理想。
検証用に低速回線があるとよい。

「サーバー」
納品するwebサイト、プレゼン案、テストサイトなどは
サーバー上に置かれる。
素材やファイルのやり取りをサーバーで行うこともある。
自社サーバーか、レンタルサーバー、ホスティングサービスかは
仕事に合った方法をチョイスするべき。


PR　女性の資格・仕事の総合ガイド ]]> http://webdesignerjob.seesaa.net/article/23565700.html Ａ：ある情報を伝えたい人Ｂ：その情報を知りたい人ＡとＢをインターネット上でつなげるのがwebサイトの役割である。web制作の現場で、必ずしも「かっこいい/クール/最新」なデザインが求められるとは限らない。それより「使いやすさ/訴求力/親しみ」が重要となるケースも多く見られる。(と思う)専門用語を使えばユーザビリティーやアクセシビリティーへの配慮が、クライアント(Ａ)とユーザー(Ｂ)のニーズを満たすために必須となる。情報を整理する、活かす、楽しくするデザインの仕組み、サイトのコ... webデザインの基礎知識＞制作環境 webz 2006-09-10T23:13:01+09:00
Ｂ：その情報を知りたい人

ＡとＢをインターネット上でつなげるのがwebサイトの役割である。

web制作の現場で、
必ずしも「かっこいい/クール/最新」なデザインが求められるとは限らない。
それより「使いやすさ/訴求力/親しみ」が重要となるケースも多く見られる。(と思う)

専門用語を使えばユーザビリティーやアクセシビリティーへの配慮が、
クライアント(Ａ)とユーザー(Ｂ)のニーズを満たすために必須となる。

情報を整理する、活かす、楽しくするデザインの仕組み、

サイトのコンセプトを体現するデザインのアイディア。

なぜそのデザインにしたかの徹底した思考基づいたサイト設計をすること。

言ってしまえば、webサイトの制作の目的は「利益」にある。

そのための演出を施すのが、webデザイナーの仕事だといえる。


■キーワード

【ユーザビリティー】

「使いやすさ」と訳されるが、その定義はいろいろある。
有効さや効率、満足度、利用状況などなど。
得られた情報がわかりやすさ、操作の使いやすさに基づいた
サイト設計を行うことがユーザビリティーを高めることになる。

詳しく知りたい方は U-Site へ

【アクセシビリティー】

情報へのアクセスのしやすさを意味する言葉。
どんな人でも情報を得られ、また操作が可能であること。
障害者や高齢者への配慮を含めた
web標準の基本的な製作技術のひとつである。

詳しくは ウェブコンテンツ・アクセシビリティ・ガイドライン(WCAG1.0) へ


PR　マンション売却ガイド ]]>