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

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

4
グラフィックデザイナーを雇うには？
ウェブサイトのバックエンドを開発しています。私はいつも自分のウェブサイトに魅力的なデザインを作成するのに苦労し、グラフィックデザイナーを雇ったことはありません。ロゴもウェブテンプレートもありません。 グラフィックデザイナーを雇う手順は何ですか？時間を最大限に活用するために、雇用する前にどのような情報を読むべきですか？彼はどこで見つけることができますか？彼にどんな質問をすればいいですか？彼らはいくら請求しますか、どのような資格に注意すべきですか？ビジネスアイデアをデザイナーに開示する必要がありますか、それともリスクがありますか？
8
WebサイトのデザインにFireworksを使用する理由
Photoshopを使用して、過去9年または10年で作成したすべてのWebサイトを（多かれ少なかれ）デザインしました。Fireworksについて、Webデザインとプロトタイピングに優れていると言っている人がいます。 AdobeがMacromediaを引き継いだとき、Fireworksが生き残ったことに驚いたので、非常によく似たプログラムと並んで、それを維持するために素晴らしいものが必要になります。 Photoshopを介してFireworksを使用することの長所と短所、および試してみる前に知っておく必要のある違いの概要を教えてもらえますか？ -編集- 大量の記事を貼り付けるよりも便利な、人々がそれを使って行っているささいなことを聞​​くことにもっと興味があります。
8
この色の組み合わせを読みやすくするにはどうすればよいですか？
私は既存のウェブサイトを改善しようとしていますが、これが私が始めていることです： <body style=' background-color: rgb(50,101,152); color: red; text-decoration-color: red; text-decoration-style: solid; font-size: 12px; font-weight: 700; font-family: "Bitstream Vera Sans", Verdana, Lucida, Arial, Helvetica, sans-serif; //text-shadow: 0px 0px 15px white; '> This is hard to read! </body> この色の組み合わせは読みにくいと思います。他の人は同意しませんが、コントラスト、明るさ、およびその他の表示プロパティ（視野角さえ）に大きく依存することに同意しました。 私はすでにかなりの実験をしている-webkit-text-stroke、text-shadow（上記のコードを参照）が、私は一つのディスプレイ上で物事を改善するよう、それは別の悪くなります。 全体的な配色を維持しながら、これをさまざまなディスプレイでより読みやすくするために他に何ができますか？
2
ウェブサイトのデザインが盗まれた場合はどうしますか？
あなたのウェブサイトのデザインが盗まれたとしましょう。別のサイトまたは会社からデザインが使用されているのを見ました。デザインとの唯一の違いは、ロゴといくつかの画像です。 この問題を解決するには、どのようなアクションを実行できますか？ これが私がしたことです。権利を主張している開発者にメールを送りましたが、応答しませんでした。会社に電話しましたが、彼らは開発者に責任を負わせています。彼らは責任を負わず、それをするために誰かにお金を払うだけだと言いました。また、ファイルなどにアクセスできないことも教えてくれました。 私がそれを正しく理解している場合、著作権侵害の最初の責任は、私のデザインを使用している会社です。そのため、開発者は、デザインを使用している会社に回答する必要があります。 会社にはホスト/サーバーへのアクセス権がなく、開発者は私に答えないので、ここに私の考えがあります。 ホスティング会社に連絡して、著作権侵害のためにウェブサイトをプルダウンすることは可能ですか？ サイトをダウンさせるには、会社（デザインを盗んだ会社）から承認を得る必要がありますか？ デザインが私のものであることを証明する十分な証拠があります。 ありがとうございました。
1
ウェブサイトに適したカバー写真を選択するにはどうすればよいですか？
ブログ投稿の開始を含むWebページへのヘッダーとイントロのために、比較的小さなテキストを含む大きな背景画像を使用するのが流行しています。これについては無数の例を挙げることができますが、私が話していることを正確に知っていると思います。 効果的なカバー/背景写真を作るのは何ですか？画像を探すとき、または自分のサイトの一部を撮影して編集するときは、何に注意する必要がありますか？
5
設計作業のための知的財産移転料の請求
したがって、デザインジョブ（ロゴデザインなど）を終了すると、クライアントはロゴを囲むIP（著作権、元のアートワークファイル、メモ、スケッチなど）を求めます。この送金に料金はかかりますか？その場合、料金をどのように計算しますか（例：プロジェクトの価値のXX％、または多分$ XXXの定額料金） また、完成したコンセプトの作成に費やした作業だけを引き渡しますか、それとも代替のコンセプトデザインとアイデアもすべて引き渡しますか？ 編集：IP =ここで定義されている知的財産：http : //www.ipaustralia.gov.au/understanding-intellectual-property/ip-for-designers/
8
「プロ」デザインでよく見られる間違いは何ですか？[閉まっている]
現在のところ、この質問はQ＆A形式には適していません。回答は、事実、参考文献、または専門知識によってサポートされると予想されますが、この質問は、議論、議論、世論調査、または広範な議論を求める可能性があります。この質問を改善し、おそらく再開できると思われる場合は、ヘルプセンターをご覧ください。 7年前に閉鎖されました。 これは主観的すぎるかもしれませんが、私は他の人々の経験に興味があります。MOD、これがあまりにも「本当の質問ではない」領域に近すぎる場合は閉じてください。 このサイトには、「良いリソースとは何ですか？」に関する多くの質問があります。「どこで学べますか？」が、デザイナーが犯すよくある間違いは何ですか？ つまり、電車に乗っていて、壁にポスター広告が表示されている場合、「すごい、彼らがそれをやったなんて信じられない！」他の人よりもありふれた間違いがありますか？
8
Web開発の学習を開始するにはどうすればよいですか？
私はWeb開発の学習に非常に興味があり、数年前にW3SchoolsからHTMLとCSSに関する基本を学びましたが、今日の標準に準拠したWebサイト、つまりテーブルを使用しない自由に流れるサイトを開発する方法を学びませんでしたサイトの設計を管理します。 私が始めることができるいくつかの良いリソースは何ですか？
2
WebグラフィックにSVGまたはSVGZを使用する必要があるのはいつですか？
私の理解から、 SVGZは、SVGの圧縮ファイルタイプです。私はSVG画像の使用が大好きで、SVG画像を多く使用しました。 私がそれらを使用したすべての時間で、私は数百キロバイトを超えるグラフィックを持ったことがありませんでした。 レスポンシブWebサイトの作成中に、レスポンシブグラフィックスにSVGを使用します。私のお気に入りのデザインスタイルはベクターベースのグラフィックなので、私もそれらを使用します。私の最も強いデザインの強みは、特にグラフィックデザインに関してはイラストレーターです。 SVGグラフィックを使用するもう1つの理由は、腕や脚など、グラフィックの特定の要素を簡単にアニメーション化できることです。 特に、ページの全体にまたがる都市のような背景要素は、ライトのちらつきなどをアニメーション化します。 ファイルが圧縮されている場合、SVGコードが失われるため、アニメーション化できませんか？ SVGだけでなくSVGZを使用する理由はありますか？ 更新 古代のCS3がSVGZを保存できることを知ったので、SVGとSVGZを作成して、それらがWebでどのように動作するかを確認することにしました。 テスト後、SVGZファイルタイプで非常に予期しない問題が発生しました。（Chrome、Firefox、およびIEでテスト済み）画像の直接URLにアクセスすると、エラーが発生します。これらのファイルタイプのSVGコードにアクセスできないと仮定していますが、フィドルを作成した後、画像を表示することさえないようです。 これらはウェブにとって役に立たないのですか？ .svg .svgz JSFIDDLE
4
配色を考えて、ウェブサイトのデザインにどのように適用しますか？
議論すべき具体的なものがあるので、この配色があるとしましょう。 ソース 補色、単色などに基づいてコヒーレントな配色を選択する方法については多くの記事がありますが、色のセットを取得したら、どの色がヘッダーであり、どの色がリンクであり、どの背景であるかをどのように決定しますかとテキスト。暗い場所にライトを点灯するか、暗い場所にライトスキームを使用するかを決めたとしても、画面に残りの色を配置すると、サイトが見苦しくなります。 どの色がどこに行くかを決めるのに役立つ経験則や一般的なガイドラインはありますか？
6
デザインにURLが含まれる場合は「WWW」と入力する必要がありますか、それとも今では好みの問題ですか？
私は伝統的なURLの外観が大好きです。なぜなら、それらの前にあるwwwは間違いなく特定のWebアドレスがあるという私の理解を容易にし、スピードアップするからです。 しかし、パンフレット、ポスターなど、WebだけでなくURLのフォーマットに関する確立されたガイドラインはありますか？url形式により優れたUXを証明する研究を聞いたことがあるかもしれませんか？ たとえば、電話番号がフォーマットガイドラインを確立していることは誰もが知っています。
5
設計者はレスポンシブデザインをどの程度担当していますか？
次の（理想化された）チャートを検討してください。 今、私はこのスペクトルのあらゆる側面の同僚と協力して、残念ながら、このような傾向があることを学びました。 ほとんどの「Web開発者」は設計原則をほとんど知らない傾向があり、一方、「Webデザイナー」はWebの技術的な側面をほとんど知らない傾向があります。丸みのある「ウェブ作成者」を見つけるのは困難です。 この残念ながら実際のシナリオでは、開発者とデザイナーのチームのためにレスポンシブWebサイトを作成するのが苦痛になります。Webデザイナーは、サイトがすべての可能な商用デバイスに適応することを忘れがちであり、多くの場合、自分の画面では見栄えは良いが、レスポンシブWebサイトに変えることのできない厳格なレイアウトを設計します。一方、開発者は、レスポンシブネスを達成しようとするデザイナーのビジョンを残忍に改造する傾向があります。 レスポンシブWebサイトを設計する責任はどこにあるべきですか？Webデザイナーは、考えられるあらゆるシナリオにWebサイトを適合させる方法について、開発者によく考えられたガイドラインを提供することを期待されるべきですか？それともこれは不合理な期待ですか？ 私は、開発側ではなく設計側に焦点を合わせていることに注意してください。
5
「フラットスタイル」と「マテリアルデザイン」の違いは何ですか？
Windows 8がリリースされた後、全員が「Metro UI」について語り、後に「フラットデザイン」について語りました。さて、Android Lollipopがリリースされてからは、すべてが「マテリアルデザイン」について語っています。誰かが「マテリアルデザイン」と「フラットスタイル」の違いを説明できますか？
2
SEOに関するWebの合字の効果は何ですか
すべてのデザイナーは合字が大好きですが、バニラのウェブタイポグラフィはただひどいものです。私はそれらの問題の多くを解決し、セクシーな引用符、豪華なアンパサンドなどをもたらすスマートピアントのことを聞きました。視覚的には完璧です。 しかし、私はSEOが心配です。Webページで言うと、単語はにfinallyなりfinallyます。検索エンジンは、その単語にインデックスを付けて、検索時にfinally（合字なしで）ページを返すことができますか？
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.