グラフィックデザイン

私はWeb開発の学習に非常に興味があり、数年前にW3SchoolsからHTMLとCSSに関する基本を学びましたが、今日の標準に準拠したWebサイト、つまりテーブルを使用しない自由に流れるサイトを開発する方法を学びませんでしたサイトの設計を管理します。 私が始めることができるいくつかの良いリソースは何ですか？

22 website-design  resource-recommendations 

私の理解から、 SVGZは、SVGの圧縮ファイルタイプです。私はSVG画像の使用が大好きで、SVG画像を多く使用しました。 私がそれらを使用したすべての時間で、私は数百キロバイトを超えるグラフィックを持ったことがありませんでした。 レスポンシブWebサイトの作成中に、レスポンシブグラフィックスにSVGを使用します。私のお気に入りのデザインスタイルはベクターベースのグラフィックなので、私もそれらを使用します。私の最も強いデザインの強みは、特にグラフィックデザインに関してはイラストレーターです。 SVGグラフィックを使用するもう1つの理由は、腕や脚など、グラフィックの特定の要素を簡単にアニメーション化できることです。 特に、ページの全体にまたがる都市のような背景要素は、ライトのちらつきなどをアニメーション化します。 ファイルが圧縮されている場合、SVGコードが失われるため、アニメーション化できませんか？ SVGだけでなくSVGZを使用する理由はありますか？ 更新 古代のCS3がSVGZを保存できることを知ったので、SVGとSVGZを作成して、それらがWebでどのように動作するかを確認することにしました。 テスト後、SVGZファイルタイプで非常に予期しない問題が発生しました。（Chrome、Firefox、およびIEでテスト済み）画像の直接URLにアクセスすると、エラーが発生します。これらのファイルタイプのSVGコードにアクセスできないと仮定していますが、フィドルを作成した後、画像を表示することさえないようです。 これらはウェブにとって役に立たないのですか？ .svg .svgz JSFIDDLE

22 adobe-illustrator  website-design  vector  svg 

Inkscapeでは、最初にテキストを入力し、円を作成してから、中心から2本の線を作成しました。次のようになります。 さて、前に作ったピースを切り取って、このように見せたいです。 私はそれを機能させることはできません。すべてのパスブール演算が機能していません。円のように円を切るにはどうすればよいですか？

22 inkscape 

私が働いている会社のためにパワーポイントのテーマを作成することを任されましたが、要件の1つは、ほとんどのコンピューターに標準で付属しているフォントを使用することです。グラフィックデザイナーがより頻繁に尊重し使用する組み込みのサンセリフフォントにはどのようなものがありますか？

22 fonts  typography  sans-serif  microsoft-powerpoint  presentation-design 

イラストレーターと複数のアートボードを使用して、ウェブサイトのレイアウトを設計しています。多くの場合、最初から始めて（当時の始まりだと思います）、15ページの深さを取得します。次に、最初に別のページを追加する必要があることに気付きます。このページをページ1にしたいのですが、ページ内のすべての要素を1つずつ物理的に移動せずにこれを行うことは可能ですか？

22 adobe-illustrator  artboard 

私は6か月間デザイナーとして働いていましたが、以前はグラフィックコミュニケーションの優等学位を取得していました。私の問題は、私は非常に良いデザイナーですが、仕事が遅すぎるということです。自分ともっと早く仕事をしたいというクリエイティブディレクターとの間に亀裂が生じ始めています。私は常に大学でもワーカホリックであり、常に110％を費やし、本当に尻込みしますが、それでもプロジェクトを迅速に完了するのに十分な速さではありません。仕事は良いですが、効率的ではありません。 スピードアップに役立つヒントはありますか？

22 workflow 

議論すべき具体的なものがあるので、この配色があるとしましょう。 ソース 補色、単色などに基づいてコヒーレントな配色を選択する方法については多くの記事がありますが、色のセットを取得したら、どの色がヘッダーであり、どの色がリンクであり、どの背景であるかをどのように決定しますかとテキスト。暗い場所にライトを点灯するか、暗い場所にライトスキームを使用するかを決めたとしても、画面に残りの色を配置すると、サイトが見苦しくなります。 どの色がどこに行くかを決めるのに役立つ経験則や一般的なガイドラインはありますか？

22 website-design  color  color-theory 

