プロのWebデザイナーはAdobeソフトウェア（Reflowなど）を使用していますか

Question

これはささいな質問のように思えるかもしれませんが、プロのWebデザイナーからの答えを知りたくてたまらないです。

私自身、過去8年間に数多くのウェブサイトを構築してきましたが、その中には非常に成功しているものもあります。ただし、私は常にphotoshopでそれらをラフなPNGとして設計し、自分でゼロから再作成しようとしました（Bootstrapなどのフレームワークを使用）。

私が知りたいのは実際の業界のWebデザイナーが多くのプログラミングを行うReflowのようなソフトウェアを実際に使用しているかどうかです。または、彼らは自分でサイトをプログラムしていますか？彼らはどのようにサイトを設計および構築していますか？

サイトのデザインのためにもっと良いソフトウェアが欲しいのですが、プログラミングに関しては...最初からやり直すべきだと思います。これは間違った態度ですか？適切な業界のWebサイトのワークフローは何ですか？（Spotify.com、Facebook、Twitterなど）。彼らはどのように彼らのサイトを設計し、構築しますか？

（これを間違ったStackExchangeに投稿した場合は、移動してください）

Eamonn Burke · Accepted Answer

Webデザイナーとしての私の経験から、ほとんどの人はPhotoshopまたはIllustratorでデザインします。プロの環境では、デザイナーと開発者はほとんど常に別の人です。したがって、サイトを設計する人は、それを構築する人ではありません。それらは2つのまったく異なるスキルセットであり、デザイナーと開発者の両方がそれぞれの分野の専門家です。

コードを生成するプログラム（リフローなど）を使用する傾向がある人々は、多くの場合、開発者にアクセスできないデザイナーです。小規模なサイトを設計し、自分でサイトを構築している人々、そしてこれらのシナリオでは、これらのプログラムは有用です。

ただし、大規模なエンタープライズサイトの開発については、通常、ゼロから作成されます（Bootstrapなどのフロントエンドフレームワークを使用する場合もあります）。 Facebookのようなサイトには巨大な開発チームがあり、おそらく何千人もの人々がすべて特定の部分を担当しています。小さなウェブサイトでは自動生成されたコードで十分かもしれませんが、開発者はあなたが考えているよりもはるかに多くのことを背後で行っているため、私のマシンはまだ置き換えられません;）

とはいえ、フロントエンドのコーディングに精通しているデザイナーはたくさんいます。どのWebデザイナーも、Webのしくみや機会と制限などを実際に理解するために、少なくともいくつかのコードを知っている必要があります。

user46618 · Answer

私は約5年前からウェブサイトの設計と構築を行っており、仕事を簡単にできると主張するツールやフレームワークを避けがちです-私はそれらの主張を信じていないからではありませんがそれらはしばしば正しくないためです個人的な解決策です。

私の最初のWebデザインの役割の早い段階で、私の雇用主はDreamweaverのようなソフトウェアや、JavaScriptベースのナビゲーションメニュービルダーを使って私の学習プロセスを助けようとしましたが、どちらかといえば、それらは邪魔にすぎないことがわかりました。私はBootstrapを避けるために使用していました。外部から、そのグリッドシステムはかなり制限されているように思えたので、確かにこれは実際に試してみる前に形成した悪質な知覚でした（少年のエラー！）;試してみたところ、非常に柔軟で（しゃれたことは意図されていません）、実際に作成するほぼすべてのレスポンシブサイトで使用しています。

私は最初から、スケッチから、Photoshop、ブラウザに至るまで作業を行うことを好みますが、以前の方法で新しいツールを使用するという考えを却下しないことを学びました。私の意見では、「実業界のWebデザイナー」は、それがうまく機能していれば、必要なことをすべて実行するツールを使用します。

これが役に立てば幸いです！ :)

PixelGraph · Answer

私はおよそ10年間Webデザイナーをしてきましたが、Adobe Edge ReflowとAdobe Museをテストしましたが、それらを専門的に使用することはありません。私はそれらをウェブベースのアプリケーションに使用しているとは思いませんが、ウェブサイトにそれらを使用することを排除していません。通常、アプリケーションはEclipseのようにIDEで編集する必要があります。つまり、可能な限りクリーンなコードが必要であることを意味します。また、WYSIWYGが自分で書くほどクリーンなコードを生成するかどうかはわかりません。

ワイヤーフレームはIllustratorで設計し、グラフィックベースのモックアップを最初に行う場合は、IllustratorまたはPhotoshopで設計してから、それに合わせてレイアウトをコーディングします。ブラウザでデザインすることもあります。私はBootstrapを使用するプロジェクトもあれば、CSSレイアウトを最初から作成することもあります。一般的には、グラフィックプログラムを最初に設計する方が速くて簡単です。特に、 m大きく異なる可能性のある複数のレイアウトオプションをクライアントに提示する。

最近、グラフィックモックアップを最初に行わないプロジェクトが増えています。代わりに、基本的なワイヤーフレームから始めて、そのためのCSSのコーディングに直接進み、初期バージョンをモックアップと呼びます。