グラフィックデザイン

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

4
Webサイトで使用するのに最適なフォントサイズの数はいくつですか?
Webサイトで使用できるフォントサイズの数を教えてください。 誰かが3つ以上の異なるフォントサイズ(たとえば、見出しに16px、テキストに11px、小さい見出しに13px)を使用しない方がよいと私に言った。 Webページごとに4つ以上のフォントサイズ(例:4)を使用することは良いことですか、悪いことですか?4つ目を使用することを検討しているので質問しますが、それが私のデザインを台無しにする可能性があるかどうかはわかりません。

3
Photoshopで32ビットpngをアルファチャネル(透明度)で保存する方法は?
Androidアプリケーションのアプリケーションランチャーアイコンとして画像を使用したい。 Androidガイドラインでは、ランチャーアイコンの画像は32ビットのPNG画像でなければならないことを指定しています。 アルファ付きの32ビットpngファイルを作成するために必要な手順を説明してください。 または、これらの手順を示すビデオリンクを共有します(ある場合)。

5
イラストレーターでカラーピッカーを使用する方法
グラデーションツールのカラーピッカーで色をサンプリングするにはどうすればよいですか?既存のキャンバスから色を選択できるphotoshopのようにカラーピッカーが機能しないようですが、正確な16進法を知っている必要がありますか?この例では、グラデーションツールの色を選択しようとしています。キャンバス上にカーソルを置いてもピッカーが表示されないため、色を選択できません。カラーピッカーツールの外でサンプリングする方法はありますか?

1
スポットカラープリント-白を示す方法
私はWebを使用することを好むので、私はプリンターを使用して以来、永遠に存在しています。ホワイトインクを使用するドキュメントに関するこのメッセージを受信しました。Adobe Illustratorでこれを実現するにはどうすればよいですか?(ドキュメントには既にCMYKが割り当てられています。) 必要なのは、「白」というタイトルのスポットカラーとして指定された白インクを使用した印刷可能なPDFです。

1
CMYK SVGを読み取り、インポート、または変換できるものはありますか?
短い質問:SVG仕様に従って指定された、CMYK色のSVGファイルがあります。これをデザインプログラム(すべてのデザインプログラム)に組み込んで、デザインを完成させ、印刷する準備をします。ただし、実際にはSVGのCMYK色に注意を払うものは何も見つかりません(とにかく、IllustratorやInkscapeではありません)。 色は複雑で、簡単に変換するのは簡単ではありません。ブランドガイドラインで指定されたCMYKの色合いやブレンドが適切でなければならないため、動的に生成される数百のシェードを想像してください。 背景: javascriptとSVGを使用してデータから生成されるデータ駆動型グラフィックを設計し、JavaScriptとSVGを使用して、たとえばD3を介して(またはRaphael / D34Raphaelを介してIEをサポートして)Web用に1つのバリアントを公開することが一般的になりつつあります。次に、同じコードを使用して、印刷用のバリアントを生成します。これは、Illustrator(またはInkscape)で終了し、プリンターまたはレイアウト担当者にPDFとして送信されます。 これは、ニューヨークタイムズのグラフィックブログの例で、このワークフローについて説明しています。以下のグラフィックはWeb用にコード化されており、SVGがブラウザーからIllustratorにコピーされ、印刷グラフィックとして完成しました(色は単純なので、問題はなく、RGBから変換するだけです)。 : SVG は CMYK色を指定できます(SVGコーダーの場合、構文は次のようになります:)<circle fill="#CD853F device-cmyk(0.11, 0.48, 0.83, 0.00)"/>。しかし、ほとんどの設計ソフトウェアはこれを無視します。InkscapeコミュニティでCMYK SVGのサポートやScribusに関する複雑な問題(「オープンソースのInDesign」)についての話を見てきましたが、どちらもうまく機能できませんでした(Scribusを誤解している可能性があります)。 - 編集: この記事は、ICCカラープロファイルとして定義されている場合、ScribusがCMYK SVGをインポートできることを示唆しています ...まだ十分に理解されていませんが、有望に見えます)。 したがって、「Webモード」でRGB SVGの視覚化を生成し、「印刷モード」でCMYK SVGを生成するコードを作成して、適切な色を動的に生成できます。問題は、これらのCMYK SVGファイルでは何もできない-IllustratorとInkscapeがそれらを黒として処理することです。 任意のグラフィックプログラムは、そこにあるプラグインまたはCMYKの形でSVG画像を撮影し、それが任意のベクトル形式に変換することができます方法(ai、pdf、eps...)ここで、設計ソフトウェアは、CMYKの色に耳を傾けるだろうか? 以下は、CMYKで色が指定されたテキストを含む単純なSVGファイルです。コピーして貼り付け、.svgファイルとして保存するだけです。 <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="176.18px" height="111.59px" viewBox="0 0 176.18 111.59" …

