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

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

9
他のデザイナーの作品をコピーすることは倫理的ですか?
私はグラフィックデザイナーではなく、自分自身もそうではありません。私は色彩理論についてほとんど把握しておらず、デザイン原則の基本的な知識も持っています。とはいえ、私は見た目が良いと感じており、デザインを再作成するのが得意です。 美しいウェブサイトを選択し、それをテンプレートとして使用して独自のデザインを作成することにしました。私はサイトの所有者に彼の背景を使用する許可を求め、彼は私が彼に完成品を見せることを条件に同意しました。 終わったので、私はそうするのが苦手です。デザインは似ています。同じフォント、同じ背景、同じ見出しスタイルを使用しています。レイアウトはとりわけ異なりますが、多くの類似点があります。 他のデザイナーの作品をコピーすることは倫理的ですか?(倫理的)に触発されてから(非倫理的)何かをコピーすることへの転換点はどこですか?


2
ボタンのホバー状態の色の明るい/暗い色合いを作成する方法
私はしばらくの間ボタンをデザインしてきましたが、グラデーションまたはソリッドのホバー状態の色を選択することになると、それはほとんど暗いトーンを目撃する問題でした。 使用するのにより適切な色調を判断するのに役立つ構造化された色理論はありますか? オリジナルからどれくらい暗くすべきですか? 「同じ」色の明るいまたは暗い色合いをどのように定義できますか?

5
実際のコンテンツの読み込み中にコンテンツの形状を表示するWebデザインパターンの名前は何ですか?
シングルページアプリケーション(SPA)サイトでは、コンテンツを読み込む前にサイトレイアウトを読み込んで表示するのが一般的です。最近、待機スピナーや「読み込み中...」メッセージを表示する代わりに、これらのサイトの多くは、コンテンツが配置されるテンプレート/レイアウトを表示し、テキストと画像がフラットな幾何学で埋められていることに気付きました形。 これは、1行の待機テキストを大きなメッセージダンプなどで置き換えるよりも不快感が少ないため、良いパターンのようです。私は自分のサイトでパターンを読んで、もっと簡単にそれを行うためのライブラリを見つけたいかもしれませんが、それを何と呼ぶべきかわかりません。 。私が見つけた最も近い例は、この古い記事で、練習に特定の名前を付けていません。 「プレースホルダー」は私が最初に考えることができますが、もちろん<input>タグには実際のplaceholdler属性があり、多くの人がフィラーテキストまたは他のコンテンツ(Lorem Ipsum、Kitten Ipsumなど)について尋ねているため、結果は役に立たない傾向があります。業界がこの慣行の一意で説明的な名前に同意することを望んでいますが、まだ見つけられていません。

3
Web用のSVGをどのようにアニメーション化しますか?
ベクターグラフィックスは現在、Webやモバイルアプリケーションさえも引き継いでいます。Webページやモバイルアプリのアイコン、ボタン、要素は、ベクトルベースになりつつあり、あらゆる種類の画面解像度、dpi、比率などでレンダリングする必要があるため、ビットマップをドロップします。モバイルブラウザでページを読みやすくすると、ビットマップアセットがassetsくなり、使用できなくなります。 それでは、SVGでアニメーションアイコン、背景、およびコントロールの作成を開始しますが、SVGファイルをどのようにアニメーション化しますか?

9
私はすでにLinkedIn、DeviantArt、Dribbble、Behanceを持っています。個人のウェブサイトが必要ですか?
誰でも簡単にWebプレゼンスを作成できるさまざまなソーシャルネットワーキングサイトがありますが、グラフィックデザイナーとして個人用Webサイトは必要ですか?個人のウェブサイトを持つことの長所と短所は何ですか?コストに見合うだけですか?

