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

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

11
どのような状況でどのDPIを使用する必要がありますか?
PhotoshopとIllustratorで作業内容をエクスポートすると、「DPI」という言葉が非常に頻繁に表示されます。DPIは「インチあたりのドット数」の略であり、画像のDPIが低すぎる場合、ズームインしようとすると重いピクセル化が発生することを知っていますが、どのような状況に最適なDPIは何ですか? 例(状況): 印刷A4デザインのエクスポート ウェブサイトのレイアウト ロゴ(Webサイトのみ-現在のSEグラフィックデザインのロゴよりもかなり小さい。) ロゴ(拡大縮小-名刺から大きなバナーまで)

8
最初のクライアントのパートナーは無料のウェブサイトの再設計を要求し、デポジットの返却を望んでいます-モラルジレンマ
長い間読んでくれてすみません。 私は22歳で、グラフィックデザインの大学を卒業しました。ロゴ、文房具、ウェブサイトをデザインしたい中小企業からアプローチを受けました。テーブルと私の最初のクライアントの下にあったので、私は彼らに20ドル/ h NZDだけを請求していました。 とにかく、私はすべてを終えました。ロゴや文房具には満足していますが、ウェブサイトには満足していません。彼らは、ウェブサイト全体を再設計する必要があると考えています。彼らが私に言ったのは、私が終了してから1か月後です(彼女の夫が取引にもっと関与し始めてから)。そこで私は別のコンセプトを思いつき、そのためのワイヤーフレームを送って、およそ50-60時間かかると言った。彼は、フローリングや、フロアを2回タイル張りしたくないなどについてのアナロジーでいっぱいの長いメールを送信しました(楽しいメールでした)。彼は私に最後通告を残しました:無料でサイトの再設計を行うか、彼が支払ったデポジットを返却して、(すでに時間を費やした後)立ち去ります。 私は他のフリーランサーから聞いて、この状況で彼らが何をするのかを聞きたいです。私はこれが初めてなので、間違っているかどうかわかりません。注意すべき重要な情報は、最初にサイトのワイヤフレームを送信しなかったということです(これは現在わかっている間違いでした)が、この間違いは本当に大きな影響を及ぼしますか?はい、これからは契約を使用します。 ここまで読んでいただければ、皆さんの意見を歓迎します。 更新:以下の回答からアドバイスを受けて、再設計のために支払いが必要になるか、それを取り消すことができると言いました。いくつかの議論の後、彼は気にしないと言ったので、現在の設計で生きて、彼が負っているものを支払うつもりです。(彼が利用し、無料で余分な仕事を得ようとしていたように聞こえます)。




9
どの最新のソフトウェアがFireworksの適切な後継/代替品ですか?
少しコンテキストを説明するために、私はデザインに精通した開発者としてのバックグラウンドを持っています(開発者に精通したデザイナーではありません)。私は何年も前に代理店で働いていました。私は約3年間デザインゲームをやめ、戻ってきました。当時、私が選んだツールはFireworksでしたが、昨日、アドビがゆっくりと消滅させていることを知りました。 それでは、Webグラフィックスとインタラクションのみを行う人のための主流の次世代ツールは何ですか? または、その質問はやや主観的または「あなたの好きなツールは何ですか」と考えられるかもしれないので、ウェブグラフィックスツールの風景をよく見ることができる信頼できる情報源はありますか?


3
Web用のイラストをアニメーション化する最良の方法は何ですか?
Illustratorでいくつかのイラストを作成しており、現在作業中のWebサイト用にアニメーション化する予定です。Flashを使用したCreate.jsツールキットについて聞いたことがありますが、より良い」それを行う方法? 私が目指しているアニメーションの種類の例を次に示します。http : //kontramax.com/wp-content/uploads/envato/demo/coming_soon_machine/dark/

9
常に存在する「ロゴを大きくする」にどのように答えますか?
私たちのほとんどと同じように、私は定期的に「ロゴを大きくする」というクライアントの要望に直面しています。特にWebデザインでは、クライアントはロゴをとんでもないサイズに膨らませたいと考えています。 この提案に効果的に対抗するにはどうすればよいですか?私はそれがほとんど決して良い考えではないことを知っています。私は通常、成功しているほとんどのWebサイトのロゴは非常に控えめなサイズで表示されていることを指摘しますが、もっと良いストーリーを伝えたいと思います。

