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

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

1
ウェブの色：モニターの違いを補正する方法
この質問は、Webページのコンテキストでの色に関係しています。 コンピューターモニターとモバイル画面では、演色が大きく異なる場合があります。つまり、あるモニターの特定の色が別のモニターでは大きく異なって見える場合があります。 たとえば、一部の緑と青緑色は、1つのモニターでは快適に見えても、他のモニターではひどく黄色がかって見える場合があります。 他よりも「安全」なWebカラーはありますか（「Webセーフカラーパレット」を使用する古い慣例と混同しないでください）？ または、キャリブレーションされたモニターでWebデザインを作成し、それがあなたができることのすべてだと知っていますか？
4
シェイプIDを使用してAdobe Illustratorから.svgファイルをエクスポートする方法
私の質問はとても簡単です。 シェイプIDを使用してAdobe IllustratorからSVGファイルをエクスポートする方法 SVGとしてエクスポートすると、グループ名がグループ名をIDとするグループに変わります。これは、シェイプにも期待される動作ですが、シェイプには名前ではなくランダムなIDが割り当てられます... 望ましい出力の例： <g id="liikkeet"> <polygon id="s281" style="fill:#ED3B95;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;" points="157,515.3 157,408.3 180,385.1 180,369.3 248,369.3 248,391.3 266,391.3 266,402.3 393,402.3 393,513.3 "/> </g> 何が悪いのですか？現在、Illustratorで名前を付けていますが、IDなしでポリゴンとパスを取得しています。
4
Google Web FontsまたはTypekit？
グラフィックデザイナーとして、私はウェブサイトのデザインをしていますが、開発はしていません。Typekitについて知っているかどうか今日誰かが私に尋ねました、そして私はそれを聞いていなかったのでそれをグーグルで調べました、そしてそれはグーグルWebフォントの有料版のように見えました。たまに使っています。どちらか一方を使用する技術的、開発者の理由はわかりませんが、クライアントが何か他のものを無料で使用でき、同じような結果が得られたときに、クライアントに何かを購入してほしくありません。だから、私の質問は、一方が他方より優れているということです。それとも両方に良い点と悪い点がありますか？
2
ブラウザはどの色空間を使用しますか？
ここで何か誤解している場合は修正してください- ＃AE0000の16進数値は、それがどのカラースペースを参照しているかを知らなくても意味がないと理解しています。 それをCSSで背景色として記述し、ブラウザーで表示すると、どの色空間が参照されますか？ モニターの色空間を指しますか？sRGB色空間を使用しますか？
5
デザインのコストレベルとして、$$$の代わりに何を使用しますか？代替手段はありますか？
この質問は非常にわかりにくいので、画像を添付しました。 以下はYelpサイトのスナップです。価格レベルの$$$を見ることができます。だから私が聞きたいのは、誰かが使用した代替案はありますか？ 実際私は同様のサイトのページをデザインしているので、他に使用できるものや誰かが使用しているものがあると思いますか？
5
ランディングページの背後にあるグラフィックデザイン理論
今日、ほとんどのランディングページは次のような一般的なパターンを使用しています ナビゲーションバーセクション 画像をスクロールする全幅セクション 特徴画像を含む3つの小さなセクション 連絡先の詳細 この背後にある設計理論はありますか？ランディングページに適切なデザインを整理するにはどうすればよいですか？
1
programmers.SEとそのメタの新しいロゴにテキストを配置する方法は？
私たちの古いロゴ： そしてそのメタバージョン： 新しい名前で更新する必要があります。 私たちは提供されました： マグカップのアイコン、モニターアート、フォントが優れています。 構成についてはわからない。テキストはバランスが悪いようであり、目を見張るような空白が混雑し始めています。特に、まだメタを追加する必要がある場合。彼らはメタロゴの例を提供しませんでした。 私は提案しました： 同様にメタバリアント： ここで無視している客観的な懸念はありますか？
4
非常にスリムな縦型メニューのプロフェッショナルなデザイン
わかりました、それで私はプログラマーであり、ウェブデザインの大災害です。今までは、ブートストラップのようなフレームワークの助けを借りて、「許容できる」外観を生成することができましたが、小さなサイドメニューに悩まされています。私が思いついた最高のものは次のとおりです： これは、ブラウザ内のRDPクライアントがあるページの小さなサイドメニューであるため、主な要件は、非常にスリムであり、画面の左側に浮かぶことが望ましいことです（水平に変更して、画面上部はオプションではありません）。また、常に表示されているはずなので、マウスで右の領域にカーソルを置いても表示されません。3つのクリック可能なボタン（メニュー、キー、閉じる）が含まれています。補足として、ボタンキーはソリューション固有のものであり、ユーザーのコンテキストで明確に説明されています。 私の質問は、どうすればこのメニューを上記の条件を満たすようにスリムにすることができますか？どんな助言や助言にも本当に感謝します！
2
Webデザインサイズ
これは最近の私の大きな問題の1つです。15インチRetina Macbook Proを使用しています。PhotoshopでWebサイトをデザインするときは、通常、次の設定を使用します。 幅 = 2560、大画面で見やすくするため。ただし、すべてのテキストを12列のコンテンツグリッド（2000px）内に保持します 解像度 > 300 問題は、1080p画面のWebブラウザーでサイトを表示すると、巨大に見えることです。Macbook ProのPhotoshopでは正常に見えます。 私はこれの背後にある理論を理解していません。サイトをさまざまな解像度にスケーリングするためのベストプラクティスは何ですか？ レスポンシブウェブデザインを行うと、サイトに実際に何が起こっていますか？適切に拡大縮小するには、フォトショップでどのフォントサイズを使用すればよいですか？
4
背景をぼかした背景に対してロゴを明るくするにはどうすればよいですか？
友達のウェブサイトを作ろうとしているのですが、困っています ロゴに透明な白または黒の背景を追加してみましたが、見栄えがよくありません。 テキストは大丈夫です、それは強い無地のロゴだけです。 これをどのように解決すればよいですか？ スカイラインの提案により、見やすくなりました。また、ぼかしの最初の理由は、ロゴとテキストにより焦点を当てることになるため、ぼかしも削除しました。 写真とロゴ全体のリクエストについて（これらは両方ともライセンスされているため、商用目的で使用できないことに注意してください）、以下に添付しました。
3
列に番号付きリストを実装する際のベストプラクティスは？
印刷プロジェクトとWebプロジェクトの両方に番号付きリストを実装することがよくあります。リストを2つ、3つ、または4つの列に分割する方が効率的な場合もあります。 アイテムの注文はどのように処理されますか？ 番号は左上の1から始まり、列を下に移動してから、次の列にジャンプして番号を続ける必要がありますか？（オプションA） または、番号は左上の1から始まり、横に移動して＃2、＃3などに移動し、各番号の列をジャンプする必要がありますか？（オプションB） Webの応答性の観点から、オプションBはより良いブレークポイントを提供します（時には3列または4列で）。 これは、印刷物とWebの両方で同じように処理する必要がありますか？
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.