MENU
名古屋・東京を拠点とするDTP・ホームページの制作会社 | GrowGroup株式会社
GrowGroup株式会社

【格安新作】ハンシン CF-483 胴付長靴 先芯入り 25.5cm CF-483-25.5(4816943) JAN:4518208209621 HSK-M-J1-290 GX-8 (4912969)

Grow Groupスタッフから様々な情報発信

HOME > ブログ > これがあればデザイナーは助かる!修正を最小限に抑えるためのデザインディレクション

ハンシン CF-483 胴付長靴 先芯入り 25.5cm CF-483-25.5(4816943) JAN:4518208209621 HSK-M-J1-290 GX-8 (4912969)

デザイン,Webデザイン / 2016.12.08/ さとお

こんにちは!Grow Groupのデザイナーさとおです。

業務としてはWebサイトのデザインだけでなく、ロゴマークやパンフレットなど、デザイン全般を担当しております。

早速ですがディレクターの皆さん、デザイナーにこんなことを言った経験はありませんか?

「とりあえず作ってみて」 実はこれ、デザイナーにとってはとっても困るセリフなんですね。

 

そこで今回は、普段デザイナーが考える、クライアントに本当はどんなことを聞いてきてほしいのか、どんな情報やデータがあるとデザインしやすいのかというデザイン部分のディレクションについて アシックス ウィンジョブ71S ブラックXガンメタリック 22.5cm (1足) 品番:FFR71S.9075-22.5 アシックス ウィンジョブ71S ブラックXガンメタリック 23.0cm (1足) 品番:FFR71S.9075-23.0、ディレクターの皆さんに知っておいてほしいなぁと思ったことを書いていこうと思います。

はじめに

デザイナーにとって アシックス ウィンジョブ70S ブラックXガンメタリック 25.5cm (1足) 品番:FFR70S.9075-25.5、クライアントの要望を聞き出すための ヒアリング 工程が非常に重要と言えます。

Webサイトのデザインでは、見た目の美しさはもちろん アシックス ウィンジョブ70S ブラックXガンメタリック 27.0cm (1足) 品番:FFR70S.9075-27.0、 クライアントの要望を元に目的を達成するため の構造や Nosacks/ノサックス HSKマジックJ1 29.0cm HSK-M-J1-290、そこにたどり着くための動線、アニメーションなども考える必要があります。 プラス、

、レスポンシブデザインともなれば頭の中をフル回転させながらデザインしなければなりません。

そして、そのヒアリングの内容から設計に落とし込んでいくわけですが、特にデザインの方針を決める部分が曖昧な場合は次のような事態を引き起こす可能性があります。

大幅なデザイン修正の原因

そもそも、大幅なデザイン修正をする羽目になる原因はどこにあるのでしょうか?

よくある例として、冒頭でもお話しした「とりあえず作ってみて」という言葉が挙げられます。

この言葉から読み取れる一番最悪の事態は、とりあえず少ない情報からデザイナーが何とか意図を汲み取ってデザイン

クライアントが確認して「違うなぁ
2018-01-18

トラスコ中山 TRUSCO 阪神素地 環境安全用品 安全靴・作業靴 胴付長靴 tool ツール 工具 整備 用品 とらすこ なかやま ナカヤマ 中山 トラスコ CF48325.5 ハンシン 保護具 6341687000

入数:1足

特長
●先芯入り一体型の耐油PVCブーツで、重作業に適しています。
●CRスポンジ5mm仕様により、低水温下での作業に適しています。

用途
●災害復旧。
●下水道工事。
●河川改修工事。
●水産業。

仕様
●寸法(cm):25.5
●足幅サイズ:EEE
●総丈(cm):124
●股下(cm):76
●質量(kg):3.20
●色:ブラック

材質/仕上
●胴部:CRスポンジ(5mm厚)・シャーク/ジャージ
●靴部:耐油塩化ビニール(PVC)

商品の詳細な情報はメーカーサイトでご確認ください。

取り寄せ商品のため納期確認後に発送

Simon/シモン 安全靴 編上靴 SL22-R黒/赤 24.0cm SL22R-24.0,Simon/シモン 安全靴 短靴 SL11-R黒/赤 24.5cm SL11R-24.5,Simon/シモン 安全靴 短靴 SL11-BL黒/ブルー 26.0cm SL11BL-26.0,Simon/シモン 安全靴 編上靴 SL22-R黒/赤 24.5cm SL22R-24.5,asics/アシックス ウィンジョブ71S ブラック×ガンメタリック 30.0cm FFR71S.9075-30.0,Nosacks/ノサックス HSKマジックJ1 24.5cm HSK-M-J1-245,Simon/シモン 安全靴 編上靴 SL22-R黒/赤 27.5cm SL22R-27.5,Simon/シモン 安全靴 短靴 SL11-BL黒/ブルー 26.5cm SL11BL-26.5,Simon/シモン 安全靴 編上靴 SL22-R黒/赤 26.5cm SL22R-26.5,Nosacks/ノサックス HSKマジックJ1 23.5cm HSK-M-J1-235.

