Webデザイナーがコードを書く?多くの Web デザイナーは、私がどのような Web デザイナーなのかという質問を自問したことがあります。私のWebデザイン力はどこにあるのでしょうか？ワイヤーフレーム、ワークフロー、インタラクションでしょうか?コーディングの方法を学ぶつもりですか?
自分のデザインをフロントエンド コードに変換できる必要がありますか?それとも、レイヤー化された Photoshop デザインを作成し続け、その後 (他の人によって) フロントエンド コードに変換されますか?それはすべて要約すると… それは効率的なワークフローなのか、それとも違うもの、あるいはより良いものになる可能性があるのか?
まさに昔に戻りました。
分野としての Web デザインは、1.0 年の Netscape 1995 (Mosaic) の公開以来存在しています。インターネット サイトのデザインと構築は、過去 20 年間で成熟しました。当時は、Microsoft FrontPage や TextEdit などを使用して独自の Web ページを作成していました。 DreamWeaver は後から登場しました。それは先駆的でした…アイデア、デザイン、HTML に至るまで、すべてを自分で行いました。
成熟した分野
今？ Web サイトのデザインとコーディングの可能性が拡張され、改善されました。多くの異なる Web 分野が登場しています。もはや、1 人が Web サイトを提供することはありません。特に複雑で専門的なウェブサイトの場合はそうではありません。ビジュアルデザイン、UX、CSSから、 コンテンツ SEO まで – すべてのコンポーネントにスペシャリストがいます。また、より優れたプログラムも用意されており、ベスト プラクティスもすぐに入手できます。
インターネット ソリューションの設計と構築は確かに成熟した分野になりましたが、まだ成長を超えていません。
タイトルから専門性が明らかな Web 分野が数多く登場しています。一方、「Web デザイナー」という用語にはさまざまな解釈が可能です。ある人にとって、Web デザイナーはフロントエンド (ルック アンド フィール) の形成だけに重点を置いています。もう 1 つは、デザインを HTML / CSS に変換したり、フロントエンドとバックエンド全体を変換したりする人です。
コーディング: はい、いいえ?
私は自分でコードを作成しようと何度も試みましたが、クラス、タグ、コンテナ、div、span などの用語を分離することができず、ましてやどのパラメータが属するのかを区別することもできません。きちんとした正しいコードを提供するために、私はいつも急な学習曲線につまずきます。
もちろん、HTML と CSS を使用すれば、すばやく簡単に何かをまとめることができます。それから、それがさまざまなデバイスで動作することを願っています...プレゼンテーションには問題ありませんが、おそらく私には高品質のコーディング作業を提供することはできません (ほとんどのデザイナーはできないと思います)。デザイナーにとって、競合他社から目立つことはすでに大きな課題です。
[su_pullquote]私は、サイトの視覚的なプレゼンテーションやユーザーの使いやすさに重点を置きたいため、コーディングはしないと決めているタイプの Web デザイナーです。[/su_pullquote]
専門化
私は、視覚的なプレゼンテーションやユーザーの使いやすさに重点を置きたいため、コーディングをしないことに決めたタイプの Web デザイナーです。それは何の問題もありません。これは専門化と呼ばれます。』正直に言って、技術的な観点から見ると、プログラミングははるかに困難です。デザインが美しいか美しくないか、コードの入力ミスは「致命的」です…したがって、選択する必要があります。
プロのデザイナーになりたいなら、自分自身の最高のデザインスキルを引き出す必要があります。ほとんどの場合、これには多くの時間がかかり、新しいスキルも学ぶ必要があります。より単純な解決策を探している場合は、いつでも見つけることができます。 信頼できるニューヨークのウェブデザイン会社 すべてのニーズを満たす準備ができています。最後に、デザインのトレンドは継続的に変化し、技術の進歩は決して止まることはありません。多くの人は、デザインの品質を限界までテストするには十分すぎるほど、追いつくことを求められています。ましてや、エンコードを（継続して）したい場合はなおさらです。
「珍しい男」。
概念と偏見の混同は、Web デザイナーがコーディングすべきかどうかを議論する際に長い間大きな役割を果たしてきました。デザイナーは、「色」や「フォント」の重要性について漠然と語る「変な人」と見なされることがよくあります。コーディングができないことが判明した時点で、デザイナーは「完全」とは見なされません。
Web デザイナーはコーディングを行いますか?
私のようなデザイナーにとって、地平線上に光はあるのでしょうか?フロントエンドのエンコーディングは長期間にわたって完全に WYSIWYG になるのでしょうか? Postscript プログラミングは、Adobe Illustrator と連携する WYSIWYG に置き換えられて久しいです (Adobe の Illustrator は、もともと手書きの Postscript コードを表示するためのビューアとして開発されたことをご存知ですか?!
そして、最初はアウトラインで作業し、プレビューしかできなかった?!))。以前は、コーディングを行うことはできませんでした (自分で行うか、自分で雇用するか)。それは必要悪だった。しかし、これはもう必要ありません。プロ仕様のドラッグ アンド ドロップ アプリケーションが利用可能です。 Web デザイナーとして、コーディングに関する広範な知識はもう必要ありません。適切なソフトウェアを使用すると、美しく機能的で応答性の高い Web サイトを作成できます。
ドラッグ・アンド・ドロップ
デザイナーは、静的なワイヤーフレームやモックアップを作成する必要がなくなりました。ドラッグ アンド ドロップを通じてフロントエンド コードを作成できます。 Adobe Muse などのデスクトップ プログラムや Adobe Dreamweaver 内の「抽出」ツールを使用して、多くのフロントエンド コーディング タスクを処理できます。いくつかの取り組みでは、オンライン ソリューションも提供しています。 エレガントなテーマ ドラッグアンドドロップサイトビルダーを使用して。たとえば、WordPress のテンプレート内に留まっている場合、コードの大部分は表示されません。
また、Web 開発者は、多くの開発者が自分で作成したものと比べても劣らないクリーンな W3C 準拠の HTML / CSS を作成するため、文句を言う必要はありません。これは Twitter の Bootstrap フレームワークに基づいています。いいえ、Webflow、Macaw、または Webydo によって生成されたコードはエクスポートして、外部開発プラットフォーム内で必要に応じて使用できるため、特定のアプリケーション内に閉じ込められることはありません。
もうコードは必要ありません。
それはわかっています: 大胆な発言です…しかし、デザイナーとして私が本当に望んでいることは、ウェブサイトを理解することです。必ずしもコーディングを通じてではありません。これは、次の 2 つの基本的な考え方に基づいています。
私はクライアントに予測可能な結果とプロセスを提供したいと考えています。フリーランスのデザイナーとして、プロジェクトのために（高価な）開発者を雇う機会が常にあるとは限りません。そして私のクライアントは、二者間の仲裁に入るのを待っているわけではありません。デザイナーとして気をつけたいのは、 翻訳 デザインからコードまで。重要なのは、コーディングができるかどうかです。だからこそ、専門的なアプリケーションを研究する価値があります。
自分の仕事をもっとコントロールできるようになりました。デザイナーとして、自分の作品を常にコントロールしたいと考えています。残念ながら、多くの変更は失われることがよくあります。 翻訳 デザインからコードまで。 PSDからレスポンシブHTML/CSSへの変換は1-2ではありません。自分でサイトを構築すると、プロジェクト (コース) 全体の品質をコントロールできるようになり、変更をより適切に予測できるようになります。
画面よりも奥深くを見てください。
完全に何もせずに作業する 概念 私たちは今、気づかれずに Adobe Illustrator で Postscript をエンコードしているので、コードの量はまだそこまでではありません。設計から（フロントエンド）コードへの（半）手動の翻訳は依然として必要です。 WYSIWYG アプリケーションは現在、「コード ビュー」と「ドラッグ アンド ドロップ ビュー」の 20 つのビューで構成されています。しかし、開発は急速に進んでいます。何かが機能するか機能しないかはすぐにわかりますが、その理由はあまりわかりません。そしてそれは間違いなくXNUMX年も続かないでしょう。それともそれは希望的観測でしょうか？それともそれは悪いことですか？
[su_pullquote]設計アイデアを開発者にうまく伝えられるように、正しい概念を学びましょう。[/su_pullquote]
それまでは、Web デザイナーとして、少なくとも他の不可欠な分野に対してオープンであり続けなければなりません。インターネットの技術的概念を完全に無視し、Web 開発の構成要素を無視すると、問題が発生します。開発者がどのように考え、何を必要としているのかを理解するには、独自のコーディングに関する基本的な知識が必要です。適切な概念を学び、設計アイデアを開発者にうまく伝えることができます。
開発プロセスの基礎知識
開発プロセス、さまざまなプログラミング言語の使用、および設計上の制限に関する基本的な知識があれば、より優れた設計者になれます。技術的に現実的なものをより正確に見積もることができれば、時間が短縮され、開発者のなすがままになることがなくなります。
さらに、あなたはクリエイティブ分野のプロフェッショナルとして、学ぶことに熱心です。好奇心が枯れてしまうと、巻き込まれてしまうからです。
Web デザイナーになるのは理想的だと思われました。インターネット用に美しいものを作成し、タイポグラフィーの組み合わせや配色、そして「ある意味、素晴らしい」と思えるような Web サイトを作成するために創造力をすべて使うことができたらと思います。しかし同時に、自分にはWebデザイナーとしての資質がないのではないかという不安もありました。グラフィック デザインの歴史もデザインのトレーニングもまったく受けていない私は、Web サイトの美学について誰が私を信頼してくれるだろうかと思いました。
そして、Web 開発について考えたとき、「これが私がやるべきことだ」と思いました。私は大金を稼いで、素晴らしいウェブサイトやウェブアプリを構築するための全権力を手に入れるつもりです。でも、これが退屈だったらどうする？」
しかし、HTML、Java、CSS を学び、より多くのデザイナーや開発者に会い、自分の作品に取り組み始めました。 フリーランスのウェブサイト、すべてが間違っていたことに気づきました。 Web デザインと開発のどちらかを選択する必要がないわけではありません。重要なのは、Web デザインと Web 開発の違いについての私の考えがかなり的外れだったということです。これは、初めて技術分野に足を踏み入れたときに読みたかったブログ投稿です。
Web デザイナーですか、それとも Web 開発者ですか?
さて、この投稿を終えるまでに、次のことができるようになります。
- どの道が自分に適しているかについて十分な情報に基づいた決定ができるように、デザイナーと開発者に関する最大の誤解を要約します。
- Web デザイナーと開発者が使用するスキルとツールを正確に説明した包括的なインフォグラフィック。
- すべての技術者に必要な基本スキルの内訳
- 自分の性格に最適な道を見つけるためのフレームワーク、
しかし、本題に入る前に、猫を袋から出しておきたいのです。実のところ、Web デザインと Web 開発のどちらから始めることを選択するかは問題ではありません。デジタル スキルを取得すると、Web デザインや Web 開発のカテゴリーに関係なく、より多くの現金を稼ぐことができ、最も需要の高いスキルを身につけることができます。
このガイドは、一般的な性格特性と日常業務の概要に基づいています。一部が単純化しすぎているように見える場合は、私が皆さんに決定を下すのを非常に簡単にしたいからです。実際のところ、そうですか？ Web デザイナーと Web 開発者の間には重複する部分が多くあり、出発点が正しいか間違っているかはありません。
プログラマーに関する誤解を取り除く
どのようなキャリアを希望するかを決める前に、Web デザイナーや開発者がどのような仕事をしているのかを確認する必要があります。
あなたが私と同じなら、あなたは「Web デザイナー」と「Web 開発者」が実際にどのようなものかを表すものではない方法で社会的に定義されてきました。そして、現実の生活者と話したことがありません。 Web デザイナーまたは開発者。
デザイナーと開発者についての私の最大の誤解は、彼らがどれだけのお金を稼いでいるのか、学習曲線がどれほど険しいのか、そして彼らがどのような仕事をしているのかということでした。次のような通説を信じたのは間違いでした。
プログラマーになることを学ぶことは、デザイナーになることを学ぶことよりも（あるいはその逆も）難しいです。
開発には高レベルのプログラミングが含まれるため、設計に比べて学習が難しいと考える人もいます。デザインには（学んだものではなく）生来の創造性が必要だと考えているため、デザインを難しいと考える人もいます。
ゼロから始める場合、新しいスキルはすべて挑戦です。 Web 開発と Web デザインは本質的に多かれ少なかれ難しいものではありません。あなたの強みと弱みによって、最も抵抗の少ない道が決まります。
開発者は $$$ 以上の利益を得ます。
Web 開発者の平均給与を見ると、一見すると、Web 開発者の給与が Web デザイナーの給与よりもはるかに高いことがわかります。
- ウェブデザイナー：66,000ドル。
- ウェブ開発者: 87,000ドル
*米国の給与検索を取得しました。
しかし、Web デザイナーの給与のより具体的な分野を探し始めると、この 2 つが競合していることがわかります。
- インタラクションデザイナー: 93,000ドル
- モバイルデザイン: 92,000ドル
- ユーザー エクスペリエンス デザイナー: 92,000 ドル
*米国の給与検索を取得しました。
Web 開発者の平均給与が高いのは事実ですが、初心者がこれを心配する必要はありません。 Web 開発者になる方法を学び始めたとしても、Web デザイナーになる方法を学び始めたとしても、おそらく数か月で上級フルスタック開発者 (そして非常に高い給与を得る) になることはありません。通常、それには数年の期間が必要です。経験。
それに加えて、Webデザイナーは多額のお金を稼いでいます。どちらも儲かる選択肢であるため、より多くのお金がかかると思うものよりも、より幸せになれる方を選択することをお勧めします。
Web デザイナーにはコードがありません。
一方、Web デザイナーは HTML と CSS コードを作成します。たとえば、スムーズにスクロールするサイトが必要だとします。一部のデザイナー (私たちは彼らをユニコーンと呼びます!) が独自にコーディングできます。
現在、コーディングをしないデザイナー、特に印刷デザイナーやデジタル グラフィック デザイナーもいます。それでも、ほとんどの WEB デザイナーは、HTML と CSS を使用して自分のデザインを実用的な Web サイトに変えることができます。良いお金を稼ぎ、クライアントや雇用主が最も望んでいることを提供できる最善の方法は、魔法のデザインとコーディングをパッケージ化することです。
コーディングができる Web デザイナー、特に Sass や JavaScript などの次のレベルのスキルを持つ Web デザイナーの需要は高いです。私たちは彼らをユニコーンと呼んでいます。