グラフィックデザイン

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

1
Safariで20ピクセル未満のサイズでぼやけて表示されるSVG画像
私はSafariでデモしているIpadのモバイルデモを行っています。アイコンを使用して、画像を3倍に拡大縮小する必要をなくしています。問題は、私が使用している20px未満のアイコンは、ズームインするまで画面がぼやけるということです。他の誰かがこの問題を経験し、修正方法を知っていますか?参考までに、これらの画像をIllustratorで保存しました
7 svg  css 

3
ロゴのコントラストとバランス
私はデザイナーではありません。自分が参加しているオンラインコミュニティの新しいロゴを作成しています。私はいつも明るい色が好きでしたが、目を傷つけるほど飽和してはいません。私は通常、HUSLパレットを使用して、色が本当に人間にやさしいことを確認しています。 #1 is #008bd1 [200, 100, 82] and #d14700 [20, 100, 82] #2 is #0053a0 [209, 100, 63] and #e61a27 [356, 89, 90] 考えて、いじくり回した後、私は#1を思いつきました。色は私たちのコミュニティが関係しているゲームから取られましたが、それは問題ではありません。Palettonでそれらを選ぶこともできます。重要なのは、彼らがよく見えると思うことです。 今、私の仲間は、代わりに人気のある色、コカ・コーラ/ペプシのラベルではないものを使うべきだと強く信じています。そこで、#2(ペプシブルー、コーラレッド)を作りました。そして、正直に言って、それは#1よりも優れていると考えています。 明らかに、明度は#1(青と赤の間)でよりバランスが取れており、スケールの中央にいくらかあるので、ロゴは白と黒の両方で等しく目立ちます。これで、#2は、白い背景でも、「1」にいくらか焦点を合わせているように見えます。私には奇妙に見えます。 もう1つ考慮すべき点は、#1は平均して明るいため、ロゴの大きなグループで目立つようになるということです。また、ウェブサイトやドキュメントの上部に注目を集めます。 私の意見は直感に基づいていますが、それを裏付けるための客観的な方法があるかどうか知りたいです。それとも私たちの趣味がすべてであり、私はただ物事を想像していますか? この質問は具体的すぎるように見えるかもしれませんが、そうではないと思います。現在のタスク以外に例はありません。


2
「貼り付け」座標の開始点にどのように影響しますか?
オブジェクト要素をあるページから別のページの高さの別のページにコピーしたい。要素は、x軸とy軸で同じ座標を持つ必要があります。「貼り付け」機能が思い通りに動作しません。 次の図は、このテキストで説明できるよりもはるかによく説明されていると思います。 この問題を解決する方法を知っていますか?

4
Webサイトの1つのグラフに3つのデータを表示するより良い方法
最も古い答えは、この最後の編集の前に私のグラフを参照していたことに注意してください。それは素晴らしい答えでした、私の編集のためにそれを割引しないでください。 私が行った調査の量と、週ごとに完了したページの数を、日ごとに分割して表示したいと考えています。以下のように実行しました。 グラフを理解できないと言われたことがありますが、それ以外にどのように表示できるのかわかりません。 これらをより明確に表示するにはどうすればよいですか?

4
IllustratorがPhotoshopでできないことは何ですか?
私はPhotoshopの専門家ですが、イラストレーターの初心者です。私はインフォグラフィックを作成する必要があり、 Illustratorが実際のデザイナーが使用するものであるという疑いがありますが、Photoshopはベクトルを非常にうまく処理し、Illustratorがこれに何を追加するのかわからないので、なぜそう思うのかわかりません。 。(私はそれが多くを追加しないとは言っていません、それが何であるか本当に知りません。) 私がIllustratorを開くたびに、(私が学習する前のPhotoshopのように)困惑しているように思われ、それが本当に学習に取り組むべきものなのか、それともPhotoshopがIllustratorにできるすべてを実行できるのか疑問に思っています。


2
文頭のスモールキャップイニシャリズムをどうするか
私は私の論文を植字し、イニシャル主義のための小さな大文字の使用を楽しんでいます。彼らは文の途中で見栄えがしますが、文の最初に落ちた場合はどうすればよいかわかりません。 現在私は(1)をやっていて、文の始めにイニシャリズムを書いてしまうのであれば、それを避けるために言い換えます。これにより、文が少しゆがむ場合があります。最初に残したい場合は、選択肢を見つけたいと思います。 (2)私には間違っているように見えます。 (3)は一般的ですか?小さな大文字が適用されている通常の単語に少し似ています。 (4)は、1つの文の2つの異なる表現と一致していないようです。 (5)私はスモールキャップをすべてあきらめています。 私は何をすべきか?

