クライアントにウェブサイトを提示するための最良の方法の9
ウェブサイトを作成する設計段階は、ほとんどのwebデザイナーにとってかなり標準的ですが、デザインをスライス/コーディングする前にクライ
すべての回答をフィルタリングし、それらを要約した後、私は今、あなたに提示する準備ができています,9クライアントにウェブサイトのデザイ
問題
ウェブに精通した個人として、モックアップは単にサイトがどのように見えるかを示す静的な画像であるという概念を把握し、理解するのは しかし、多くのwebデザイナーが発見したことは、この概念は、クライアントが頭を包むことが非常に困難であるということです。
私たちは、デザイナーやコミュニケーターとして、彼らが見ているものは、彼らの潜在的なサイトデザインの静的で平らなイメージであることを顧客に明確に まだ、多くの質問やコメントは、あなたがデザインを提示した後、クライアントから来ます,このような作成ブリーフィングや他の多くのもののVerne Ho:
- なぜリンクのいずれかが動作しないのですか？
- この上のテキストを編集するにはどうすればよいですか？
- なぜテキストを強調表示できないのですか？
- ウェブサイトが小さすぎます（ブラウザがデフォルトで画像を縮小したために発生します）！
- 私はサイトを囲む空白が好きではありません。
- サイトを中心にしてもいいですか？
ある程度、私は混乱を理解することができます…彼らはブラウザや画像ビューアーの中にあるウェブサイトのように見えるものを見ていますが、奇妙なことに、それはウェブサイトのようには機能しません…明らかにこの事実は疑問を提起します。
様々なwebデザイナーがこれらの問題を回避するために何をするかを調べるために、私は行って、Twitter（私に従ってください）とFacebook（私を追加）で私の友人に、webデザイ
ウェブデザインモックアップを提示する方法
スポンサーメッセージ
私のTwitter/Facebookの友人（大きなありがとう）からの返信を得た後、私はクライアントにwebデザインのモックアップを提示する方法のこれらの9つの方法に来 順不同:
画像をウェブページに配置し、リンクを送信します。
人々はおそらく、webブラウザのように通常見ているように表示されたときに画像を識別する方が良いでしょうが、上記で概説したように、より多くの問
この方法を選択した場合は、自分のサーバーにアップロードしてパーソナライズしてみてください…ディレクトリ/clients/clientname/indexを使用します。htm. ここでのもう一つのヒントは、無料の.tkドメインプロバイダを使用して、http://clientsdomain.tkなどのリンクを送信できるようにすることでした。 Tkチップハーバートをありがとう。
電子メールでJPEGまたはPNGを送信
電子メールでモックアップを送信することは、おそらく最も簡単な方法ですが、それは常に最高ではありません…一部のユーザーは、画像が縮小する可能性があることを意味する小さな画面解像度を持っているので、私が上で概説した他のものと一緒により多くの質問を意味します。
何らかのwebベースのアプリケーションを使用する
スポンサーメッセージ
webベースのアプリケーションを使用してモックアップを展示することは、それが”ディスプレイ”上の何かであり、それが少ない質問につながる可能性のあ
ウェブサイトの使用CodedPreview
CodedPreviewを使用すると、コード化されたときにテンプレートがどのように見えるかを示す単純なHTMLプレビューページを作成できます。 （この1つのためのおかげliamuk7。)再度、あなたの顧客に合うできると多くそれを個人化することを試みなさい。
‘Client Studio’を作成する
オンラインベースのアプリケーションを使用するのではなく、クライアントがログインして承認するモックアップ（htmlページ上のjpg）を表示できる独自のサーバー上に独自の”studio”を設定することができます…同じページ（新しいjpg）にリビジョンを置くことができ、承認されると、進行中の機能サイトを表示するためのリンクを追加することができます。
ここにIDesignStudiosの例があります。 “私はクライアントstudioのURLとクライアントID、ユーザー名、パスワードをクライアントに電子メールで送信します。 あなたも、最初の画面に入るためにユーザー名/パスワードを持っている必要があります（w/免責事項とクライアントIDのドロップダウン）。 クライアントは自分のクライアントエリアにのみ続行できます（すべてのクライアントは最初のページをドロップダウンで見ることができますが、”ログイン画面とクライアントスタジオ内のスクリーンショットを表示することができます。
pdfでモックアップをエクスポート
ではなく、クライアントのデフォルトの画像表示ソフトウェアで開くことができるだけの画像であるjpegやpng形式で保存するのではなく、PDF形式でそれを持つことは、ほとんどの場合、彼らはAdobe Readerでウェブサイトを開く必要があることを意味します。 これの利点は、ウェブサイトのように機能するための期待が少ないことです。 レイヤーコンプの使用は、デザインのバリエーションを表示するためにPdfでも便利です。
photoshopをスキップしてHTMLでデザイン
これについてはいくつかの議論があり、通常はあなたの創造性を可能にするプロセスに最も適していますが、これ
クライアントにオフィスに来てもらう
これは必ずしも可能ではありませんが、通常はクライアントと一緒にプロジェクト全体を話すことがで あなたはこの機会を持っている場合は、常にそれを取る。
JPEGまたはPNGを送信する&印刷するように依頼する
これは私が思いついたアイデアでした…デザインのフルスケールのJPEGモックアップを送信して印刷するように依頼すると、ウェブサイトが通常のように機能するとは思わず、質問が少なくなります。 しかしこれの不利な点は場所が拡大することではないことである。
スポンサーメッセージ
以下は、TwitterやFacebook上の私の友人からの元の応答の一部です…もう一度ありがとう。 Twitterで私に従ってくださいし、Facebook上で私を追加し、あなたのそれでながら、ちょうど創造的なデザインのFacebookのグループに参加。
marioOlckers@justcreative Stealth liveは、概念実証を説明するためにサーバーにインストールし、入力と相談の後に描画ボードに戻ります。
netbramha@justcreative PNG、あなたはどうですか？
brianyerkes@justcreative jpegとして保存し、サーバー上の/clients/clientnameというディレクトリにアップロードします。 インデックスを作成します。htmlページ。 Jpg画像を追加します。
brownaddesign@justcreative私はちょうど私がクライアントのために作成したディレクトリに、私のwebサーバー上のデザインを投稿し、それらに表示するためのリンクを電子メー
marnieb@JPG形式でjustcreative。 🙂
metalgod@justcreative注釈付きのPDFをまとめてクライアントに送信します。 それから私はそれを通ってそれらを歩くために呼出しと追う。
trisnadi@justcreativeクライアントは前にドラフトを見たことがありますか？ 私は通常、彼らがそれに触れるか、質問をさせる前に完全な散歩をします。
ClarkleSparkle@justcreativeメール。
スポンサーメッセージ
bradsherrill@justcreativeクライアントがあなたのオフィスに来て、好ましくはjpeg形式の1：1スケールで表示させてください。 それができない場合は、それらを電子メールで送信します。
jessjoyce@justcreative–私たちは/アップロードを送信します。Photoshopのpng|Illustrator docs
spinfly321@justcreative–photoshopでデザインしてjpgとして表示
biwerw@justcreative–でwebページを作成します。その上の概念のjpgとそれらにリンクを送信します。 これが役立つことを願っています。
liamuk7@justcreative–画像として、またはhttp://www.codedpreview.com
idesignstudios@justcreativeを使用して–私はクライアントに自分の”クライアントスタジオ”へのアクセスを与えます–彼らは承認するとモックアップ（html pg上のjpg）にログインして表示することができます…私は同じページ（新しいjpg）にリビジョンを置く。 承認されると、進行中の機能サイトを表示するためのリンクを追加します。
marcoslhc@justcreative–私は一般的にいくつかの物理的なスケッチ（紙と色鉛筆）を第二の会議に、デジタルのものを第3回
stevemoseley@justcreative–2つのことに依存します: 顧客のプロジェクトのサイズおよびpickiness。 いずれかの場合–photoshopのモックアップ。 どちらもない場合は、htmlの最初のカット。
adellecharles@justcreative私は通常、web用に保存し、クライアントが
craftisan@justcreativeを見ることができるように、html doc/uploadをサーバーに挿入します。
randaclay@justcreative JPGファイル、または時にはPDF
EliteByDesign@justcreative通常は電子メールを介してJPGまたは私のサイトにアップロードされます。 何も空想、結局のところ、それは唯一の最初のドラフトです！
@justcreative必要な任意の背景を持つHTMLファイルに貼り付けます/etc.
RyanDownie@justcreativeモックアップを提示するには、サーバー/名前のディレクトリに画像を入れてから、フルブラウザのタイルにバックガウンド画像を追加します
Herbert Via FaceBook:私は通常、無料のドメインでウェブサイトをアップロードしますwww.yourdomain.tk、それはあなたが無料のドメインにあなたのホスティングからパスをリダイレクトするのは簡単です。
スティーブfacebook経由：私たちは持っているweb.yourcompany.com クライアントにURLを設定して与えるweb.yourcompany.com/client…..
Patrick McColley Facebook経由:私は通常、私のサーバーに投稿します。
さらなる議論
以下は、モックアップとプレゼンテーションのこのトピックに関するいくつかのさらなる記事です。
- Photoshopのモックアップとクライアントの期待
- あなたの創造的なプロセスを改善し、より良いデザイン、より迅速な承認
- なぜクライアントにただ一つのモックアップ以上のものを与えるのですか？
- デザインモックアップは動作しません
この記事で既にリンクされているもの:
- モックアップの管理
- デザインはツールではありません
- なぜPhotoshop
- デザイン、モックアップ&ツール
だから私はあなたに尋ねる、どのようにあなたのwebデ
そして当然なら、diggは高く評価されるでしょう。 お疲れさまでした。.