8
ブートストラップに基づくビジュアルWebエディターはありますか?
ブートストラップは素晴らしいフレームワークです。ブートストラップのhtmlコードを生成しながら、htmlコンポーネントのドラッグ、サイズ変更と移動、色の変更などの可能性を提供するツールがあるかどうか知りたいです。 Dreamweaverを使用したくないのは、クラスとIDをHTMLに追加する必要があるためです。

1
含まれているデータに基づくテーブルの自動列幅サイズを設計しますか?
デザイナーがコンテンツに合わせて少し調整しなければならないテーブルがたくさんあります。これにはプロセスにかなりの時間がかかります。これをスキップする方法があるかどうかを知りたいですか?おそらくカスタムスクリプトですか? そうでない場合、私が何をすべきかを提案できますか?列をデータに自動調整する独自のスクリプトを作成するにはどうすればよいですか? また、テーブルは常に使用可能な幅の100%である必要があります(通常はテキストボックス内)

2
70年代に美術の学生や専門家が話し合ったデザインやアートのコンセプトは何ですか?
私は不思議に思っています。あなたが[条件付きで、実際にそこにいた人々を求めているわけではない]場合、芸術(または印刷、または広告、そのタイトルが当時何だったかはわかりません)の学生または専門家70年代、あなたはクラスメート/同僚と何について話しましたか? 授業で何を勉強するつもりなのかというわけではありませんが、革命的な(そしておそらく少し破壊的な)科目をその時はどう思いますか?人々が話していたトレンド、新しいアイデアは何でしたか? アメリカやヨーロッパの学生かもしれません。ラテンアメリカの大学について考えていますが、具体的すぎるかもしれません。そして、彼らは同じことについて話していたに違いない。 たとえば、社会科学の学生がリーバイ・シュトラウスについてよく話し合っていることを知っています。これは「危険」と見なされていたため、一部のラテンアメリカ諸国では禁止されていました。多分美術の学生が...ポストモダニズムについて話していたと思いますか?フェミニズム?よくわからないので、よろしくお願いします。

2
適切な時間とツールのない正当化とハイフネーション?
私のコンピューターサイエンスの研究では、時々レポートを書くことを余儀なくされています。私はWeb開発のバックグラウンドがあり、長年にわたって印刷デザイナーとWebデザイナーの両方と緊密に協力してきたため、タイプを設定し、メッセージを適切または不適切に通信することの重要性を知っています。 私たちがレポートを教師や教授に提出するとき、彼らは通常、テキストが「単一行の高さ」で正当化されることを望みます。彼らは、各行の長さや、そこに含まれるべき文字の数については何も述べていません。これは、すべての生徒が12pt Times New Romanで1行あたり120文字を提出し、14ptの先行を正当化することを意味します。もちろん、これらのレポートはいくつかの理由で判読できません。テキスト内に浮かぶ空白の線と川(それと同様に)の長さはほんの一部です。 私はデザイナーと仕事をしている経歴があり、タイポグラフィが大好きなので、そのようなレポートを提出することを拒否します。しかし、私が持っている問題は、InDesignのコピーを所有していないことです。また、コピーを所有する場合、文字や単語をカーニング、変更、およびスペースを空ける時間もありません。 もちろん、GoogleドライブまたはWordの「正当化」機能を使用して、各行に60〜70文字を使用することもできますが、テキストの本文のすべての空白を見ると、それでも正しく感じられません。私は多くのWeb開発を行ってきたので、テキストの正当化を処理するCSS属性を回避することも学びました。 これまでは、行の長さが70〜80文字のGoogleドライブと、11ポイントのカンブリアを本文として14ポイントのリーディングで使用してきました。私のヘッダーは、14ptと18pt Droid Sansで、16ptと22ptが先行しています。私はテキストを左揃えのままにし、ハイフネーションを使用して右側の最悪のギザギザを取り除こうとしましたが、それでかなり満足しています。正当なテキストについてもっと読むようになりましたが、邪悪なコンピューターサイエンスの教授に対して私のタイプ設定の選択を守ることができるようになりました。 私は他のいくつかの投稿を読みましたが、いつものように、それはあなたが持っているテキストのタイプとあなたがどれだけの時間を持っているかに依存します: ハイフネーションは読みやすさを向上させますか? 正当化されたテキストの読みやすさと魅力 http://designinstruct.com/web-design/typography-common-myths-and-mistakes/ InDesignに$$$を費やすことなく、このテキストをできるだけ読みやすくするための専門的なアドバイスは何ですか? 単語/ドライブで正当化するか、そのままにしておくか? 十分な時間も利用可能なツールもないという正当化とハイフネーションの一般的な問題についてどう思いますか? https://docs.google.com/document/d/14mjNuMbDHtomWiwtRYR9duLC8Ug8nHDmt2g3p2Tn3mM/edit?usp=sharing

