タグ付けされた質問 「website-design」

実用的かつ理論的なウェブサイトの美的デザインに関する質問。ウェブサイトの構造のコーディングに関する質問については、Stack Overflowにアクセスしてください。ユーザーエクスペリエンスに関する質問については、UX.SEにアクセスしてください。ここでGD.SEのグラフィックおよび視覚的なレイアウトの設計に関連することを質問してください。

5
全幅ブラウザ画像のベストプラクティスは？
より大きなビューポートの画像に関して人々が従うベストプラクティスは何ですか？ どのサイズのブラウザを設計すればよいですか？高解像度のモニターをどのように扱い、大画面のユーザーは何％ですか？ どの解像度を使用するかを本当に決定する必要があるので、ヒーロー画像の高さをどのように最も適切に処理できますか？ もちろん、これはすべて、12列グリッドの哲学を守っている間です;）
1
Illustratorで1つのオブジェクトを他のオブジェクトなしでSVGコードにエクスポートする
ですから、私は今ではかなり絶望的です。 私はWeb開発者であり、デザイナーですが、イラストレーターは使用していません。まったく必要ありません。私がグラフィックデザイナーから入手したファイルには、2つのアートボードが含まれており、その上にいくつかのアイコンが広がっています。すべてのアイコンをとしてエクスポートする必要がありますSVG。 そこで、すべてのオブジェクトを選択し、クリックObject > Artboards > Fit to Selected Artしてエクスポートしました。SVGそれから取得したコードは非常に肥大化し、その中に多数のパスが定義されていて、何か間違ったことをしているのではないかと恐れずにクラスを追加できなかったので、少し心配でした。 エクスポートを開いてsvg何か問題があるかどうかを確認すると、アートボードの境界線で囲まれたアイコン全体が表示され、他のすべてのアイコンは灰色のオーバーレイ（!!!）の下にありました。したがって、他のすべてのパスは実際にはすべてのSVGファイルにありました。 私はすべてを試しましたが、うまくいきません。すべてのコードを削除するために50ファイルに入ることができません。 解決策はありますか？
3
大きなロゴの周りにウェブページをデザインするには？
現在、大きな円形のロゴを使用する場所のウェブサイトをデザインしています。彼らのロゴは画像だけでなくテキストも含んでいます。 私が直面している問題は、ロゴのテキストを判読可能に保ちながら、このロゴをWebデザインに適合させることですが、画面のスペースを大量に消費することはありません。 円形のロゴは、幅と同じくらいの高さです。ほとんどのロゴは高さよりも幅が広く、そのため画面に合わせやすくなっています。 メニューと一緒にページのヘッダーに組み込むことを考えていますが、ロゴの高さによって画面上に実際の不均衡が生じ、ロゴ内のテキストによってロゴを小さくすることは不可能です。 だから私の質問は、これは手に負えないロゴをどのように扱うのですか？それらを分解しても大丈夫ですか、それともこの種の状況ではどのような回避策が役立ちますか？
4
AIGA-Webデザイナーにとってそれは価値がありますか？
私は数年でAIGAイベントに行ったことがなく、VT AIGAとPhilly AIGAの間のほんの一握りしか行っていません。私が2つの間で覚えているのは、彼らが学生にとって、そしておそらく地元の印刷会社がサンプルを提供し、彼らのピッチを提供することに興味を持つ印刷デザイナーにとって素晴らしいように見えたということです。 私が知りたいのは、AIGAがプロのWebデザイナーにとって価値があるかどうかです。 私がこれまで行ってきたイベントは、85％の現学生とおそらく15％の地元の学校の教員で構成されているようでした。Webデザイナーであったイベントで誰かに会ったことはないと思います、 PSDをコードサービスに売り込もうとしているベンダーでない限り。 したがって、組織での経験がある人、または積極的に関与している人にとって、特に現在の学生やごく最近の卒業生ではなく、Webデザイナー、特にしばらくフィールドに出ていない人に提供することはたくさんあります。
2
グラフィックデザイン仕様体系はありますか？
実装を開始する前にグラフィックデザインを顧客に提示するために一般的に使用される設計仕様システムはありますか？私の課題は特にメーリング（PDF A4、メールごとに送信されるHTML）ですが、他のドメイン（Webデザイン、広告など）からの洞察を聞いてうれしいです。 私の目標は、顧客が承認できるドキュメントを提示し、実際のデザインを表すことです。ドキュメントがサインオフしたら、実装を開始できます。また、顧客が実際の製品に不満を抱くリスクはほとんどありません。または、後で多くの変更を要求します。 特に、実装後にお客様から「このボックスを少し左に移動できますか？」、「うーん、少し下に移動できますか？」、「これはできますか？画像は少し青くなりますか？」、「うーん、このフィールドはもう少し大きくできますか？」、「GMailではこれで問題なく動作しますが、Lotus Notesには満足していません！」 Time＆Materialとして請求されるか、制限付きの取り組みによる反復アプローチがおそらくより適切であることを理解しています。（そして、それらを使用する場合は、プロのデザイナーとして、私にも知らせてください）。しかし、いくつかのプロジェクトでは、顧客は何らかの理由でウォーターフォールアプローチを必要としています。それらのケースを最もよく処理する方法を知りたいのですが。
5
WebのグラフィックデザイナーはJavaScriptを知っているはずですか？
あなたがグラフィックデザイナーを雇ってウェブページをきれいにする場合、その人がJavaScriptの経験はないがHTMLとCSSを非常によく理解しているなら、彼/彼女を雇いますか？ グラフィックデザイナーがウェブテクノロジーを理解して、ウェブページを整理する仕事で効果的に機能できるようにすることは、どれほど重要ですか。Webサイトのルックアンドフィールを改善するために人々を雇うことになると、業界のトレンドは何ですか？
4
香水サイトの黒と白の配色の背後にある理由
今後のプロジェクトに備えて、ハイエンドの香水やファッション性の高いさまざまなサイトを探してきました。それらのほとんど（少なくとも香水）の外観はほとんど同じであることに注意してください。私はそれらのまばらさとシンプルさが好きですが、配色は私を狂わせます。この傾向の科学的根拠はあるのでしょうか？何でもいいです。私は彼らがとてもおかしくても面白くないと思っていますが、私はかなり高いランキングの会社の担当者と密接に協力し、まっすぐな顔を保つ必要があります。 編集：白黒 ...もう1つ...
12
Webデザインのモックアップをクライアントに提示する方法は？
私はウェブサイトの再設計プロジェクトに取り組んでいます。レビューのために、クライアントにいくつかの異なるモックアップを提示する必要があります。クライアントがすべての状況を把握できるようにしたい。クライアントに適切なソフトウェアがあるとは思わないでください。設計の方向性について、コメント、質問、または背景を追加することもできます。 クライアントにモックアップを提示する典型的な方法は何ですか？私はウェブサイトのモックアップをメールで表示することが最善の方法ではなかったと思います。電子メールがモックアップを提示するための成功した手段である場合、答えでそれを説明してください。
2
写真なしでサイトをデザインする方法
私が作成しているサイトは、特定のビジネスパートナーシップ/ネットワークの一部である約300のビジネスの情報をソートして表示するディレクトリです。 このサイトは消費者に情報を提供することを目的としているので、プロのように見せたいのですが、使用する画像の不足を予測し、画像の不足を他のデザイン要素で隠してページが見えないようにする方法を考えています裸。 また、誰かが私に画像に依存しない適切にスタイル設定されたページの例をリンクできれば、それは大歓迎です！ 余談ですが、私が見つけたフリー写真の中で最も恣意的ではないように見える写真を使ってそれを作り出そうとしているのかもしれませんが、それが良いアイデアかどうかはわかりません。
3
リテラル画像と間接画像
私のクライアントには、彼女のウェブサイトで文字通りのイメージの使用を推進している人がいます。成功するために手を振っている、プロセスの最後の仕上げ線などです。私たちは間接的な画像をより多く活用しようとしています。これは、部分的にはブランドをサポートするためですが、より深いエンゲージメントを促進するためにもです。両方のアプローチの相対的なメリットを示すために利用できる調査はありますか？
3
ピクセルを数えてフォントサイズの設定をする方法は？
提案されたウェブサイトの画像があります。 ピクセルをカウントして、テキストに設定するpxのfont-size値をどのように計算しますか？ たとえば、フォントサイズ：14px（Arialで）がありますが、「L」の上から「p」の尾まで数えます。「L」の10ピクセルを数えます。 「p」。これは明らかに私には与えられません14。 ピクセルを確実にカウントしてfont-size値を計算する方法はありますか？
6
点線の画像はWebデザインの新しいトレンドですか？
最近私が定期的にアクセスするWebサイトの一部が、Webデザインの新しくて奇妙なトレンド、「点線の画像」を採用していることに最近気づきました。それを何と呼ぶか​​わかりません。定期的に間隔を置いて配置されたドットのパターンがすべてのサムネイルの上に意図的に重ねられているように見えます。または、ドットではなく薄いグリッドパターンである場合もありますが、最終的な外観は似ています。多少ディザ画像のように見えます。 個人的には効果がひどいと思い、最初はブラウザの画像のレンダリングに問題があると思っていましたが、3つの異なるブラウザを試してもパターンを確認できます。意図したように見えます。 実際、それを行っていたWebサイトの1つは、通常の写真に戻りました。それは新聞のウェブサイトであり、彼らの写真がすべて台無しにされ、数ヶ月後に決定を覆した理由を尋ねるたくさんの電話を受けたと私は思う。 誰かこれを以前に聞いたり見たりしたことがありますか？ リンクの例：http : //www.linkedin.com/today/se/editorspicks
6
フォトショップで複数のファイルに1つのスマートオブジェクトを追加する方法
同じドキュメント内で同じスマートオブジェクトを複数回繰り返してすべてのインスタンスを変更できることはわかっていますが、異なるドキュメント全体に配置されたスマートオブジェクトはどうなりますか？それは素晴らしいでしょう。 私はiPhoneアプリを設計していて、異なる画面で何度も同じモジュールを使用しているので、質問します。数十の画面があり、モジュールのボタンまたはテキストフィールドを変更する必要があるたびに、各ファイルで一度に1つずつ修正する必要があります。吸う！
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.