グラフィックデザイン

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

13
なぜ人々は私のサイトがひどいように見えると私に言い続けるのですか?
私はウェブサイトを開発し、最近仕事を探していました。事実上すべてのインタビュアーは、それをざっと垣間見た後、私のサイトはひどく設計されたと私に言った(ただし、コンセプトは気に入りました)。私はソフトウェアエンジニアですが、デザインの部分も正しく理解しようとしています。私はそれを再設計しようとしましたが、何が変更されるのか分かりません。 これが今の様子です: 私は自分のサイトに固有のヒント、またはサイトのデザインを全般的に改善する方法について本当に感謝します(サイトのデザイン方法を説明しているサイトをいくつか訪れましたが、それは役に立たないようです:))。 編集1:先ほども言ったように、機能を紹介する前でも、見ただけでは悪い印象を与えがちです。そのため、選択した色やレイアウトに問題があると思います。そして、特定のサイトのデザインは、特定のストーリーが文学の学生に教育的であり、特定のアルゴリズムがソフトウェアの学生に役立つのと同じように、デザイナーにとって役立つと考えていました。ありがとう。 補足:機能:重要な場合は、サイトが達成することを目的としています(ごく簡単に):ユーザーはトピックを追加でき、トピックごとに質問とその回答を追加できます。このサイトでは、ユーザーが結果を確認して比較するための「テスト」と「クイズ」を作成しています 編集2:これは別のprintscreenです。 編集3:明確にするために、これらのスクリーンショット以外は私のランディングページです。これらはトピック固有のコンテンツページです。


3
デザイナーがWeb用に設計するときに犯す可能性のあるいくつかの一般的な間違いは何ですか?それらをどのように回避できますか?
設計中に回避すべきいくつかの一般的な間違いは何ですか?色、テキスト、画像がデザインで重要な役割を果たすことは知っていますが、他にも注意すべきことがたくさんあります。他のことは知りませんが、たくさんあると思います... 多くの場合、私たちは間違いで最終結果を出します(マイナーメジャー可視隠し)... だから私の質問は: 私たちがよく犯す間違いは何ですか?(あなたは蜂蜜も含まれています)(誰もが間違いを犯すようなものではありません、誰もが失敗するわけではありません) どうすればこれらの間違いを回避できますか?

4
Photoshopでリアルなゴールドを作成するにはどうすればよいですか?
Photoshopでリアルなゴールドをどのように作成しますか?レイヤースタイルとグラデーションオーバーレイ>メタリックスタイル>ゴールドを使用してみましたが、見た目はまあまあですが、多くの場合、最適ではありません。私はPSでまともな金を示すチュートリアルを見つけていません。私はそれができることを知っています。誰かが私にPSでリアルなゴールドエフェクトを作成するための最良の方法についてのガイダンスを教えてくれませんか 注:スクリーンショットはありません。グラデーションオーバーレイより少し一般的な手順を探しています。


4
シンボルの既存の名前または関連付けを見つける方法は?
私はこのようなシンボルを見ましたが、それが何と呼ばれるか、それがどんな既存の関連を持っているかも知りませんでした: 記号辞書やオンラインの「類似画像」検索を見て答えるのはかなり簡単な質問のようです。私はそれがたぶん翼か網であると思った。しかし、何も現れませんでした。私が考えた最も近いもの(記憶から)は、BMWのロゴです。これは、飛行機のプロペラを連想させるものと思われます。 私が奇妙だと思ったこと: Google画像検索の「類似検索」機能は、BMWロゴを示唆していませんでした(TinEyeもそうではありませんでした)。 symbols.comの検索ツールとシンボルセットはかなり制限されているようです:http ://www.symbols.com/section/6/category/15/ ほぼ一致するものを見つけることは、ウィキペディアの関連トピックにつながるのは簡単ではないようです。たとえば、Sun-Crossに行きましたが、実際にはどこにも行きませんでした:http : //en.wikipedia.org/wiki/Sun_cross これをケーススタディとして使用して、図面またはアイコンで使用している可能性のあるシンボルの既存の意味を調べるための効果的な調査プロセスは何ですか?

8
注目に値する:Webフォントとその(可能な)代替
WebアプリケーションにNoteworthyフォント(Mac OS X 10.7.2で利用可能)を使用しようとしています。残念ながら、MyFontsでもタイプキットでも見つかりませんでした。これら2つのサイトについては、これまでのところ、フォントの選択が非常によく、統合しやすいという理由だけで言及しました。このフォントをWebでどこでどのように使用できるか知っていますか? それが不可能な場合、私は誰かが注目に値するように見える/感じるかもしれない代替フォントの提案があるかもしれないことを願っています。WhatTheFontはいくつかの提案(例:ノーベルコンドライト、ワサビシン、ゼイロコンデンス)を返しましたが、残念ながらうまくいきません。 編集:明確にするために、Noteworthyと同様の外観/感触を持つ別のフォントを見つけるには、さらにヘルプが必要です。