4
横溝に特定の用語はありますか?
コンテキスト 私のチームはレスポンシブWebサイトで作業しており、ユーザーはグリッドの「セル」間のスペースなど、ページのプロパティの一部を構成できます。「セル間のスペース」を特定するための正しい用語について話し合いました。明らかに「マージン」のようなものを使用することもできますが、ページと最も外側のセルの間のスペースが含まれるため、それは少し広すぎます。セル間のスペースのみを特定したい。ユーザーは必ずしも技術に精通している(CSSなどを意味する)とは限りませんが、グラフィックデザインのバックグラウンドを持っている可能性があります(少なくとも一般的な用語に精通している) 質問 「ガター」は最も正しい用語のように見えますが、私が見つけることができる「ガター」の定義のほとんどは、特に列間のスペースを指します。 行間のスペースに特定の用語はありますか?または、単に「横溝」と呼ぶのが適切ですか? 例 ここに、私が特定しようとしているものの図を示します。 (https://www.init.de/en/news/responsive-designから借りた画像) 私の現在の用語 「Horizo​​ntal(/ Vertical)Gutter」の問題は、私の意見では、溝が水平(/垂直)要素の間にあるか、垂直(/水平)要素。私のチームには、どの定義が正確であるかについて意見の相違があります。そのため、このフレーズは実際に混乱を招くほどの証拠だと思います。 少なくともウェブに関しては、「パディング」と「マージン」は、私が説明しているものには適切ではありません。パディングとは、境界線とコンテンツの間のスペースを指し、マージンとは要素の周囲のスペースを指します。マージンが10pxの2つの隣接する要素は、それぞれの間に20pxの余白があります。(はい、CSSのマージンはしばしば崩れることを承知していますが、常にそうではありません。) レスポンシブグリッドフレームワークで頻繁に使用される「ガター」という用語を見てきましたので、Web開発で受け入れられる用語であることを知っています。「水平方向の溝」にもっと適切な用語があるかどうか疑問に思っています。

4
Webタイポグラフィとレイアウトの学習を開始するのに適した場所は何ですか?
1999年からデジタルデザイナーをしています。独学です。 しかしながら; 私の最大の弱点は、スペーシング、グリッド、バランスの取れたページの開発、そして強力な活版印刷の階層性です。 私は自分のウェブサイトを美しい印刷文書のように感じたいです。 膨大な量のリソースでウェブが満たされているので、これを強化する方法を学ぶのに最適な場所はどこですか。 これは科学であり、特定のレベルの方法論を実際に適用する必要があると感じています。 練習に最適な場所はどこですか、またはこのスキルをどのように開発することをお勧めしますか?

2
オートミールの漫画「ウェブデザインが地獄に直行する方法」で悲劇的な運命を回避する方法は?
これは、Webデザインの一般的な経験に関する有名なWebコミックです。 http://theoatmeal.com/comics/design_hell それは著者の個人的な経験に基づいており、デザイナーを次のように扱う地獄の典型的な/似顔絵クライアントについて説明しています。 クライアントが発言、電子メール、インスタントメッセージングによって制御できるグラフィックプログラム内のマウスカーソル ...例えば次の方法で完成品を台無しにする: 不要な変更を要求して、設計に印を付けたと感じている 漠然とした、中途半端な、または矛盾したリクエストを行う プロジェクトに関係のない人からの変更要求を持ち込む クライアントにはアピールするが、エンドユーザーには意味がない愚かなリクエスト 私が考えたいくつかの解決策: Webデザインを終了し、自分のオンラインビジネスを開始します。 プロのウェブ/グラフィックデザイナーが提供する仕事のみを受け入れます。 助言がありますか?

2
PhotoshopでカラーをHEXとしてコピーする最も速い方法は何ですか?
多くのデザイナーがPhotoshopをデザインおよびモックアップツールとして使用しています。そうすることで、最後のステップの1つは、グラデーションやダイナミックテキストなどをHTML、CSS、Cocoa、または他の言語を使用して再構築できるように、多くの色情報を取得することです。 色をサンプリングし、ピッカーを開いてタブまたはHEXフィールドをダブルクリックし、⌘C(Mac)またはControl-C(Windows)を押すには、いくつかの手順が必要です。 最終的な設計ドキュメントがあり、多くの色をクリップボードにコピーしたい場合、これを行う最も速い方法は何ですか?

4
ウェブサイトをデザインするときに、ユーザーが色をどのように見るかを知るにはどうすればよいですか?
ウェブサイトをデザインするときに、ユーザーが色をどのように見るかを知るにはどうすればよいですか?MacbookやWindowsデスクトップ/ノートブックとはウェブサイトの色が異なって見えます。特に、デスクトップでは明るい色が見えません。たとえば、テーブルの灰色の境界線が見えません。 設計時に気にする必要があるのはどれですか。設計ソリューションを使用して、すべての画面を非常に類似させることができますか?

3
Webでテキストインデントを使用する必要がありますか?
ウェブサイトにテキストインデントを追加することを検討しました(段落の最初の行がインデントされています)が、最初に少し検索したところ、多くのサイトにテキストインデントがないことがわかりました。何故ですか?段落がどこから始まるのかが明確になると思いましたが、なぜもっと頻繁に使われないのですか? 深刻な欠点はありますか、それとも単なるファッション/トレンドの問題ですか?

5
中央揃えのテキストの大きな段落をどのように処理しますか?
私は自分のために非常にシンプルなポートフォリオWebサイトで作業しており、使用しているテンプレートはすべてのテキストに対して中央揃えになっています。私は自分自身について少し言い訳をしており、これが中央揃えのテキストを処理する最良の方法であるかどうかはわかりません。読むのがちょっとぎこちない。私はただ物事を想像していますか、これを行うより良い方法はありますか? 編集1:私のウェブサイトはこの無料のテンプレートに基づいており、中央揃えのテキストのいくつかの大きなセクションもあります。テキストを左揃えにしたいのですが、他のウェブサイトの見た目とうまく合うかどうかわかりません。 編集2: だから私は色を反転させたので、それは白地に黒のテキストです。これは今のような感じで、sens-serifフォントも付いています。その白い背景にリンクがどのように見えるかも含めました-少し暗くする必要があるかもしれません: 編集3: さて、箇条書きの私の試みで、正当化されたままにしました。私はすぐにそれを整理するつもりです。フォントサイズを正しく設定する必要がありますが、あなたはアイデアを理解しています。

3
色が多すぎるように見えるロゴを使用するにはどうすればよいですか?
私がサイトをデザインしている会社には、協力しなければならないロゴがあります。標準のカラーパレットとレイアウトに関する私のすべてのアイデアは、このロゴに挑戦されています。これは6つあります。それらはロゴのコンテキスト内では問題なく見えますが、それらのいずれかを他のデザインに変換するのは困難です。唯一有望なのは、ほとんどニュートラルな色の使用ですが、私の意見では、サイトは少し退屈に見えます。 誰もがこのような状況のヒントを持っていますか? 編集:答えをありがとう、みんな。私は実際のロゴを投稿するのは快適ではありませんが、これを一緒に投げて、色とそれに対応する優位性に関する限り、私が作業しているものについてのより良いアイデアを提供します- 色の組み合わせの音を実際よりも悪くしたのは、私がこれを考えすぎたためです。最近の設計の反復はかなりうまくいきましたが、クライアントが実行しなければならないDA01の1色の提案が組み込まれています。それは多くのオプションを開きます。

4
Webサイトで使用するのに最適なフォントサイズの数はいくつですか?
Webサイトで使用できるフォントサイズの数を教えてください。 誰かが3つ以上の異なるフォントサイズ(たとえば、見出しに16px、テキストに11px、小さい見出しに13px)を使用しない方がよいと私に言った。 Webページごとに4つ以上のフォントサイズ(例:4)を使用することは良いことですか、悪いことですか?4つ目を使用することを検討しているので質問しますが、それが私のデザインを台無しにする可能性があるかどうかはわかりません。

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