web-dev-qa-db-ja.com

Webデザインとフロントエンド開発の違いは何ですか?

それらはseemは、HTML、CSS、およびJavaScriptのスキルセットの両方を意味します。

12
gr33kbo1

もし私がそれぞれが持っているスキルの範囲を図にしようとすると:

<-- Art & Design                                          Computer Science -->

| ------------- Web Designer ------------|
                 | --------- Front End Developer ---------|
                                     | --------- Back End Developer ---------|

もちろん、特定のスキルセットは大きく異なる可能性があるため、これは一般的な範囲にすぎませんが、一般的に「Webデザイナー」はビジュアル/ UIデザインに、FEDはJS/CSS/HTMLに傾いています。時々、それらはスキルセットをまったく重複させません。ただし、理想的には、それらはスキルセットとかなり重複します。

16
DA01

これらの用語はどちらも、厳格な役割の分離という業界の先入観の不幸な副産物です。最も一般的な意味では、WebデザイナーはWeb環境用に設計するデザイナーですが、フロントエンド開発者は主にWeb環境のクライアント側部分(ブラウザー)向けに開発します。

現実的には、Webデザイナーは、Web環境に固有の問題の解決策を(うまくいけば)技術/開発で必ずしもソリューションを実装できるわけではなく、その環境の上位レベルの制限の理解に基づいて策定する人物の役割です。レベル。

その点について、フロントエンド開発の役割を定義するのはかなり簡単でしたが、クライアント/サーバー機能間のオーバーラップが急速に拡大しているため、大幅に変更されました。サーバー環境の動作層がクライアントの動作層に大きく依存するようになったため、フロントエンド開発者はもはやjustグラフィックアセットを切り取ったり、justを書き込んだりしませんside(think node.js、meteor.js、handlebars、requirejs、ember.js)と考えてください。

さらに、設計者の領域を超える可能性のある技術的な知識により、フロントエンドの開発者は通常、設計の概念段階に関与しています。皮肉なことに、「ウェブ開発者/デザイナー」として宣伝されている職位は、おそらく両方の役割の真の責任を説明するのに最も近いだけでなく、雇用主が本当に何を必要としているかを知らない多くの潜在的な候補者への危険信号としての役割も果たします。

つまり、短い答えはありません。これらの定義は、意味的に有用な記述子よりも、業界の利便性を高めています。

3
monners

デザインは、コーディングする必要があるという意味ではありません。実際、コーディングを依頼した場合、多くのデザイナーはかなり気分を害するでしょう。

ソフトウェア設計には多くのユーザー調査が含まれますユーザーが実際にソフトウェアと対話する方法を理解するのに対し、フロントエンド開発コードインターフェース。時々、一人が両方の仕事をするかもしれませんが、ソフトウェアモデル(エンジニアがコードをどう考えるか)がインターフェースで提示されるモデルと同じになる一方で、インターフェースモデルはuser'sメンタルモデルと同じです。

車について考えてください。エンジニアは、ユーザーがラダーを左に引くと車を右折させることができますが、エンジニアの車のメンタルモデルと一致していても、多くのユーザーにとって直感に反します。ユーザーのためにデザインを機能させるには、ユーザーがデザインをどのように処理するかを誰かに理解させる必要があります。その人がデザイナーです。

2
Graham Herrli

以前の投稿に少し苛立っており、2つの「職業」は実際にはどちらかのボックスに簡単に入れることができ、一部のタスクとスキルが重複していることがわかりました。私はむしろそうではないことをお勧めします。

私は両方の用語が常に作成中であると感じています。つまり、この目的またはその目的のためにそれらの用語を使用することによって、その分野で働く人々によって定義され、再定義されたビーイング:自分の仕事を定義する、自分のスキルセットを記述するまたは、異なるタスクの間に線を引くなど(おそらく、「申し訳ありませんが、私はコーディングしていません。私はWebデザイナーです。フロントエンドの開発者に依頼する必要があります "おなじみのように聞こえます)。

だからあなたの質問に戻ってください:個人的に私は「ウェブデザイン」はよりデザインに焦点を合わせたタスクとスキルを意味することを示唆します(Photoshopping、ワイヤーフレーミングなどを含むかもしれません)そして「フロントエンド開発」はタスクとスキルを意味しますよりテックに焦点を当てています(JavaScriptが含まれる場合がありますが、Cookieの処理なども含まれます)。しかし一方で、自分を「フロントエンド開発者」と呼んでいる人々も知っています。彼らがしているのは、ボックスと矢印を描くことだけです。そして、数字による描画を主にjQueryでコーディングしている「ウェブデザイナー」も知っています。 、CSSなど.

まあ-私の答えは何か答えましたか?今、私はそれがより多くの問題を提起したと感じています。申し訳ありませんが、おそらくそれらの質問は答えの一部です。

PS:DA01に触発されて追加したところ->

<-- Art & Design                                         Computer Science -->
| ------------- Web Designer ------- - - - ------ Web Developer ------------|
| --------- Front End Developer ---- - - - ---- Back End Developer ---------|
2
tillinberlin

質問で使用した言葉が答えを提供します。 Wedの設計では、タスクの設計面により重点を置いています。フロントエンド開発では、タスクの実装面がより多く扱われます。もちろん、2つの役割(CSS、HTML、Javascriptなど)の間にはスキルセットが重複しており、多くの場合、2つの仕事は社内の同じ人物によって行われます。一般に、フロントエンド開発者は仕様に従ってデザインを実装することに関心がありますが、Webデザインでは、フロントエンド開発者が使用する仕様といくつかのビジュアルアセットを提供する必要があります。 。

1
Michael Lai