Tags: asics/アシックス ウィンジョブ70S ブラック×ガンメタリック 28.0cm FFR70S.9075-28.0 Bates DELTA NITRO-6 EW7.5【E02347EW7.5】 販売単位:1足(入り数:-)JAN[18466855775](Bates タクティカルブーツ) WOLVERINE社【05P03Dec16】 Bates DELTA NITRO-8 EW7.5【E02349EW7.5】 販売単位:1足(入り数:-)JAN[18466856659](Bates タクティカルブーツ) WOLVERINE社【05P03Dec16】 Bates DELTA-8 デザート EW9【E01801EW9】 販売単位:1足(入り数:-)JAN[18469934347](Bates タクティカルブーツ) WOLVERINE社【05P03Dec16】 Bates スポーツ コンポジットトー 5 EW9.5【E02264EW9.5】 販売単位:1足(入り数:-)JAN[18463111324](Bates タクティカルブーツ) WOLVERINE社【05P03Dec16】 Bates DELTA-9   EW8.5【E02950W8.5】 販売単位:1足(入り数:-)JAN[773040368231](Bates タクティカルブーツ) WOLVERINE社【05P03Dec16】 Bates スポーツ コンポジットトー 8 EW7【E02263EW7】 販売単位:1足(入り数:-)JAN[18463110433](Bates タクティカルブーツ) WOLVERINE社【05P03Dec16】 Bates DELTA-8 サルビア EW8.5【E01802EW8.5】 販売単位:1足(入り数:-)JAN[18469935054](Bates タクティカルブーツ) WOLVERINE社【05P03Dec16】 Bates DELTA NITRO-6 EW10【E02347EW10】 販売単位:1足(入り数:-)JAN[18466855829](Bates タクティカルブーツ) WOLVERINE社【05P03Dec16】 Bates スポーツ コンポジットトー 5 EW7【E02264EW7】 販売単位:1足(入り数:-)JAN[18463111270](Bates タクティカルブーツ) WOLVERINE社【05P03Dec16】

【送料無料】Bates CODE6-4 EW7【E06604EW7】『4913876』タクティカルブーツ,【送料無料】Bates コンポジットトー GX-8 EW8【E02276EW8】『4913124』タクティカルブーツ,【送料無料】ハンシン SW-511 エントラント チェストハイウェーダー L【SW-511-L】『4817303』胴付長靴,【送料無料】Bates スポーツ コンポジットトー 8 EW8.5【E02263EW8.5】『4912926』タクティカルブーツ,【送料無料】Bates スティールトー 8 EW8.5【E02320EW8.5】『4913205』タクティカルブーツ,【送料無料】ハンシン SW-511 エントラント チェストハイウェーダー S【SW-511-S】『4817346』胴付長靴,【送料無料】Bates ZERO MASS 8 サイドジッパー EW10【E05161EW10】『4913728』タクティカルブーツ,【送料無料】Bates スポーツ コンポジットトー 8 EW8【E02263EW8】『4912918』タクティカルブーツ,【送料無料】Bates CODE6-4 EW9.5【E06604EW9.5】『4913922』タクティカルブーツ,【送料無料】Bates CODE6-4 EW10【E06604EW10】『4913868』タクティカルブーツ.


Bates CODE6-4 EW8 E06604EW8(4913892),Bates CODE6-6 サイドジッパー EW9.5 E06606EW9.5(4913990),Bates スポーツ コンポジットトー 8 EW9 E02263EW9(4912934),ハンシン CF-483 胴付長靴 先芯入り 25.5cm CF-483-25.5(4816943) JAN:4518208209621,Bates スポーツ コンポジットトー 5 EW9.5 E02264EW9.5(4913019),Bates ZERO MASS 8 サイドジッパー EW10 E05161EW10(4913728),Bates CODE6-8 サイドジッパー EW9 E06608EW9(4914058),Bates スポーツ コンポジットトー 5 EW9 E02264EW9(4913001),Bates CODE6-4 EW8.5 E06604EW8.5(4913906),ミドリ安全 安全靴 紳士靴タイプ WK300L 26.5cm WK300L26.5.


、もっとこう何ていうか…」

デザイナーはほぼ作り直し

ディレクションの中でもデザイン部分は曖昧になる場合が多く 、このように後々で認識の相違が生まれてしまうことも少なくありません。

このような事態を避けるためには、今後どのように進めていくのが良いのかを、デザイナーの立場から共有していきたいと思います。

クライアント側とのイメージ共有のために

クライアントからのデザイン修正を最小限に留めるためには、やはりクライアントからのヒアリングや、社内に持ち帰ったあと担当デザイナーに受け継ぐ際のMTGで、 いかに同じイメージを共有できるかが大事だと思います。

曖昧なまま進めず、ここにしっかり時間をとって丁寧にやるかやらないかで、成果物の質にも影響してくると思いますし、しっかりイメージ共有できた上で改めて提案することによって、提案自体もより的を得た的確なものになります。

超激安ハンシン CF-483 胴付長靴 先芯入り 25.5cm CF-483-25.5(4816943) JAN:4518208209621 HSK-M-J1-290 GX-8 (4912969)

