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

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

5
男性用と女性用のデザインにはかなりの違いがありますか？
（私は二分法が簡略化されていることを認識しています。より良い用語は性別の特徴ですが、この質問のタイトルには少しあいまいで具体的すぎます。） Webプロジェクトを作成するとき、デザイナーが考慮すべきほとんど女性的または男性的な聴衆の間に違いはありますか？ たとえば、女性はよりアクティブなソーシャルユーザーであり、オンラインバイヤーです。これらの2つのグループをターゲットにして、性別によって異なる形で同じページを表示できる場合、これはデザインに何らかの形で反映される可能性があります（女性=何かに名前を付けるために、女性の画像の数が多いまたは多い）。 この質問のために、私は性別に基づいてこれらの異なる体験を提供するために利用可能なWebプラットフォームを想像しています。また、デザイナーが操作できる変数は、画像、テキスト、色、コンポーネントの形状などのデザイン要素です。UXは可能なアプローチですが、視覚的な変動性の観点から考えています。それらの異なるテーマはどのようなものでしょうか？
5
最初にモバイル用のWebサイトをプログラミングすることは本当に必要ですか？
私はモバイルファーストのデザインがほぼ必須であると述べている多くの情報源を読みましたが、それは、3Gおよび4Gを介したダウンロード速度が一般に遅いモバイルの読み込み時間が速いなどの明らかな利点があることは否定できません。 しかし、画像が非常に少ない小さなWebサイトを構築している場合はどうでしょう。 このテーマに関する他の意見や、例外があると人々が考えるかどうかについて聞きたいと思います。個人的には、最初にデスクトップ用に設計/コード化し、そこから縮小することを好みます。しかし、最初にモバイル向けに設計/コーディングすることが本当に重要なのでしょうか、それとも特定の状況で問題になるほど最終結果が重要ではないのでしょうか。
4
最小限の予算で人気のある無料のサイトで高品質のUI / UXデザインサポートを入手するにはどうすればよいですか？
私はTheParadeと呼ばれるWebベースの音楽プレーヤーの開発者です。 私は頻繁にYouTubeで音楽を聴いていて、より良いエクスペリエンスを求めていたので、私はこのアプリを作成しました。このアプリは、この1年間、自由な時間に徐々にコーディングしてきました。 これまでのところ、このサイトは好評で、人々は単純なインターフェースを好んでいます（アルバムのアートワークがたくさんある肥大した大きなアプリなどとは対照的です）。Groovesharkがシャットダウンして以来、使用量はさらに増加し​​ています。そうは言っても、このサイトは機能的ではありますが、UI / UXの改善という点でLOTが望まれるままになっています。私は最高のコーダーではなく、デザイナーではありません。 これは無料のサイトであり、優れたUI / UXヘルプを雇う予算がありません。自分でUI / UXを改善しようとすることもできましたが、十分に良いと思う標準に到達するには何年もかかります。さらに、まだ完了する必要がある少なくとも30のコーディングタスクのバックログもあります。 私の状況を考えると、サイトのUI / UXを改善するためにどのようなオプションがあるのでしょうか？ 私はUI / UXの人と提携するというアイデアをもてあそんでいて、サイトで共同作業することができましたが、これが可能かどうかはわかりません/ ありがとう！
4
批評：トリチウムのウェブサイトのデザイン
この質問のフォローアップ：批評：Tritiumソフトウェアのロゴデザイン。ウェブサイトのコード（パフォーマンス、バグ、関連するユーザーエクスペリエンス）を確認するには、コードレビューの姉妹質問にアクセスしてください。 Tritium Webサイト（ソースコード）のデザインのレビューを探しています。 具体的には： ウェブサイトの目標の1つは、シンプルさを保つことでした。私はそれを達成しましたか？ パレットの色は互いに補い合っていますか？ バックグラウンド： #171d25 アニメーション原子： #333 ロゴ： #f8bd24 リンクテキスト： #6e6e6e ブランドヘッダー、ホバーリンクテキスト、ボタン： #78C40F ナビゲーションバー： #000 本文： #fff 過去の批評はすべて、デザイン的に正しく実装されていますか？船外に行きましたか？ @ DA01のロゴデザインを実装（許可を得て使用）。 @Yiselaの提案、アニメーションの@squeamishossifrageの厚意により、アトムを背景に追加しました。 他の多くの提案に基づいて、それをシンプルに保つことを試みました。 私のフォントの選択は、他のWebサイトのルックアンドフィールでうまく機能しますか？ 見落とし、実装していない設計概念はありますか？ 私はまだウェブサイトのデザインに少し慣れていないので、必要に応じてこれを厳しくしてください。
4
対象読者の年齢に基づく優れた一般的な書体の原則は何ですか？
人は年をとるにつれて視力が低下することを誰もが知っています。 20歳のとき、印刷物の8または9 ptタイプ、またはWeb上の10〜11ピクセルタイプの表示と読み取りに問題がある人はほとんどいません。ただし、聴衆が快適に読むためには、聴衆が年をとるにつれ、より大きなタイプが必要になり、より多くのリードを調整する必要があります。 対象者の平均年齢を知ることは、これを念頭に置いて適切に作品を設計するのに役立ちます。 20〜40歳の読者のために印刷で使用するのに適した活字設定は何ですか。Webタイプのサイズはどうですか？ 40〜60歳の読者向けに活字で使用するのに適した活字設定は何ですか。Webタイプのサイズはどうですか？ 60歳以上はどうですか？ セリフ/サンセリフは年齢の要因ですか、これが関係する場合、読みやすさはより普遍的ですか？
4
Latoに類似したフォントを検索する
Latin拡張バージョンを含むLatoフォントのようなフォントを見つける必要があります。私はLatoが好きですが、Latin Extendedの文字が含まれていないため、ş、ğなどを入力できません。 スクリーンショットの例を次に示します。 私は自分のWebサイトプロジェクトでこのフォントを使用しています。
4
Shutterstockからダウンロードした.epsファイルのテキストパスを編集可能なテキストに変換する方法
私は経験豊富なPHPプログラマーですが、Illustratorは初めてです。最後に、顧客のWebサイトで使用するためにShutterstock（shutterstock.com）からアートワークをダウンロードする必要がある時が来ました。 ファイルは.eps形式で、Illustrator CS5でこのファイルを開くと、「Lorem Ipsum」というテキストがすべて表示されますが、編集可能ではないようです。クリック可能なパスにすぎないようです。 テキストを編集可能なテキスト形式で表示するためにIllustratorを使用してテキストを編集する簡単な方法はありますか？ 画像は次のとおりです。
2
CSSで正当化されたテキストの単語間隔を制御するにはどうすればよいですか？
私はかなり小さい（各段落のすぐ下にある）テキストの2つのブロックを持ち、それらは本当に適切に見えるように見えますが、問題はtext-align: justify;時々本当に大きなスペースを追加し、テキストをやや醜くすることです（反対の効果、明らかに）。 これが起こらないように、CSSで単語間隔をより細かく調整することは可能ですか？
7
BGがタイルをPhotoshopで適切に繰り返すかどうかをテストしますか？
私はPhotoshopで背景テクスチャを作成してWebで使用するように頻繁に取り組んでいます。残念ながら、私は通常、推測するか、他のWebサイトの景品を使用する必要があります。 Photoshopで独自のテクスチャを作成し、画像をエクスポートする前にそれらが適切にタイリングされているかどうかを確認したいと思います。これをすばやく行う方法はありますか？オフセットを使った方法を覚えていますが、ツールに慣れていません。 以下は背景タイルの例ですので、私が話している内容を確認できます。
13
なぜ人々は私のサイトがひどいように見えると私に言い続けるのですか？
私はウェブサイトを開発し、最近仕事を探していました。事実上すべてのインタビュアーは、それをざっと垣間見た後、私のサイトはひどく設計されたと私に言った（ただし、コンセプトは気に入りました）。私はソフトウェアエンジニアですが、デザインの部分も正しく理解しようとしています。私はそれを再設計しようとしましたが、何が変更されるのか分かりません。 これが今の様子です： 私は自分のサイトに固有のヒント、またはサイトのデザインを全般的に改善する方法について本当に感謝します（サイトのデザイン方法を説明しているサイトをいくつか訪れましたが、それは役に立たないようです:)）。 編集1：先ほども言ったように、機能を紹介する前でも、見ただけでは悪い印象を与えがちです。そのため、選択した色やレイアウトに問題があると思います。そして、特定のサイトのデザインは、特定のストーリーが文学の学生に教育的であり、特定のアルゴリズムがソフトウェアの学生に役立つのと同じように、デザイナーにとって役立つと考えていました。ありがとう。 補足：機能：重要な場合は、サイトが達成することを目的としています（ごく簡単に）：ユーザーはトピックを追加でき、トピックごとに質問とその回答を追加できます。このサイトでは、ユーザーが結果を確認して比較するための「テスト」と「クイズ」を作成しています 編集2：これは別のprintscreenです。 編集3：明確にするために、これらのスクリーンショット以外は私のランディングページです。これらはトピック固有のコンテンツページです。
3
デザイナーがWeb用に設計するときに犯す可能性のあるいくつかの一般的な間違いは何ですか？それらをどのように回避できますか？
設計中に回避すべきいくつかの一般的な間違いは何ですか？色、テキスト、画像がデザインで重要な役割を果たすことは知っていますが、他にも注意すべきことがたくさんあります。他のことは知りませんが、たくさんあると思います... 多くの場合、私たちは間違いで最終結果を出します（マイナーメジャー可視隠し）... だから私の質問は： 私たちがよく犯す間違いは何ですか？（あなたは蜂蜜も含まれています）（誰もが間違いを犯すようなものではありません、誰もが失敗するわけではありません） どうすればこれらの間違いを回避できますか？
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.