10
BootstrapやHTML5ボイラープレートなどのWebフレームワークは、(開発者ではなく)デザイナーに何かを提供しますか?
これは、開発よりも設計に関するものです。 完全に手書きのCSSとHTMLを使用して、ゼロからサイトを構築します。 BootstrapやHTML5 Boilerplateなどのプリビルドcssテンプレートについては、しばらく前から知っています。私は過去にそれらを簡単に見てきましたが、実際にそれらを何かに使用することはありませんでした。CSSをリセットしたり、必要に応じてJavaScriptを含めたり、ビューポートを設定したりしても問題はありません。 今晩、基本的なHTML5 / CSSページをコーディングしました。レイアウトの点で本当に驚異的なものはありません。単にジャンプオフポイント。その後、Bootstrapに同じレイアウトの渦巻きを付けることにしました。かなり標準的な960ピクセル、ヒーロー画像ページを含む3列です。 Bootstrapを変更していると、自分の時間の80%以上がどのクラスまたはIDが何かに適用されるかを学習し、それをCSSで見つけて調整することに費やされていることがわかりました。Bootstrapが私をまったく救うつもりはないことが明らかになりました。実際、Bootstrapは、*過度にテンプレート化されたCSSにより、制作時間を大幅に増加させます。 *(「過度にテンプレート化された」とは、特定のWebサイトにはおそらく使用しないCSSが大量に存在することを意味します。全体に不要なCSSがあるわけではありません。) Bootstrapに精通していれば、クラス/ ID名とスタイルシートの一般的な場所に精通していることを理解しています。だから、私はそれが私がかかっていた時間に少し曲がりたいと思っています、それのいくつかは私自身の不慣れのためであることに気づきました。 ただし、Bootstrap et。等 単に松葉杖であり、彼らは自分たちのブランドのコードをスプーンで与えることによってデザイナーを不自由にしている。したがって、サードパーティのソリューションに完全に依存する消費者ベースをロックし、すべてまたは少なくとも大部分の機能を実現します。Dreamweaverを使用できる場合にのみWebサイトを設計できるユーザーを思い出させます。そして、Dreamweaverにアクセスできず、変更が必要な場合、天国は禁止されています。 サイトを構築するとき、標準クラスとID名の独自のセットを使用します。CSSは、私にとって直感的な方法で構成されています。クイックセットアップ用のビルド前テンプレートの独自のセットがあります。したがって、私が構築するサイトは、かなり迅速に編集できます。事前構成済みのフロントエンドパッケージを使用するということは、自分自身に頼るのではなく、命名規則とその構造を学ぶ必要があるということです。 BootstrapやHTML5 Boilerplateなどのテンプレートシステムの大きな長所を誰かに賞賛できますか? それらがあなたにとって価値があるのはなぜですか? 使用しているシステムに慣れているだけなので、簡単にナビゲートできますか、それともアイテムを探し回る必要がありますか? 必要な場合、それらなしでサイトを構築できますか?

4
作品に透かしを入れるべきですか?
私は、ウェブサイトにデジタル作品をアップロードしようとしている美術学生です。グラフィックデザイナーは通常、作品に透かしを入れますか?いいえの場合、グラフィックデザイナーは作品をどのように保護しますか? 更新:私が使用しているWebサイトはsquarespaceです。私がアップロードしているデジタル作品は、活版印刷作品(ロゴ、レタリング)、インフォグラフィック、パッケージデザイン、ブランディングで構成されています。イラストレーターが作品を72 dpiと透かしでアップロードすることに気付きました。一方、グラフィックデザイナーはそうではありません。私はまだ著作権問題全体に不慣れなので、透かしがグラフィックデザイナーにとって「もの」であるかどうか疑問に思っていました。

5
ウェブサイトのグラフィックデザイン要件を収集する際に何を尋ねるべきですか
私はソフトウェア/ウェブ開発者であり、最近、別の州に住んでいるグラフィックデザイナーと仕事をしているので、クライアントとの接触はすべての面で私の責任になります。ウェブサイトのデザインで。 私たちはいくつかのプロジェクトを行いましたが、距離は一部のクライアントにとって少し問題があり、これは最初の要件収集に関係していることがわかりました(背景、テクスチャ、写真、など)が、あるプロジェクトでは、デザイナーは実際にデザイン全体をゼロからやり直さなければなりませんでした。 デザイナーは非常に優れており、個人的に彼とリモートで作業する際に問題はありません。さらに、私は地元のデザイナーと運がなかったので、この状況を最大限に活用したいと思います。 コンテキストを考えると、私の質問は次のとおりです。クライアントと初めて行くとき、クライアントが何を望んでいるかの完全な感覚を把握するために何を頼むべきですか?私がすでに尋ねているものは次のとおりです。 あなたがあなたがあなたのように見えることを望んでいるものの参照として私たちが取ってほしい他のウェブサイトはありますか? デザインの基礎となるパンフレットや企業イメージ関連の資料はありますか? あなたのターゲットオーディエンスは何ですか? 前もって感謝します。

4
ウェブサイトにユーザーの目を向ける方法
写真には視聴者の目を導くという一般的な原則があります。これは、写真を横切る線で頻繁に行われます。観察者が写真をスキャンする方法を認識することは、ショットを作成する際に役立ちます。また、視聴者の目が写真をスキャンする方法は、写真の意味を変えることさえあります。 ユーザーがページの適切な部分を探す必要なく、目的の方向にサイト全体でユーザーの目を導くために、Webデザインでできることは何ですか? たとえば、ユーザーにロゴ、サイトの簡単な説明、記事の順に表示させたい場合があります。これらのアイテムを1つ下の縦列に配置し、ページから他のすべての要素を削除する以外に、ユーザーの目を次のアイテムにどのように誘導しますか?

2
ウェブ上のタイポグラフィの標準的な比率は何ですか?
Webデザインのレイアウトでは、タイポグラフィが比例して一貫していることを確認することがよくあります。しかし、どの比率とサイズを使用すべきかについての決定的な記事やリソースを見つけることができませんでした。具体的には、次の場合の推奨または標準的なプラクティスは何ですか? フォントサイズ 行の高さ 線幅 行間隔 回答では段落とヘッダーの両方を検討してください。また、さまざまな比率またはメトリックの有効性に関する調査は非常に有用です。

9
「元に戻す」アイコンの提案が必要です
この質問は、Graphic Design Stack Exchangeで回答できるため、User Experience Stack Exchangeから移行されました。 5年前に移行され ました。 元に戻すアイコンを考え出そうとして、私がこれまでに思いついた最高のアイデアは、その下にゴミがある逆さまのごみ箱です。削除されたコンテンツを指定するユーザーコンテンツの一覧を表示するユーザープロファイルページに配置され、そのコンテンツの削除を取り消すリンクを提供する可能性があります。

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