グラフィックデザイン

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



2
Photoshopでシームレスパターンを自動的に繰り返す方法
私はすでにシームレスなパターンを持っているとしましょう。たとえば、これは: すばやく4回繰り返したいと思います。 結果は次のようになります。 ワークスペースのサイズを変更してからさらに3回コピーして配置する代わりに、Photoshopでこれを自動化する方法はありますか?

5
Photoshopで異なるピクセル解像度のレイヤーを使用できますか?
ピクセルアートにはPhotoshopを使用しています。参照写真がある場合、その画像を背景として使用し、その上のレイヤーにピクセルアートを描画できるようにしたいと思います。 問題は、Photoshopでピクセルアートを行うために見つけた最良の方法は、実際のピクセルを操作し、最大2000%までズームインすることです。つまり、最終的なアートに合わせて、参照写真のサイズと解像度を小さくする必要があります。この方法では、リファレンスの詳細が大幅に失われるため、フル解像度のリファレンスを使用する場合よりも、アートの決定が難しくなります。 同じドキュメントで異なる解像度のレイヤーを使用する方法はありますか?たとえば、160 x 120のピクセルレイヤーと、800 x 600のピクセルの背後にある参照画像があるとします。そうすれば、1pxの鉛筆ブラシを使用してピクセルを描画できますが、同じドキュメントの参照として高解像度の画像を使用できます。 それが重要な場合、私はCS6で作業しています。 これは、作業するドキュメントとして私が達成したいことのモックアップです。 明確にするために編集:この画像は、私が達成したい究極の効果ではなく、作業ファイルを次のように見せたいものです。背景の高解像度画像と前景の低解像度ピクセルアート。1pxの鉛筆ブラシで編集できます。

2
一般的なカーニングペアとは何ですか?
適切なカーニングを設定することは、書体を設計する上で最も重要な部分の1つです。安価なフォントや無料のフォントには、カーニングが不適切または存在しないことが多く、テキストを手動でカーニングするのは非常に面倒です。 KO、AV、LT、TAなどの一般的なカーニングペアがいくつかあります。 カーニングを使用した場合と使用しない場合の一般的なカーニングペアの図: 目によるカーニングは長くて面倒なプロセスになる可能性があり、現在の私のプロセスは非常に無計画です。したがって、私が探しているのは、カーニング時に使用する一般的なカーニングペアと一般的な文字列です。 明らかにすべての書体は異なりますが、出発点として使用するものは非常に便利です。