1
Jelly BeanでのAndroid通知用の高解像度の大きなアイコンの作成に関する問題
Android通知用の美しい高解像度グラフィックを作成しようとしていますが、いくつかの問題が発生しています。Jelly Beanでは、通知バナー(下記の#2大きいアイコンを参照)の左側に、大きなアイコン(ここでの通知設計ガイドラインを参照)の新しい場所があります。 純正のAndroidアイコンはすべて美しく、高解像度ですが、残念ながら、illustrator / photoshopで作成しているアイコンは、高解像度ディスプレイで鮮明に表示されません。 私のファイルは96 x 96ピクセルですが、これが高解像度アイコンに適したサイズではないことを心配しています。また、これらの最適なサイズ設定に関する適切な情報がどこにもありません。 どんな助けでも大歓迎です!
11 icon  mobile  android 

2
透明なGIFをエクスポートするときに、エッジの周りの白いピクセルを削除するにはどうすればよいですか?
ローダーをxooplate.comから取得し、含まれているアクションを使用してそれらをGIFにエクスポートしました。しかし、ローダーの周りに白いピクセルがいくつかあります。暗い背景に表示すると、本当に面倒です。これは、gifから抽出したフレームで確認できます。 これらの白いピクセルを防ぎ、透明な背景を維持するにはどうすればよいですか?

1
Inkscapeのパターン塗りつぶしのスケーリング
オブジェクトに縞模様の塗りつぶしを与えたいのですが、縞模様は細くて密集しています。[パターンの塗りつぶし]メニューから[ストライプ1:2]を選択しましたが、パターンが粗すぎます。オンラインヘルプは、オブジェクトを選択した後、パターンのスケール、方向、および原点を制御するためのハンドルが表示されることを示唆しています。しかし、それらを見つけることができなかったので、今のところ、パターンのサイズを変更せずにオブジェクトを拡大し、パターンのサイズを変更しながら縮小することに依存しています。 これを行うより良い方法はありますか、または上記のハンドルを見つける方法を逃しましたか?

5
迷惑なGIMPの問題(カーソルに円記号アイコンが付いたバケットを埋める)
レイヤーをバケツで埋めようとしているのですが、この狂ったカーソルを手に入れることができません。何かを選んだからだと思います。[すべて選択]、[何も選択しない]に疲れましたが、カーソルは変わりません。 私はそのイメージを保持できません。スクリーンダンプはそのカーソルを取得しません。直径45度を横切る線のある小さな円。 編集:そのカーソルは「円記号」アイコンと呼ばれます。画像の一部を選択して、画像の別の部分を塗りつぶそうとしたときに表示されます。正しく選択する必要があるか、ペイントするために選択内容を編集する必要があります。 もう一度編集:
11 gimp 

3
ぼろを修正するためのベストプラクティスとテクニックは何ですか?
印刷用に左揃えのテキストにぼろを固定するためのベストプラクティスは何でしょうか。改行とハイフネーションに加えて、トラッキングを使用する必要がありますか。 また、よくできていないテキストをどのように判断しましたか? ぼろきれの修正は、カーニングのように、主観的なものであり、多くの練習を重ねるだけでなく、批評も上手くいくと思いますが、始めるのに役立つ一般的なガイドラインが必要です。

1
日本語の文書にフォントを混ぜてもいいですか?
フォントを注意深く混ぜると、注意深く読んだり、理解したり、形を整えることができます。たとえば、慎重に一致したサンセリフフォントをタイトルに使用し、テキストにセリフフォントを使用すると、ユニークで魅力的なデザインを実現できます。 Kaku / MaruフォントをMinchoフォントと混合することでこれと同じ効果を達成できるかどうか疑問に思っていました。たいていの人は悪い衝突を引き起こすのを恐れてフォントを混ぜないことに気づきますが、日本語で混在したフォントをうまくブレンドすることはできますか?

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