グラフィックデザイン

グラフィックデザインの専門家、学生、そして愛好家のためのQ&A

8
Sketch3:グループをエクスポートし、透明な背景のサイズを維持する
背景として透明な長方形のグループがあります。グループをエクスポートし、エクスポートされたpngを背景の長方形と同じサイズにします。 しかし、スケッチは透明なピクセルを自動的にトリミングします。 これはレイヤー階層です: 四角形6は透明で、サイズは50 * 50、星12は単色で、サイズは32 * 32です。このグループを50 * 50 pngとしてエクスポートします。 スケッチバージョン3.2.2を使用しています。

1
科学プロットのプロットマーカーサイズを一貫性のあるものにする方法
科学的なプロットでさまざまなデータセットを表すために、円、正方形、三角形、ダイアモンド、星、五角形、六角形などのさまざまな形状を使用するのが一般的です。これらの形状はさらに複雑になり、1つのプロットでさらに多くのデータセットを区別できます。業界標準の科学プロットソフトウェアOriginに組み込まれているこのような形状のサブセットを次に示します。 Originで作成されたプロット上の形状は簡単に区別でき、サイズがほぼ同じに見えます。私の質問は、この効果はどのように達成されるのですか? 私が最初に考えたのは、境界ボックスのサイズが同じであれば、形状のサイズが同じに見えることです。しかし、私はそれが真実ではないことにすぐに気付きました。さらに、一部の形状では境界ボックスの中心が形状の中心と一致しないため、境界ボックスをこのような形状の作成の基礎として使用することはできません。 私の2番目の考えは、面積が等しい場合、形状のサイズは等しく見えるということでした。上の図の形状の領域は次のとおりです。 {4, π, 2, 1.29904, 1.12257} すべての領域がディスクの領域と等しくなるように、形状をスケーリングします。 信じがたいですが、これらの数字はすべて同じ面積を持っています!どうやら彼らは同じサイズに見えません。 最初に自分で原理を見つけようと試みた後、Originで問題がどのように解決されるかを確認することにしました。そのため、Originで基本的な形状の散布図を作成し、PDFにエクスポートしてからMathematica 10にインポートしました。その後、形状の面積を計算し、次の表を取得しました(すべての面積はディスクの面積に対して与えられます): shape area ----------------------- square 0.957802 disk 1 diamond 1.03429 triangle 0.782499 star 0.489003 hexagon 1.01036 pentagon 1.03624 まず、ダイヤモンド(45°で回転した正方形)の面積が正方形よりも大きいことがわかります。それは驚くべきことであり、誤った実装とさえ感じます。しかし、視覚的に違いは顕著です。他の形状については、プロット上のサイズは実際に似ていますが、占有面積が大きく異なり、線形サイズが異なります。Originの開発者が選択した形状のスケールの背後にある単純な論理原理を明らかにすることはできません。彼らは目でそれらをスケーリングしたように見えます。 形状のサイズの認識に関する研究はありますか? 科学プロットのプロットマーカーの相対的なサイズを選択するためのベストプラクティスは何ですか?

4
大文字と小文字を混ぜたフォントによってどのようなキャラクター/個性が表現されますか?
私は小文字が必要な場所にランダムな大文字を持つフォントを使用する目的を推測しようとしています。 質問は、私が説明しているようなデザインを見ているだけで、そのような一見ランダムなデザイン機能で彼ら​​が何を表現しようとしているのか疑問に思い始めました。 それは楽しいですか?たぶん幼稚? このようなフォントを選択する他の理由はありますか? これに対する正しい答えはないことを知っていますが、誰かが少し洞察を提供できるかもしれません。 この質問を引き起こしたデザイン、特に「CrunCHY」という言葉は次のとおりです。