4
グラフィックデザインの能力を向上させるために従業員を導く方法は?
私は、数年の歴史を持つ中小のソフトウェア開発会社のCTOです。私はRRHHの選択、教育、内部昇進を行っています。昨日までは開発者がいましたが、設計はサードパーティによって推進されていました。現在、物事は順調に進んでおり、設計者を雇用するために設計リソースを管理する予定です。 執筆の時までに、私はとても好きな人を選びました。彼は非常に若くても非常に熟練していて多価的であり、また彼は非常に独裁的です。彼は、グラフィックデザイン、UIデザイン、UX管理、HTMLレイアウト、イラスト、プロジェクトドキュメントを担当し、すべてを非常にうまく行っています。 私が心配しているのは、過去に経験を積んだ数人のデザイナーと仕事をしたことがあり、彼らの作品の品質のレベルが異なることを知っていることです。従業員のグラフィックデザインの品質は、まだ5/10の目標に達しています。急いでいるわけではなく、彼のトレーニングにリソースを投資できます。しかし、私は彼のスキルを向上させる方法についての知識がなく、ソフトウェア開発者の専門能力の向上についてしか知りません。 デザインをより細かく、印象的で、表現力豊かで、顧客の心を砕くものに見せたい場合は、どのアクションを実行する必要がありますか?新規採用者の学習プロセスをどのように推進すべきですか? 人々が表現している疑いに関する明確化: 設計分野については何も知らないと思うが、その分野の学習プロセスについて知識がないので、結果が保証できない、またはキャリアを無駄にすることを管理したくないその男の。 デザイナーが選ばれたのは、彼に熟練した人がいるからだけでなく、マネージャーやチームとの良好なレベルの信頼と心理的なつながりがあるからです。当社のすべての雇用は、その基準に基づいています。物事は順調に進んでおり、私たちは非常に幸せな職場を構築しており、それが何年も続くことを願っています。これが機能しないことを保証する専門家の意見は悪いことではなく、私はそれらを歓迎します。 私はこの男が好きだと理解している人もいますが、彼は少し下手です。それは真実ではありません。男は彼が持っている仕事の経験のために十分に熟練しています。ここには2つの目標があります。まず、次の月と年が彼のトレーニングで本当に生産的であり、彼がそれに応じて専門的に成長することを確認したいと思います。第二に、そして私がそれを書いているとき、私はこれが今私にとってより重要なことであることを理解しています:男の脳の働き方、私たちが彼の教育を放置した場合、彼はそのテクニックのバリエーションを実験し、さらに異なる能力を学ぶことに力を入れますが、私たちとの彼のプロとしてのキャリアのために、私たちは彼の質を高めることにもっと興味を持っています彼のグラフィックデザインの能力、そして彼らがより高い品質基準に達したとき、彼がデザインI + Dプロセスをリードできたら幸いです。これはその可能性を制限することではないことに注意することが重要ですが、その学習面が改善されないままではないことを試みること、そして彼が興味を持っている企業がどの能力を向上させて企業で価値を得るかを従業員に伝えることも重要です。 リソースについて:私は、リソースに関する文でいくつかの悪い言葉を選んだかもしれません。同社は、経済危機に苦しんでいる国と地域に居住しているため、企業は非常にけちです。教育にリソースを使う準備ができていると言うと、労働者が自分の教育を支援することを期待していないことを意味します-周りの企業はそうします-しかし、少なくとも現在、私たちはそれを運ぶために追加雇用を行うことができません教育-しかし、これがうまくいくと非常に興味深いアイデアだと思います。 文化的なヒント:会社のある場所では、人々は人生で仕事を切り替えることはめったにありません。言い換えれば、彼らは必要なときだけ(前の会社がcrash落したか解雇されたとき)会社を変える。合理的な説明はなく、文化的なものです。これは、回答者が、私たちが一人の従業員の教育にそれほど重点を置いている理由を理解するのに役立ちます。 関連するヒント:職業上のキャリアの初期段階から、彼らと家族関係を築くためだけに、ジュニアを採用することをお勧めします。高齢者が必要ですか?はい、しかしそれらを「ビルド」したいです。

2
Sketchドキュメントに挿入された元の画像をどのようにエクスポートしますか?
背景用のいくつかのJPEG画像をSketchドキュメントに挿入しましたが、今度はWebで使用するためにフル解像度の画像を取得したいです。JPEGを別のJPEGにエクスポートして画像をもう一度圧縮したくないのですが、それが唯一の方法です。SketchのJPEG最適化がPSほど優れているとは信じていません。ラスターエディター。 「新しいJPEGとしてエクスポート」ではなく、ドキュメントに配置された元の画像にアクセスし、「コピーして貼り付ける」方法はありますか?