1
物理学ドキュメントのデザインに関するフィードバック
私はデザイナーではなく、物理学者です。2005年に、私が教えていたラボクラスで、宇宙線の測定方法について学生向けのガイドを作成しました。今、私はそれを再設計しており、設計の専門家の意見を求めたいと思います。 物理学のドキュメントは退屈で魅力的でない傾向があるので、私はそれを単純ですが目を引くように保ちたいです。私のエンドユーザーは学部生です。私はLaTeXでそれをやっています。これが私がこれまでに持ってきたものです(ズームするには、右クリックして[画像の表示]を選択できます)。 カバー: 目次セクションのタイトル、表/図のリスト、参照など。私はそれらのタイトルに異なるスタイルを使用して、ドキュメントの本文と区別することにしました。また、これらのセクションの番号はローマ数字です。 章のタイトル:黄色はあなたの目を傷つけますか?私は青や灰色のような他の色を試しましたが、使いすぎだと感じました。暖かくて新鮮で、大胆なものが欲しかった。 次に、ガイド内にいくつかのタイプのコンテンツが表示されます。 順序付きリストと順序なしリスト:数字とアスタリスクは安っぽすぎませんか?灰色が十分に読めませんか? 内部(赤)と外部(青)のリンクですが、色を変えるのは良い考えですか? ページ番号のスタイル:章とセクションのタイトルは灰色で、フォントはsansですが、読みやすいですか?別の方法で作りますか?このセクションでは、黄色をいじってみませんか?灰色が鈍すぎるですか? 灰色のブロック:注意を引くために使用されます。レイアウト全体でグレーを乱用しているかどうかはわかりません。 コードスニペットのスタイル:再び灰色。多すぎる?コード構文で色の組み合わせをどのように見つけますか?左の行番号は情報が多すぎませんか?彼らはそれを混んでいるように見せますか? 表と図のスタイル:表をもっとポップアップにする必要がありますか?シンプルにしたかったのですが、色を追加する必要があるかわかりません。テクニカルテーブルの縦線は避けてください。横線のみ追加しています。また、キャプションはsansフォントのままにすることにしましたが、本文はセリフのままですが、良い考えでしょうか。 いくつかのフィードバックを聞きたいです。乾杯!

3
自分の作品を批評するメンターを見つけるにはどうすればよいですか?
私は自己学習型のグラフィックデザイナーです。私はPhotoshop、Illustrator、InDesignを使用していて、仕事でこの大きなショックを受けるまではうまくやっていると思っていました。私はあるウェブデザイン会社で1年間働いていましたが、ちょうど今、私は経験が浅く、自分に割り当てられたタスクで失敗したと言われました。 今私の視点から、私は自分の才能を磨く方法を知りたいです。私には才能があることはわかっていますが、グラフィックデザインスクールに通っていたなら、勉強しておかなければならなかったであろういくつかの基本的な概念や原則を逃したかもしれません。私は自分の弱点を見つけたいと思っています。私は、自分の弱点を見つけて修正に導いてくれる優れたメンターを必死に求めています。

3
「このページは作成中です」というメッセージまたはページがまったくない場合。
デザインの観点から、ページがまだ準備されていないが、サイトの残りの部分は準備ができている場合。次の方が良いでしょう: 「このページは作成中です」というメッセージがある、または 準備ができるまで、ページをまったく持っていませんか? 設計上の各決定がサイトのパフォーマンス(人気度)にどのように影響するかに興味があります。「作成中」のメッセージは、ユーザーがサイトを楽しむ可能性に影響しますか? サイトを設計するとき、どの決定がよりユーザーフレンドリーなのでしょうか?

3
ブラウザー間の互換性をデザインに組み込む場合、何を考慮すべきですか?
通常、ウェブサイトのデザインを作成するときは、1つのブラウザー(Chrome)に焦点を当て、別のブラウザーを開く前にそれを完全に構築します。完了したら、他のブラウザでテストして、指を交差させ、すべてが正常に見えることを期待します。 ブラウザー間で一貫性を保つのに役立つ利用可能なCSSノーマライザを知っていますが、不必要な肥大化を防ぐために、CSSノーマライザを使用しないこともあります。 私は最新のブラウザのみに関心があり、ピクセルパーフェクトなデザインは必須ではありません。ブラウザー間の互換性の問題による潜在的な頭痛や「CSSハック」を防ぐために、どのような設計(視覚的と内部の両方)に関する考慮事項に注意する必要がありますか?
7 css 

2
遠近法で描く:球を立方体に合わせる
2点透視図(または3点図)で描かれた立方体があると仮定します。 立方体の中に球が四方に接するように描きたいと思います。 球は紙の上で円になります。 センターを見つけるにはどうすればよいですか? 半径を見つけるにはどうすればよいですか? 少なくとも中心を見つけるのは簡単だと思いました(対角線を描く)が、正しい結果が得られるかどうかはわかりません。 明確にするために、これはペンと紙の質問です。定規は大丈夫ですが、コンピューターはそうではありません。

2
ディセンダーのない「バイフォーム」フォントはありますか?
フォントがあることが表示され、それぞれの全体像と52の英語のアルファベットの形の一つ一つ ➝ と➝ ベースライン(上)上記? 明確化: ベースラインのオーバーフローのために拒否された形状の例: 一部のユーザーは、これは不可能であると述べていました。しかし、それは可能です。私は少なくとも2つの解決策を考えました: 尾は可能性が送られた下向きの代わりに上向き。 このように、尾を短くしてアルファベット全体を上にシフトすることができます(そうです、私の絵はぎこちないですが、それはアイデアです)。 基本的な英語のアルファベット➝ と➝ をサポートするフォントだけが必要ですが、アラビア数字0➝9もサポートできれば素晴らしいです。

2
2つの異なるパスが同じポイントで接続しないようにする-Illustrator
ペンツールを使用しているときに、Illustratorの同じ場所で2つの異なるパスが出会うときに、2つの異なるパスが接続しないようにする方法を誰かが知っているのかと思っていました。あなたが彼らに望まないときに彼らがそれをするとき、それはかなり厄介です。 問題を回避する唯一の方法は、他のポイントを作成してから、選択ツールを使用して別の別のポイントの上にドラッグすることです。私がやっていることで、その方法は永遠にかかります。 ここに私が止めたいものの例があります:

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