4
フォントの変更はどれくらい新しいバリエーションを構成しますか?
私は、より高価なまたは人気のあるフォントの代わりに使用できる類似のフォントまたは代替フォントについて尋ねられる質問の多くを見てきました。注目すべき興味深いことの1つは、あるフォントセットを別のフォントセットにオーバーレイし、違いがどこにあるかを確認することです。 タイポグラフィの分野で働いている人々の間で、新しいフォントがそのように認識されるためにどれだけの変更が必要かというガイドラインや基準(コンセンサスさえ)があるのではないかと思っていました。これは非常に曖昧な質問かもしれませんが、私が考えていたのは次の点です。 数字、文字、記号が異なる 大文字と小文字が異なる フォント特性の実際の変化/差異の程度(位置、傾き、幅など) 個々の文字または数字と、それが由来するフォントとの完全な一致はありません 私は、いくつかの異なるフォントのハイブリッドであるフォントのこれらの基準のいくつかを確立することは難しいと思いますが、単純な混合ではないことを保証するために、借り入れた各フォントに基準を適用することができます既存の異なるフォントを一致させて新しいフォントを作成します。

4
例のように画像を色付けする方法は?
私はそのような効果が多くの場所で使用されているのを見てきましたが、Photoshop経由でそれを複製する方法を理解していません。 画像の彩度を下げて、単色のレイヤーの下に配置し、色の不透明度を下げてみました。また、いくつかのブレンドモードを試してみましたが、役に立ちませんでした。効果はほとんど同じではありません。 これらの画像に使用されている効果を誰か教えてもらえますか?

7
新しいアイデアのブレーンストーミングを停止し、明確なフロントランナーがいないときに先に進むのはいつですか?
現在、製品の命名に取り組んでおり、名前のリストがあります。一部は大丈夫、一部はそうではありませんが、ある時点でリストを閉じて、良さそうなカップルを選択し、次のラウンドで利用可能な選択肢としてチームメンバーに提示する必要があることを知っています。 私はこの種のことを特にロゴデザインでも経験しましたが、これは私たちがデザインするほとんどすべてのもので起こりうる問題です。 時々、何かを作成し、それが完璧であるか、クライアントに提示して先へ進むのに十分なほど優れていることを知っています。しかし、そうでない場合、どのように先に進みますか?

2
署名をJPGからベクターストロークに変換する方法は?
スキャンした署名をベクターファイルに変換したいと思います。具体的には、WikipediaのBarack Obamaの署名のように、きれいで小さなSVGを取得したいと思います。塗りつぶしのないパスと幅1.4の黒いストロークのみで構成されます。 スキャンされた署名の例を次に示します。Inkscape 0.48およびIllustrator CS6に組み込まれたトレース機能を試しましたが、境界にアンカーがあり、塗りつぶしがあり、ストロークがないパスしか取得できませんでした。言うまでもなく、結果のSVGはクリーンではなく(パスの幅はさまざまです)、そのサイズはオバマ署名の約4倍です。 スキャンした署名/ラインアートをパスではなくストロークとして適切にトレースできるツールはありますか?そうでない場合、Illustratorのペンツールを使用して手動でストロークを作成するにはどうすればよいですか?

2
印刷物に非常に細い線を使用する場合、何を考慮する必要がありますか?
私はカードゲームをデザインしており、友人(グラフィックデザイナーであり、商業印刷会社で働いています)は、ドキュメントを印刷に送信するとき、私の線の細さを念頭に置いておくように言いました。 彼女が心配していたグラフィックの1つの例(フロントボックスアート):( 印刷時のサイズは3.5 "x 4") Illustratorの線の背景は0.5ptのストロークの太さで、デジタルプリンターから印刷するときに正常に印刷されます。オフセット印刷の経験はまだありません。私のグラフィックは良い結果を得るには難しすぎるでしょうか?背景に別の解決策を見つける必要がありますか?