1
マイナス記号の正しい文字は何ですか?
ほとんどどこでも私は、いわゆる参照ハイフンマイナス(Unicode文字U+002DとHTML記号&#45実際には標準であるマイナス記号として使用)ハイフン文字(Unicode文字U+2010とHTML記号を‐)あなたは、この例の式で見ることができるように。 理解できるように、ほとんどのフォントでは、ハイフンマイナスにはマイナス記号を表す最適な幅、太さ、または位置がないため、practicaltypography.comは ダッシュを使用します。これにより、スプレッドシートまたは数式でマイナス記号を使用できます。 この例に従うと、次のようになります。 しかし、私の意見では、これは少し誤解を招く可能性があります。なぜなら、ダッシュはスパンまたは区別を示すためにも使用されるためです。 一方、「日常会話」には「正しい」マイナス記号(Unicode文字U+2212とHTMLシンボル−)がありますが、何らかの理由でめったに使用されません: 活版印刷の文脈でマイナス記号を表すために、ハイフン(-マイナス)記号、ダッシュ、またはマイナス記号を使用する必要があるのか、と思います。 以下のよう@PieBieと@Zach Saucierが指摘そこに多くのユースケースがあります。しかし、出版の種類は違いを生みますか? 数学の方程式を書くときに同じマイナス文字を使用したり、このサイトのインスタンスへの否定的な投票を示したりしないのはなぜですか。 サイドノートとして: I理由なしにもいけないノウハウマイナス記号(U+2212)ではなく、我々はマイナスキー押したときに、ハイフン(-minus)が表示されます-、私たちにテンキーを。異なるキャラクターに同じキーが2つあるのはなぜですか? 注:例では、sans-serif書体Arialが使用されました。

4
会社のロゴの色が悪い場合でも、ウェブサイトの色として使用すべきですか?
私は自分がいる会社のウェブサイトを構築していますが、マーケティング部門は色の余地をあまり与えていません。#2DCCD3ロゴにあるため、どこでも使用する必要があると彼らは言いますが、飽和し、限定されているウェブサイトは、青を使用する他のすべてのウェブサイトのように見えます。 同社にはブランド戦略が実装されておらず、至る所にあります。私の考えは、ウェブサイトを定義した後にそれを構築することです。 私の質問は、彼らは正しいですか?記憶に残るウェブサイトを損なうようなブランド認知のためにその色を使用すべきですか? 私がウェブサイトに提案するカラーパレットは次のとおりです。 勾配:#ff2645〜#d05822 ホバーイン: #ff2645 次のテキスト要素とソリッド要素: #fff ベースのアイコン: #0F8186 追伸 すべてのページに勾配があるわけではありません。

2
階層ボタンセットを描画して、実際よりも不快感を少なくする方法
階層データを移動するために使用できるボタンセットを作成しようとしていますが、それはswのように見えます。修正方法がわかりません。 上の画像で「パネル」が選択されている場合、一番上のボタンを押すと「AnimatedPanel」が選択されます。左のボタンをクリックすると、「スクリプト」が選択されます。右のボタンをクリックしても、パネルはリストの最後の項目なので、何も変わりません。下のボタンを選択すると、「EventHandler」が選択されます。 ボタンセットは、ラベルの左側に配置されます。アイテムが選択されると、ラベルとボタンが表示されます。たとえば、Webページには、垂直または水平のメニュー項目のリストがあります。ボタンセットとラベルは、選択したメニューの上に配置されます。次に「in」を押すと、最初のメニュー項目が選択されます。「左」または「右」を選択すると、メニュー項目が移動します。それが理にかなっていることを願っています。 これを減らす方法はありますか? @PremierBromanovの詳細: 現在の方法では、「Up」、「L」、「R」、「Panel」のように3つのラベルがすべて一列に並んでいます。 「上」、「左」、「右」という用語を使用していますが、「上」は実際には「現在の行から移動して前の行に戻る」という意味です。これらの用語は、水平方向のレイアウトでの表示方法に大まかに基づいています(ただし、垂直方向では意味がありません)。 XMLでは、ブランチノードやリーフノードなどの用語を使用します。ブランチには、リーフノードがあります。階層データでは、親ノードと子ノードという用語も使用されます。その場合、先祖と子孫があります。兄弟もいます。それらは同じ親を共有する子ノードです。 したがって、最後のケースでは、現在の子ノードの親、前の兄弟、次の兄弟、および子孫を持つことができます。また、前の左、次の葉の親ブランチを持つこともできます。この場合、葉に葉がある場合、枝になります。したがって、親ブランチ、前の葉またはブランチ、次の葉またはブランチ、および現在のブランチの葉。

5
「ワイヤー」(1次元)フォント
私が聞いたすべてのフォントは2次元です:各グリフは基本的に2次元領域(閉じた輪郭またはいくつかの閉じた輪郭)であり、ソフトウェアまたはプリンターはユーザーの指示に応じて何らかの方法でストロークまたは塗りつぶします。グリフは、領域ではなくセグメントのコレクション(ソフトウェアはストロークできますが、必ずしも塗りつぶすことはできません)として記述されている1次元フォントがあるかどうかを知りたいです。 言い換えれば(または画像で)、下の写真の右のものではなく、左のものが欲しいと思います。これは存在しますか? (写真は申し訳ありませんが、それは本当に悪いことがわかります;私はすぐにそれをしました)
17 fonts 

3
Pantoneのコーティングされた色とコーティングされていない色はどのように関係しますか?
コーティングされたPantoneカラーとコーティングされていないPantoneカラーの関係を理解するのに、いくらか助けが必要です。 私がオンラインで読んだものから、コーティングされたフォーミュラ(たとえば200 C)は、コーティングされた(光沢のある)ストックに印刷するためのものであり、コーティングされていないバリアント(200 U)はコーティングされていない(光沢のない)ストック用です。 これは、それぞれのストックに印刷されたときに、色ができる限り似ているように調合されていると思うようになります。 ただし、私のディスプレイでは見た目が大きく異なり、カラーブックを対象とするPantone外部参照アプリで実行すると、TPXそれぞれに対してかなり異なる結果が返されます。 200 C => 19-1763 TPX 200 U => 17-1641 TPX コーティングされたストックとコーティングされていないストックで達成可能な色の違いは、この不一致につながるほど深刻ですか?または、コーティングされた色とコーティングされていない色がそれぞれのストックで同じ結果を生成することを意図していると誤解していますか? 色が単にとして参照される場合Pantone 200、これはコーティングされた色またはコーティングされていない色を意味すると解釈されるべきですか?

3
なぜ人々はJPG画像を使用するのですか?
どこにでもJPG画像が表示されます。しかし、なぜ? PNGファイルには不透明度がありますが、JPGファイルにはありません。サイズを比較するためにいくつかの画像をPNGとJPGにエクスポートしてみましたが、両方とも一致するか、PNGが小さくなります(もちろん画像によって異なります)。 これは「JPG」という512x512のJPG画像です そして、これは「PNG」という512x512のPNG画像です。 JPGは31.7kb、PNGは25.9kbでした それで何が得られますか?
17 png  image-format  jpg 

4
Android DPとCSS pxの間で変換する方法は?
これはおそらく初心者の質問だと思いますが、それは本当に私を混乱させます。 私は、Google Material Designのドキュメントと、cssでのその実装の一部を読んでいます。仕様はAndroidで記述されていますがdp、CSSコードはpx長さの単位として使用します。 私を混乱させるのは、css実装が仕様から正確な値を使用することが多いことです。たとえば、トーストには次のものが必要です。 単一行のスナックバーの高さ:48 dpの高さ 最小幅:288 dp 2 dpの丸い角 対応するCSS: min-height: 48px; min-width: 288px; ... border-radius: 2px; 私の現在の理解では、Android DPは一般に160dpi画面で1ピクセルのサイズで表示されますが、CSS pxは視覚的な角度として定義されます。それで、ある距離で見pxたdpときと同じことが起こるのでしょうか?その場合は、一般的なパターンを使用することであるpxとして、dpCSSで、またはCSSコードを、私は完全にやった誤解? 以前はAndroid開発について何も知らず、デザイナーも知りません。助けてくれてありがとう。
17 css  android 

6
光ファイバインターネット会社のこのロゴコンセプトをどのように評価しますか?
上記は、ロゴの背後にある概念です。そして、以下は会社が行うことの説明です。 さらに、説明では、アイコンを左に揃えて、右への移動をもう少し強化しています。 どのように改善できますか?これは大規模な会社なので、将来問題を引き起こす可能性のあるものはすべて指摘してください。
17 logo  critique 

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