3
Webデザインの垂直リズム/ベースライングリッド
私は最近、優れた垂直リズムの重要性に関するいくつかの記事を読んだり、Webデザインのタイポグラフィにベースライングリッドを使用したりしています。私が現在取り組んでいるWebデザイン/ WordPressテーマの背景画像として、下の写真の960グリッドのようなベースライングリッドを使用してみることにしました。 グリッド内にすべてを適切に配置するのは非常に困難です。垂直グリッド内のすべてをデフォルトのtext-size(16px)で取得できましたが、見出しのサイズをいじったり、画像を追加したりすると、アイテムがグリッドに正しく配置されないことがあります。 垂直リズムを使ってタイポグラフィを改善する方法を知りたいです。誰かが私が使うべきヒントやテクニックを持っていますか?

7
アイテムをグループ化するために使用する中括弧を作成する最良の方法は何ですか?
多くのドキュメント(特に古いドキュメント)では、中括弧{のように見えるものを使用して、複数の要素を結合しています。これはプログラミングコードを説明するための例であり、TeXでこれを行うためのスレッドです。 これは、math.SEへの投稿で直接行うこともできます。 このようなブレースを作成するための最良の方法は何ですか?私のニーズに最適なソリューションは次のとおりです。 InDesignまたはPhotoshopを使用する セリフフォントの文字体裁を維持する{ 簡単に拡大して、多かれ少なかれエリアをカバーする 何か案は? 更新:上記のリンクを確認してください。単一の{文字のサイズを変更するだけでは、望ましい効果は得られません。「ブレースの開始」、「ブレースのまっすぐな部分」、「ブレースの中央」、「ブレースの終了」を意味する文字があると想像してみてください。それらを一緒に使用して、1つの巨大なブレースを作成できます。`----- v ----- 'のようなもので、ブレースは単に-文字を追加するだけでより多くのスペースを囲むことができます。

3
ガター-背景またはボーダーのある列のパディングとマージン
列(またはボックス、または任意のレイアウトモジュール)に独自の背景または境界があるために形状がはっきりと見える場合に、樋に推奨される設計ガイドラインは何ですか? 通常、ボックスの端とテキストの間にスペースを入れます。しかし、この空間をどこから想起させるのでしょうか?ボックスを拡張し、またはテキストを縮小? 説明のために、ここにいくつかの(すべてではない)オプションがあります... (また、任意の数の列と任意の幅のグリッドを使用することもできます-これは例としてのみ機能します-実際の質問は、レイアウトが溝をまたぐたびに尋ねられる可能性があります。) 私はグリッドベースのレイアウトについて山積みにしてきましたが、これまでのところ、この問題に対処する1つだけを見てきました。KhoiVinhによるNudge Your Elementsです。 何が欠けていますか?それとも、明確なガイドラインがないだけですか? グリッドベースのレイアウトの動機の1つはグローバルな配置の感覚を高めることなので、決定はより多くの配置を要求するものに依存すると主張することができると思います。ボックス、またはその内容? 私が誤解していない限り、Khoi Vinhは彼の記事でオプション3について主張しています。 オプション3とオプション6の間を行き来しているのがわかります。オプション3を使用すると、ボックスが整列しますが、テキストが窮屈に感じられます。しかし、オプション6を使用すると、ボックスもテキストも配置されなくなります(text-edgeとbox-borderの間の暗黙の真ん中が現在配置されている「もの」です)。 ウェブの枠を超えて、本のデザインやページ作成の規範に関する私の読書は、この問題についても触れていません。「クリアな背景に黒い文字」の本の印刷の大部分でキヤノンがどのように機能するかを確認できますが、ページレイアウトに色を追加する(または白黒のスキームを反転させる)と、溝の質問が返ってきます。 うーん、私は質問だと思います。私が図解したオプションを選択するためのガイドラインはありますか、それともデザイナーの法律を超えて冒険したことがありますか?


4
縦に積み上げられた文字の表記上の用語はありますか?
最近このタイプのテクニックを見つけたのは、Little White Lies Magazineの 7月/ 8月版です。。 タイポグラフィの例は次のとおりです。 知りたいのですが、2人のキャラクターを重ねるテクニックに用語はありますか?これは、上の画像の「トラック」と「リリース」のR / AとE / Aでそれぞれ確認できますか?

1
Illustrator 3D押し出しパイプエルボ
次のように、ABSパイプエルボの3D押し出しを作成しようとしています。 大きな画像。 中実にすることはできますが、中空パイプには必要ありません。 私は2つの楕円(一方が他方から削除された)からドーナツを作成し、その楕円(エルボー)の4分の1を取り、押し出しました-見た目は似ていますが、エッジはまっすぐではなく丸みを帯びていません。ペンとメッシュのグラデーションで同じ外観を作成できることはわかっていますが、パイプエルボをさまざまな角度で何度も使用するので、これが再利用可能なオブジェクトへの最も速い方法だと思います。

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