6
今日、すべてのデザイナーが持っているアナログツールは何ですか?
ソフトウェア、つまりAdobeとAldusが急増する前に、設計者は仕事を遂行するためにすべてが揃ったツールボックス全体を必要としていました。 Tスクエアおよび三角形から、裁定ペン、マスキングテープ、フォトテープ、ゴムセメント、スプレー接着剤、ブラシ、ガッシュ、描画テーブル、テクニカルペン、マットボード、アセテート、パイカポール、フレンチカーブ、プロポーショナルホイール、タイプスペックブックまでなど 今日、すべての設計者が使用し、快適に使用できるアナログツール(ソフトウェアまたはコンピューターベースではありません)とその理由を教えてください。 ソフトウェアはすべてのアナログツールを完全に廃止しましたか?
16 tools 

2
同じスペースを共有するアセンダーとディセンダーをどのように処理する必要がありますか?
これは、クライアントのコミュニケーションアプリの最初の登録ページです。(私はロゴを覆いました-白い箱に注意してください-彼のプライバシーのために) 「y」が下降し、「h」が同じスペースに上昇するのは好きではありません。2本の線が少しtoo屈になります。助言がありますか? (アプリのフォントはrobotoです。ここでは、Roboto Boldを使用しています。) 他のデザインコメントは歓迎します-あなたが自分で振る舞う限り:)

2
IllustratorでSVG形式を使用してプリミティブをパスに変換する
Illustratorで複数の四角形で構成される簡単な描画を取得しました。それを後でコードで処理し、ドキュメントをSVGとして保存する必要があります。 長方形<rect />はSVG形式のノードとして表示されます。四角形をプリミティブ型からIllustratorのパスに変換するクリーンな方法はありますか?もしそうなら、どのように? これまでの私のハッキングソリューションは、[オブジェクト]> [パス]> [単純化]を使用することでした。変換が適用されていないシンプルなボックスを扱っていたため、直線もチェックしました。これはボックスに対してうまく機能しました(同じ数の頂点と外観を保持しました) プリミティブをIllustratorでパスに変換するための、よりクリーンでハックの少ない方法はありますか?

3
CMYK印刷用のデザインを準備する方法は?
これは別のスレッドで尋ねられました。この質問が以前に聞かれたかどうかを確認するために検索したとき。メタごとに、質の高いソリューションを示すスレッドを作成するか、他の人を支援することをお勧めします。 InDesign、Photoshop、またはIllustratorでCMYK印刷用にファイルを準備するにはどうしますか? プレートを作成する前に出力をテスト印刷する良い方法は何ですか? 6色印刷用のファイルはどのように準備すればよいですか? 8色印刷用のファイルはどのように準備すればよいですか? 黒の準備に関しては、これは素晴らしい糸です。

1
異なる背景で同じ色を表示する方法は?
色知覚の背景: 人間の目の性質と脳による視覚処理により、同じ色が背景によって異なるように見えるという錯覚があります。 以下に示すコントラスト効果として知られています—中央の長方形は同じです: ソース:ウィキメディア NASAによるイラスト(およびレポート)は、背景の色の効果をさらに明確にします。 出典:NASA Color Usage Research Lab (2番目の画像の最上部の2つの色は同じように見えますが、実際には完全に異なっていることに注意してください。) Webデザインはどうですか? 私の質問はWebデザイン、特にこの場合、さまざまな背景のリンクテキストの色に関するものです。 特定の色のテキストに対して、特定の背景で同じように見えるように補色を見つけるにはどうすればよいですか? この質問の例を見てみましょう。 #FFF000以下の背景に黄色のテキストが付いた私の例を検討してください。 白#FFFFFF、 黒#000000、 とグレー#555555。 予想どおり、まったく同じようには見えません。(ここで.PSDファイルを表示およびダウンロードします。) 3つすべてで同じように表示するにはどうすればよいですか?明らかに、白い背景のテキストは濃い黄色である必要があり、灰色のテキストは色相/トーンの調整が必要です。(周囲のテキストも影響しますが、それを説明するのは難しいでしょう。) 16進数、RGB、または別のシステムに基づいて、この完璧な色を何らかの方法で計算できますか?手動で近似するよりもはるかに効率的であるため、これがこの質問の核心です。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.