Photoshop CS6でデザインを作成し、多数のスマートオブジェクトを使用して、ワークフローをより簡単にしました（少なくとも私にとって）。これで、デザインの作業が終了しました。PSDのファイルサイズが大きいため、すべてのオブジェクトを「スマート化」したいと考えています。私はしませんやりたいラスタライズレイヤーを私はスマートオブジェクトに保存されていたすべての層を維持したいので。各スマートオブジェクト（一部にはレイヤースタイルが適用されています）をグループ（フォルダー）に変換します。グループ（フォルダー）にはすべてのレイヤーが含まれ、+スマートオブジェクトに元々適用されたFXがスマートオブジェクトの正確な場所にありますオブジェクトは以前でした。 私はインターネットでこれについて何も見つけることができませんでした。 また、一部のスマートオブジェクトには、内部に内部スマートオブジェクトがあります。これを手動で行うことは問題ありませんが、スマートオブジェクトのすべてのレイヤーをコピーして貼り付けるのは非常に面倒な方法です。貼り付けたレイヤーをスケーリングおよび変換する必要があるためです。

22 adobe-photoshop  smartobject 

一般的に言えば、アセンダーとディセンダーはテキスト本文で互いに触れないようにする必要があります。読みにくいテキストにつながる可能性があるため、これは自明です。 しかし、Erik Spiekermannは、たとえば見出しをより強力にするために、部分的に重複する文字から利益を得るユースケースがあることを指摘しています（Spiekermann 1986：43）。 また、彼は例を示しています（Spiekermann 1986：42、arrows by me）。 子孫とアセンダーが絶対に触れてはならないというルールがあります。このルールには例外があり、見栄えが良い場合は触れてよいと述べています。 この例では、文字gは次の行の文字üおよびRに接触します。 デジタルタイポグラフィでは、文字は必ずしももう（依然として実質的に存在する）は、それらの「金属」ブロックのサイズに接続されていない、例えばフォントでAmsterdamer Garamont、小文字のhは小文字ながら上にそのブロックを超えるpは上のブロックを超え左側と下側（Forssman and de Jong 2014：86）。著者は次のように書いています（私による翻訳）： 手動組版では、これは不可能です。文字の重複部分は、上下の行の文字と衝突して壊れます。 質問： デジタルタイプの発明以前は、リードボディタイプを使用した手動植字で、重複文字はどのように生成され、上記の問題はどのように解決されましたか？ 参照作品： フォルスマン、フリードリヒ、ラルフデジョン。ディテールタイポグラフィ。マインツ2014（2002）。 シュピーカーマン、エリック。Ursache＆Wirkung：アインタイポグラフィッシャーローマ。エルランゲン1986。

21 print-design  typography  typesetting  history  traditional-media 

それで、しばらくの間、私はWebデザイン/ Web開発を学習し、クラス（私は学生です）のためにいくつかの小さなプロジェクトを行い、主題について読み、ビデオを見ました。私は今やデザインの原則にある程度精通しており、きれいで見栄えの良い、レスポンシブなWebサイトを構築することができます。 それで最近、最初の「本当の」ウェブサイトを構築する機会がありました。私の親relativeが関わっている合唱団のためだったので、私は無料でやることを申し出ました。 そこで、素敵なウェブサイトを構築し、自分のデザインにかなり自信を持ち、クライアントに見せました。彼らは見た目は素晴らしいと言ったが、背景色、特定の要素のフォントサイズなどを変更するなど、たくさんの「小さな」変更を行うように頼んだ。最悪なのは、私が作成したロゴの1つを使用する代わりに、1つではなく2つの大手企業のロゴを引き剥がすものの1つが描いたものを使用することにしたことです。（後で、元の提案がはるかに良く見えることに同意した訓練を受けたデザイナーである私の友人に尋ねました）。 問題は、私が作成したロゴとウェブサイトを使ってポートフォリオの構築を開始したかったからです。しかし、私が実装したすべての変更の後（なぜそれらが悪いアイデアだったのかを説明しようとしましたが、彼らはそれを持っていなかったでしょう）、ウェブサイトは本当にひどく見え、私は私の作品としてリストに載せたいものではありません。では、元のサイトと作成したロゴをポートフォリオに追加するにはどうすればよいですか？元のデザインを別のgitブランチに保存したので、そこに戻ってスクリーンショットを撮り、元のサイトをサーバーにミラーリングすることもできます。 ライブWebサイトにリンクし、いくつかのスクリーンショットとともに、私が制御できなかった変更について言及する必要がありますか？または、写真を置き換えて、ダミーのテキスト/写真を提供した写真をコピーし、自分のサーバーのサブドメインにページをアップロードする必要があります（そしてポートフォリオ内のページにリンクします）？または、より良い方法がありますか？また、どのように私は、クライアントが、私は彼らが否定的治療または恩着せてることを感じることはありませんような方法でそれを行うことができます（のように「愚かな顧客だったので、ここで愚かなアイデア私の独創的なオリジナルデザインですか」）？ 関連するメモでは、ウェブサイトとロゴデザインを1つのポートフォリオエントリにバンドルする必要がありますか？

