回答:
さて、ここには2つの学校があります...
印刷デザイナーにPostScriptコードを書くことができるかどうか尋ねると、彼らはあなたを笑います。印刷設計者は、出力用にPostScriptファイルを手動でコーディングする方法を学ぶことに興味を示したことはありません。彼らは完全にWYSIWYGエディター(Photoshop、Indesign、Illustratorなど)に依存しています。だから、答えは強調だろうがありません。
Webデザイナーがマークアップまたはコードを記述してWebサイトを作成できるかどうかをWebデザイナーに尋ねると、一般的には「はい」になります。ほとんどのWYSIWYG Webエディターは人間ほど熟練していません。確かにそれらはより高速になる可能性がありますが、一部の領域では必ずしも完全または詳細であるとは限りません。熟練したWebデザイナー/開発者の多くは、マークアップ/コードを手動で作成することを好みます。だからこのグループに尋ねれば、あなたは一般的なイエスを得るでしょう。
さて、svgコードを直接書くことがあなたにとって価値があるかどうかは別の問題です。私が個人的には、SVGコードが期待どおりに表示されることを前提に、SVGコードがどのように記述されているかを口に出さないでください。また、WYSIWYGエディターを使用し、必要に応じてテキストエディターでsvgを手動で開いて「微調整」できることも知っています。そのため、svgコードのすべてのインとアウトを知りませんし、気にしません。必要に応じて学びます。
利益独自のSVGを書くには次のようになりコントロール。手動で書くことは、多くの場合、これまでの自動方法よりもはるかに詳細で構造化されています。上記のWeb箇条書きを参照してください。あなたが細心の注意を払うタイプであれば、テキストエディタからsvgグラフィックを構築できることに大きな満足を感じるかもしれません。
抑止力は、時間になります。多くの場合、WYSIWYGエディターを使用する方がはるかに高速です。または、エディターを使用してから、手動でsvgコードを変更します。
だからそれは本当にあなたの呼び出しです。
他の人(雇用者/クライアントなど)へのメリットについては、言うのは難しく、熟練度とスピードに大きく依存します。Illustrator / inkscapeの描画を開いて保存するのと同じ時間に手動で記述したsvgグラフィックを作成できる場合は、サードパーティにとって価値があるかもしれません。ただし、コードの記述に2〜3倍の時間がかかるとしたら、同じことを2倍の価格で望んでいる人はいないでしょう。
SVGを手で書くのはそれほど難しくありません。それは私の個人的な趣味のために少し冗長ですが、それは要点のほかです。
ベクターファイルを手動で書き込む方法を知るには、いくつかの理由があります。
一部のデータにアクセスでき、グラフィックエディタで開くことができる必要があります。SVG、EPS、またはDWGへのデータのダンプは比較的簡単です。その後、任意のアプリケーションでさらに処理できます。
これにより、場合によっては何倍もの生産性を実現できます。しかし、フォーマットを覚える気がないと、生産性を上げることはできません。あなたのプログラマーなら、あなたは間違いなくこの理由で学ぶべきです。
質問とユースケースの例:import-vector-data-into-illustrator
あなたはあなたの編集者がうまくいかないことをしています。非グラフィックスエディタでより簡単に行えることがまだあります。最も注目すべきは、数学的な組版ですが、カスタムハーフトーン生成などのようなものもあります。
ここでの1つの大きなSVGユースケースは、インタラクティブな使用のためのCSSの生成です。またはSVGアニメーションの準備。しかし、これだけに限定されません。多くの場合、forループや単純な検索と置換、またはいくつかのテキストのコピー貼り付けは、手作業で行うのが非常に面倒な不思議なことです。ネストされた変換を作成できることは、GUIで悪夢となるような方法でフラクタル生成に使用できます。
しかし、これを行う方法を知っていると、あらゆる種類の奇妙な理由が発生します。といった:
ほとんどのユーザーにとって、学ぶことは意味がありません。いいえ。しかし、これを知っていても害はないので、興味深いと思うなら、数週間このテーマに費やすかもしれません。それは大きな成果をあげるかもしれません。
確かに、私にとってもその必要性はそれほど頻繁には発生しません。
文字通りの質問に答えるには:
Inkscapeのようなツールを使用してグラフィックを描画するよりも、path要素とd属性を使用して手動でグラフィックを作成する利点(数学の助けを借りていると思いますか?)がありますか?
めったにありません。私は通常WYSIWYGツールを使用しませんが、グラフィックのデザインには使用します。さらに、必要に応じてInkscapeのインターフェースから手動でノードの位置などを微調整できます。
ただし、パスを手動で生成する方法を知ることは非常に貴重です。
内部で何が起こるかを知ることは、WYSIWYGツールを使用するときに何をするかをよりよく理解するのに役立ちます。:への強い関係があるグラフィックデザインのために必要とされる数学は?。数学の基礎となる曲線に関する直接の例については、私の答えを参照したいと思います。
パスを手動で生成する方法を知っている場合は、SVGをプログラムで自動的に操作する方法も知っています。Joojaaの答えは、すでにこれについていくつかの良い例を示しています。
Inkscapeはより非効率的なSVGコードを生成しますか?
はい。Inkscapeのコードは、小さくすることを目的としていません。SVGのファイルサイズを小さくするための特定のツールがありますが、何が重要かわからないため、ツールはこれまでしか実行できません。何らかの理由でさらに先へ進む必要がある場合は、SVGを手動で「ゴルフ」する必要があります。例については、この回答を参照してください。それでも、これを行う場合、通常は最初からではなく、WYSIWYGで生成されたSVGから始めます。
答えは両方です。これが、両方のオプションが存在する理由です。
一部のグラフィックが描画アプリで作成されたり、一部がコードで作成されたりするわけではありません。つまり、作成するすべてのグラフィックで、次のツールの準備が整っています。
… それがSVGツールキットだからです。そして一般的に言えば、あなたはその順序でそれらを使用します。
作成するグラフィックごとに、99%の描画と1%のコード、または10%の描画と90%のコード、または50:50を使用できます。ただし、作成できる最高のグラフィックを作成したい場合は、描画やコードだけを使用することはほとんどありません。
コード部分は単に最適化である場合もあれば、アニメーションである場合もあれば、単純なグラフィックを使用して回転を伴う複雑なものを作成している場合もあれば、誤って単に埋め込まれたビットマップ。しかし最終的には、コードを作成して公開することになるので、少なくとも出荷するものを承認する必要があります。
そして、その一方で、何かアートがあり、それにいくつかの人生がある興味深いグラフィックを作成したい場合は、目と視覚皮質を使用して、少なくとも最終グラフィックの最初のドラフトを作成することで、多くのことを得ることができます。クリップアートを開始点としてインポートするか、以前に作成したグラフィックをテンプレートとして使用することができます。SVGはテキスト編集可能なXML Webドキュメントとして保存されているため、これらおよびその他の実績のあるベクターグラフィックスの生成方法はウィンドウから破棄されません。XMLドキュメントは、ベクターグラフィックス生成用の追加機能であり、描画の代わりではありません。
つまり、ツールキット全体を使用します。片方の手を後ろで縛らないでください。