印刷デザイナーにウェブ用にデザインする方法を教えるには？

私はプログラマー（デザイナーではありません）で、マーケティング業界のさまざまなデザイナーと協力しています。典型的なプロジェクトは、デザイナーがWebページのデザインを考え出し、それを私（PSDファイルなど）に渡して、デザインをWebページ（HTML、CSSなど）に実装することで構成されます。

私がよく遭遇する問題は、多くのデザイナーがウェブを念頭に置いてデザインする方法を知らないということです。彼らは印刷物のためのデザインのバックグラウンドから来て、彼らはウェブデザインに同じように取り組みます、それは単に機能しません。「ユーザーがブラウザーのサイズを変更したときにデザインがどうなるか」、「タイル化可能な背景画像」、要素をすべての場所に配置する代わりにグリッド/列システムを使用してデザインしたり、「できません。すべてのブラウザで機能する複数の背景画像を持つDIVを持っている」、「12の異なるWebフォントを使用しない」など

Webを念頭に置いてデザインを改善する方法をデザイナーにどのように教えますか？これに対するさまざまな課題やハードルに取り組むためのリソースや本はありますか？あるいは、単に経験から学ばなければならないのでしょうか？

website-design education

— ジェイク・ウィルソン
ソース

私はかつてプリントデザイナーとしてスタートしました。それからインターネットが来て、私のHTML / CSS / JSを学びました。すぐにC / C ++に飛び込み、コードを考えるようになりました。数年後、私はメダルの多くの側面をカバーしています。それで、なぜ私はあなたにこれを言っているのですか？まあ、彼らは印刷デザイナーです。彼らがウェブサイトをデザインしたいなら、彼らは適応し、学ぶ必要があるでしょう。CMSを最初からコーディングしてセキュリティで保護する必要はありませんが、使用するメディアと設計対象のメディアを知っている必要があります。より簡単：彼らは自分で学ぶべきです。テクノロジーは進化します...彼らは適応するか死ぬかのどちらかです。My2Cents：XSSをキックする！（しゃれ意図）

— e-sushi

基本的に、この質問は「優れたWebデザイナーになるにはどうすればよいか」です。これは優れた質問ですが、おそらくStackExchangeには少し広い範囲です。

— DA01 2013

しかし、質問に答えるために、私が一緒に働いた最高のWebデザイナーは経験から学んだ...そして通常、彼らが設計している媒体に流暢でした。

— DA01

質問の広さに同意します。「開発者として、Webデザイナーにどのような要件を与える必要があるか」という行に焦点を当ててみませんか？

— Yisela 2013

@Jakobudは「Webのデザインを改善する」ために、「Webデザイン」をより良くする必要があります。そこに違いはないと思います。本質的に、印刷デザイナーがWebのデザインをより良くするためには、媒体をよりよく理解する必要があります。これは幅広いトピックですが、インタラクションデザイン、ブラウザ、DOM、ユーザビリティデザイン、アクセシビリティデザイン、コンテンツと構造の分離、コードの再利用性などが含まれます。残念ながら、「トップ10」のようなものはありませんこれに対するヒントとトリックの答え。

— DA01 2013

優れた印刷デザイナーは機会が減っていくので、ここ数年、私はこの種のトレーニングをたくさん行ってきました。優れたデザイナー（つまり、アイデアを視覚的にうまく伝えることができる人）を見つけた場合、彼らはWebを学ぶことができます。しかし、それは時間がかかります。

納期

彼らが彼らのデザインを開発するとき、彼らは技術的な懸念について彼らと相談することによって助けることができます。修正されていないインタラクティブな課題や機会を思い出させることは、長い道のりです。html / css / jsがどこに当てはまるかについてのガイダンスを提供することは、彼らが自由に使えるツールを理解するのに役立ちます。

理想的なシナリオ

しかし、おそらくそのための時間はありません。より良いシナリオは、彼らに熟練した上級レベルのインタラクション/インターフェース/ウェブデザイナーと協力してもらうことです。彼らはWebプロジェクトをリードし、そのメンターを通じてアイデアを実行する必要があります。私の経験では、この関係を「理解する」のに約1年かかります。メンターの見落としは、その時間の経過とともにゆっくりと先細りになります。

コメントに応えて...

手を洗って

それらの怠惰な印刷デザイナーにリンクのリストを与えて、彼らに勉強させてください。

— 私服
ソース

それで、誰かがそれぞれに教えることを除いて、デザイナーがウェブ用に設計するのを助けることができる既存のリソースはありませんか？

— ジェイクウィルソン

Webサイト、書籍、会議、学校、チュートリアルなど、既存のリソースは確かに存在します

— DA01

キック用のトークンサイトを追加しました。

— 私服2013

@Jakobudより創造的なアプローチとインスピレーションを与えるキックについては、OnePageLoveとそのようなサイトをチェックして、少なくとも「最新のWeb」がどのように見えるかを学ぶことができます。それらを示した後、そのように設計するように依頼します。彼らは何かが足りないことを認識し、プロのデザイナーとしての未来を望んでいるなら、学習を始める方がよいでしょう。一つ明確にすべきだと思います：それらを教えるのはあなたの仕事ではありません。しかし、実際にSmashing Magは、AbuzeedoやUXboothと同様に、良い出発点です。

— e-sushi

まだWebの感触がない人には、1ページのサイトについて考えるように勧めません。1ページの愛という名のもとに犯された多くの悪い経験があります;）パララックス/スクロールアニメーションの超流動性はもうありません！

— 私服2013