21 designers  client-relations  portfolio 

画像をご覧ください。コピーを書くために、右側の人の上半分に白い色を付ける必要がありました。 グラフィックデザインでそうしても大丈夫ですか、それともひどく間違っていますか？ PS：コピーサイズと行/単語の数は異なる場合があります。

21 text  design-principles  advertising 

私は働いている会社で唯一の資格のあるデザイナーであり、グラフィックデザインの経験がなく、現在の傾向やその他のことを知らず、自分の作品を見て、食物連鎖の上位にいる誰かと格闘しています。 「もっと色を付ける」や「少しジャズする」などのあいまいな指示を与えてくれます。 素敵なタイポグラフィと視覚的階層を利用した黄色の広告に素敵な黒を使用し、2色とうまく組み合わせました。彼のコメントは、「もっと色をつけて、多分バブルを少し派手にするためにいくつかの泡をつけて」だった。問題は、「より多くの色」が私の意見では効果を台無しにすることです。基本的に彼は「もっと多い」と考えているようで、彼の提案はこの作品の主なメッセージをそらすだけだと思います。基本的に私の問題は、私がデザインよりもデザインについてあまり知らない人から指示を受けていると感じていることです。 このようなことをどのように処理しますか？私の考えは、彼に彼が何を望んでいるかを正確に教えて、それからそれをやらせることですが、彼はそれをやると「スプルーイスアップ」などの本当にあいまいな指示を与えます。すべて自分で悪化します。

21 client-relations 

私はグラフィックデザイナーになりたいのですが、コピーを書いたり、編集したり、スローガンやキャッチフレーズを思いついたりするのが苦手です。 グラフィックデザイナーとして成功するためには、ライティング、スペリング、文法などを本当に学ぶ必要がありますか？

21 tools  designers  education 

バックグラウンド ドイツ最大の貨物ステーションの1つを毎日通過していると、トラックのデザインは通常のデザインとはかなり異なることに気付きました。率直に言って、それは通常私をむしろ悪いと思います。この印象に貢献する繰り返し機能は次のとおりです。 選択した書体または背景が原因で、読みやすさが低下します。 影の効果; 不格好で不明瞭な書体。 すべてのキャップまたはスモールキャップの過度の使用。 過度にタイトまたはワイドな文字間隔。 一般的なレトロな感じ（1990年代、私が間違っていなければ）。 これには時折例外がありますが、一般的な傾向は顕著です。 質問 運送会社の設計のこれらの特性の背後にある理由は何ですか？例えば： これらの選択に実用的な理由はありますか？ これらの設計は（貨物会社の）特定の種類の顧客向けですか？ 意図的な安価なデザインの場合ですか？はいの場合、なぜですか？ 単なる（意図しない）安価なデザインの場合、なぜこれが経済的な選択なのでしょうか？これが顧客を獲得するための適切な手段である場合、設計はより良いものになると期待しています。一方、そうでない場合は、デザインが完全に自家製である¹または広告に使用されているスペースが期待されます。 違いがあれば、ここで中央ヨーロッパについて尋ねています。 ¹いくつかのケースを説明できますが、一部のケースではありそうにない 例 次の例のほとんどは台形変換によって取得されたものであり、正確なアスペクト比を持たない場合があります。 次のソースから適応イメージ： 1、 2、 3、 4、 5、 6、 7。

21 design-principles  marketing 

通貨記号は、特に金額に関しては、通貨名の略記として毎日使用されます。ほとんどの場合、これらの一般的な通貨記号のように、 サインに取り消し線があります。ビットコインでさえ、古い通貨記号と新しい通貨記号で 2つのストライキを使用します。 記号がポンド記号のような昔ながらのスタイルで書かれている場合でも、通貨記号をアルファベットの他の文字と区別しやすくするためだけに取り消し線を使用しますか？@Rad Lexusが指摘したように文字を再利用するよりも、まったく新しいシンボルを発明する方が安全ではないでしょうか？ サイドノートとして：モノポリーでも実際のお金とゲームのお金を関連付けるために通貨記号のストライクアウトが「疑似標準」になったと仮定することができますか？ 編集I：として@Zach Saucierは、（非常に）似た質問がで頼まれた言及quora.com。残念なことに、IMHOが提供する答えはあまり満足のいくものではありません。主要な通貨記号の（仮説）履歴のみが掲載されており、通貨記号にストライクアウトが一般的に使用される理由は説明されていません。

21 typography  symbols  history