よくやりがちですが、「ターゲットは40代女性なので落ち着いた感じで!よろしく!」と曖昧なイメージで指示するのはNGです。

まずはwebサイトを作る目的に従って、デザインの方向性を整理しましょう。

一つ知っておくべきなのが、クライアントはとにかく目的(お問い合わせを増やしたい、知名度を上げたいetc…)を達成するために依頼していて、デザインに詳しいわけではないので、そもそも的確なイメージを共有してもらえることはほとんどないということです。

そんなクライアントから核心を聞き出すためには、設計の段階で ユーザに伝えたい事に順位づけをすることも一つの方法です。

構成の中でどこを目立たせたいのか、そのクライアントが「お問い合わせを増やしたい」という目的でWebサイトを作るのであれば、1番に目的である「お問い合わせ」を設定しますよね。

そして2番目にはどこを目立たせたいのか、3番目には…と決めていきます。

こののような、目的がはっきりしている場合はスムーズに組み立てることができますね。

ですが例えば「初めて会社を立ち上げたから、とにかく子どもからお年寄り、取引先にも信頼を得たい」というような少し欲張りな要望について、この順位づけは力を発揮します。

広いユーザ層を満足させる製品を作ろうとしたら、理屈から言えば、機能をなるべく多くして、最大の人間に対応できるようにするべきだということになる。この理屈は間違っている。たった一人のためにデザインした方が、ずっと成功するのだ。-アラン

という言葉があるのですが 、その通り、情報やコンテンツを詰め込みすぎて結局何が言いたいのかわからなくなってしまっては意味がありません。

目的に順位をつけて、下層に来てしまったコンテンツに関しては、カラーでカバーすることも一つの手段です。

カラーイメージを明確にする

「ピンク」と一言で言ってもたくさんの種類があります。

薄いピンクは優しいイメージを与えますし、濃いピンクは若さや奇抜さ、シアンをプラスすると渋い印象になったりと、同じ「ピンク」でもカラートーン・彩度・明度によって与える印象が全然違ってきます。

カラーイメージが明確になれば、フォントの選定やサイズ感も汲み取りやすくなるので、しっかり決めておくことをおすすめします。 ついでに、カラー選定に役立つツールをいくつかご紹介します。

カラーにはそれぞれ意味があって、意外と深いんです。詳しくはまたブログに書きたいと思います!

より具体的に伝える

こちらもカラーと同じ原理ですが、例えば「明るい感じ」という言葉。

カラー的になのか、もしくは内面の気持ち的な意味なのかで、作るデザインは全く違うものになります。

前者の場合は彩度を上げるか明度を上げるかを考え、後者の場合は構造や装飾を考え考えます。

また、言葉で伝えるのが難しい場合などは、参考サイトを提示する方法もあると思います。

ここにも1つ注意点を上げるとすれば、そのサイトの参考にしてほしい部分はどこなのかを明確にしておくことです。

全体のカラートーンはこのサイト、フォントの使い方や大きさはこのサイト、ただこのサイトのフォントだとうるさすぎる 、というようにNGな部分も上げつつ、指示するとより正確なイメージを比較的うまく伝えることができるのではないかと思います。

大雑把な指示ではイメージと違うデザインになってしまう可能性もあるので、具体的に指示するようにしましょう。

デザイン方針定義書の作成

上記内容が固まったら、デザイン作業の前にデザインの仕様書を作って、見える形でお互いの認識を一致させるとなお良いと思います。

クライアントからの要件や目的を洗い出し、配色やフォントの方針、参考サイトやUIの方針 、デザインする中での注意点(レスポンシブデザインの場合は、画像の比率を気をつけるなど。)まで具体的に仕様を作成することで 、後からデザインがブレる可能性も防ぐことができます。

ちなみにGrow Groupでも「デザイン方針定義書」をデザイナーが作成し、ディレクターからその方針で問題ないというOKが出てからデザインしていくというフローを業務の中に組み込んでいます。

さいごに

デザインは感覚的なものなので、具体的に認識を統一することが比較的難しい分野です。

デザインの表現方法は無限にありますが、そこから最善の方法を選び出すことが成果につながります。

だからこそヒアリングというインプットの情報が多ければ多いほどで表現方法が絞れるので、より的を得たものを、スピーディーに作ることができます。

また、その後のデザイン方針もきっちり詰めておく事で、デザイン管理も驚くほどスムーズにいきます。

イメージの共有を曖昧にせず、デザイン方針定義書を作成して具体的に認識を統一することが、、デザイン部分のWebディレクション(クライアント→ディレクター→デザイナーまで)を円滑に進めていく最重要事項だと思います。

この記事を周りの人にシェアしませんか?

関連する記事

デザイン,Webデザイン / 2016.12.08 / さとお
この記事を書いた人
デザイナー さとお

甘いものより炭水化物派のさとおです!よろしくお願いします。

一覧へ戻る

Privacy Policy Copyright ©ハンシン CF-483 胴付長靴 先芯入り 25.5cm CF-483-25.5(4816943) JAN:4518208209621 All Rights Reserved. © Grow Group Co.,Ltd. All Rights Reserved.

{yahoojp}nc03-yyp01-gui-zd-3810