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

私は自分がいる会社のウェブサイトを構築していますが、マーケティング部門は色の余地をあまり与えていません。#2DCCD3ロゴにあるため、どこでも使用する必要があると彼らは言いますが、飽和し、限定されているウェブサイトは、青を使用する他のすべてのウェブサイトのように見えます。 同社にはブランド戦略が実装されておらず、至る所にあります。私の考えは、ウェブサイトを定義した後にそれを構築することです。 私の質問は、彼らは正しいですか？記憶に残るウェブサイトを損なうようなブランド認知のためにその色を使用すべきですか？ 私がウェブサイトに提案するカラーパレットは次のとおりです。 勾配：#ff2645〜#d05822 ホバーイン： #ff2645 次のテキスト要素とソリッド要素： #fff ベースのアイコン： #0F8186 追伸 すべてのページに勾配があるわけではありません。

17 website-design  color  interface-design  color-theory 

私はウェブデザイナーになりたいので、たくさんのPhotoshopビデオチュートリアルを見ていますが、それらのチュートリアルのいくつかはウェブデザインには役立ちません。たとえば、映画の中には、肌や歯、花を描いたり、壁の模様を変えたり、このようなものを描いたりするものがあります。なぜなら、私にはWebデザインに関する特定のリソースがなく、それらのチュートリアルは私にとって一種の時間の浪費だからです！ PhotoshopでWebデザインを学習するためのチュートリアルソースを知っていますか？ PhotoshopでWebデザインに集中するにはどうすればよいですか？ Photoshopのどの部分がWebデザインに必要であり、どの部分は不要ですか？

17 adobe-photoshop  website-design 

デザイナーになりたいデベロッパーである私は、ウェブサイトやモバイルアプリなどで最高のUIを作成する方法を学ぶことに本当に興味があります。 。 どこから始めればいいですか？美しいWebサイトとインターフェイスを作成する方法を学ぶにはどうすればよいですか？

17 website-design  designers  resource-recommendations  education 

私は、販売用またはメール用のシンプルな単一ページのWebアイテムを大量にデザインしています。多くの場合、さまざまなメディア幅で見出しや希望する改行で問題が発生します。 たとえば、次のような見出しを付けることができます。 私たちの新しいthingamabobは、スライスしたパン以来の最高のものです！ 改行にまったく注意を払うことなく、改行は次のようになります。 私たちの新しいthingamabobは、スライスしたパン以来の最高のものです！ Webサイズ全体で、「the」の後に改行を入れたいです。2行を作成します。 私たちの新しいthingamabobは、スライスしたパン以来の最高のものです！ 中程度の幅の画面の場合、2回中断します。 私たちの新しいthingamabob は、スライスしたパン以来の最高のものです！ さらに狭い画面の場合は、「new」、「thingamabob」、および「thing」の後に分割します。4行を作成します。 私たちの新しいthingamabob は、スライスしたパン以来の最高のものです！ 私は本当に（改行タグを使用したくない<br>）というハード設定するため、すべてのサイズで休憩。今まで私は、様々な用メディアクエリと幅のパーセンテージを使用しましたh1- h5タグ軍ブレークの幅となるようタグ。しかし、これは私にとって「ハッキング」のように思えます（実際のテキストに基づいて、非常に気まぐれでもあります）。 改行をHTMLにハードコーディングせずに制御する最良の方法は何ですか？

17 website-design  text  best-practice  responsive-design 

このWebサイト（左上隅）のロゴを使用する必要があります。 ページからコピーしたコードは次のとおりです。 <svg viewBox="0 0 215 50" height="50" width="215" xmlns="http://www.w3.org/2000/svg"><path d="M128.783 40.08v7.74h2.078v-5.66h18.843v5.66h2.08v-7.74h-3.322V5.82h-14.017c0 14.588-.467 23.26-2.596 34.263h-3.064zm-43.58 2.08h4.154V5.82h-4.153v3.116l-9.138 24.352V5.818h-4.153V42.16h4.153v-3.114l9.138-24.35v27.465zm-22.842 0h4.36l-6.904-21.08 4.83-15.262h-2.13l-4.88 15.263H52.08V5.82h-4.155V42.16h4.156v-19h4.048l6.233 19zm71.562-2.08c1.764-10.433 2.492-18.842 2.598-32.186h7.783V40.08h-10.38zm74.6 2.08h4.31L204.894 5.82h-4.31l.88 4.206-6.852 32.137h2.13l2.59-12.097h6.548l2.643 12.098zm-169.574 0h4.31L35....8zm147.355 0h4.158V5.82h-13.968v2.076c-.05 8.05-.414 18.12-1.143 23.204-.466 3.066-1.61 5.508-3.532 5.508v5.555c3.588 0 4.623-4.83 5.246-9.24.936-6.752 1.4-16.976 1.506-25.025h7.732V42.16zM159.88 7.896h9.347V5.818H155.73V42.16h13.497v-2.08h-9.348V20.564h7.265v-2.076h-7.266V7.895zm-59.1 0h9.34V5.818H96.626V42.16h13.496v-2.08h-9.34V20.564h7.266v-2.076h-7.265V7.895zm-96.2 0h8.306v34.267h4.152V7.895h8.306V5.818H4.58v2.077zm28.396 6.023l2.858 14.067h-5.66l2.802-14.067zm169.58 0l2.853 14.067h-5.66l2.807-14.067z"></svg> 私はこれにあまり精通していませんが、テキストファイルに貼り付けて「.svg」としてさらに保存しようとしましたが、すべて無駄になりました。 （タグに何か問題があるかもしれません） …

16 website-design  svg  save 

色知覚の背景： 人間の目の性質と脳による視覚処理により、同じ色が背景によって異なるように見えるという錯覚があります。 以下に示すコントラスト効果として知られています—中央の長方形は同じです： ソース：ウィキメディア NASAによるイラスト（およびレポート）は、背景の色の効果をさらに明確にします。 出典：NASA Color Usage Research Lab （2番目の画像の最上部の2つの色は同じように見えますが、実際には完全に異なっていることに注意してください。） Webデザインはどうですか？ 私の質問はWebデザイン、特にこの場合、さまざまな背景のリンクテキストの色に関するものです。 特定の色のテキストに対して、特定の背景で同じように見えるように補色を見つけるにはどうすればよいですか？ この質問の例を見てみましょう。 #FFF000以下の背景に黄色のテキストが付いた私の例を検討してください。 白#FFFFFF、 黒#000000、 とグレー#555555。 予想どおり、まったく同じようには見えません。（ここで.PSDファイルを表示およびダウンロードします。） 3つすべてで同じように表示するにはどうすればよいですか？明らかに、白い背景のテキストは濃い黄色である必要があり、灰色のテキストは色相/トーンの調整が必要です。（周囲のテキストも影響しますが、それを説明するのは難しいでしょう。） 16進数、RGB、または別のシステムに基づいて、この完璧な色を何らかの方法で計算できますか？手動で近似するよりもはるかに効率的であるため、これがこの質問の核心です。

16 website-design  color  color-theory  color-profile  color-conversion 

私は、Webデザイナーです。 アドビ製品は使用していません。もちろん、オンラインでフラッシュビデオを視聴する場合を除きます。 現在、グラフィックニーズにgimp 2.6を使用しています。それは無料で、私はそれを使用する方法を知っています。実は、Photoshopには、gimpの10倍のリソースがあるようです。 Gimpの知識は十分にありますが、グラフィカルデザインの才能はそれほど優れていません。 Adobe Photoshopを購入すべきだと思いますか？他の製品はどうですか？優れたグラフィック/ウェブデザインスキルを身に付けるのに役立つ書籍、ブログのウェブサイトなどをお勧めしますか？ 経験から話してください、事前に感謝します！

16 adobe-photoshop  website-design  gimp 

ウェブサイトをデザインするときはいつでも、スクリーンキャプチャだけでなくコーディング機能も表示すると便利だと思います。 残念なことに、ほとんどの場合、クライアントは自分でWebサイトを編集することになり、メンテナンスの費用を支払わないと、サイトの魅力が失われ、ポートフォリオにURLを挿入するのが好きになりません。 Webデザイン/ UIを紹介するベストプラクティスはありますか（実際に機能しており、単純な画面キャプチャではありません）。 クライアントを表示するためにオフラインコピーを保持していますか？ 既存のWebサイト（Behanceまたはその他）にどのようにリンクしますか？

16 website-design  portfolio  mockup 

ポートフォリオに追加したいウェブサイトを作成しましたが、フルサイトの高品質のスクリーンショットを取得するのに苦労しています。WebサイトをPDFとして保存しようとしましたが、エラーが多かったため、他のオンラインサービスでは画像を再作成できませんでした。また、Macで定期的にスクリーンショットを撮ってみましたが、縮小すると品質が大幅に低下しました。 良いアイデアはありますか？:)

16 website-design  screenshot 

マイクがここで指摘したように、黒のbgに黄色のテキストを使用するのは悪いですか？はいの場合、どの色を使用する必要がありますか（RGBまたは16進値）？

16 website-design  black 

画像を拡大したい場合は、SVGが賢明な選択であることを知っています。 ただし、私の状況では、ユーザーがCMS経由でアップロードできるようにするアイコンがあります。SVGは作成するのが少し難しいため、jpg、gif、またはpngは管理者にとって理想的な形式のようです。 ディスプレイサイズと同じかそれよりも大きいサイズでアップロードし、適切な比率を維持すると、サイズを縮小したときにjpg、gif、またはpngがSVGと同じくらい高品質になりますか？ 私の仮定は、彼らはおそらくGIFファイルがないものの、他のフォーマットと同じように多くをぼかすあるのでブラウザは、あまりにも一定の大きさ以下のSVGをantialiaseする必要があるということでしょう一見よりぼやけます。

15 website-design  file-format 

会社のロゴとウェブサイトをデザインしました。 私はいつもより少し長くかかったので（3週間）、彼らは他の誰かを雇うことについて話している。 デザイン（少なくとも50のバリエーションを持つ10のロゴデザイン）とウェブサイトのデザインを提供しました。彼らが他の誰かを雇うと、私の努力はすべて無駄になります。 それでも支払いを要求する必要がありますか？ 私はすべきだと思うが、20％のように、言ったように全量ではない。 助けてください。

15 website-design  logo  business  client-relations  freelance 

Doug Averyによるこの記事を読んで、Adobe Photoshopで色の管理を無効にする方法を説明し、それに対して反論し、sRGBをサポートするコメンテーターの騒動に対応するフォローアップ記事を説明しましたが、私の個人的なワークフローに適用する必要があります。 記事を読んでいる間に収集したものから（間違っている場合は修正してください）、これに対処する正しい方法は、Photoshopで色をsRGBとして管理し、さらに必要なときにProof Colorsを使用することです作品の「忠実な」プレビュー。 現時点では、カラープロファイルを無効にして設計されたWebサイトプロジェクト全体があります。Photoshopのレンダリングは、PhotoshopのEyedropper Toolによって正しく報告されているものの、スクリーンショットから測定した場合、Google Chromeでエクスポートされた画像を開くときに表示される色と一致しないことに気づいたため、私はそのように始めましたPNG 簡単に検索した後、先ほど引用した投稿に出会い、その提案を盲目的に適用しました（フォローアップに気づかず、問題についても読みませんでした）。それ以来、問題はありませんでした。Photoshopで作業のスクリーンショットを撮り、開発者が利用できるようにアップロードします。彼は私がデザインを開発するときに使用するのと同じ色を見ることができ、実際に何をしているのかを見るためにフープを飛び越える必要はありません。 私の質問： Proof Colorsの使用を強制することでさらに作業を追加するだけの場合、WebデザインでsRGBを使用することは本当に必要ですか（写真や印刷などで使用しないことの意味を理解しています）？（それは私がそれを見る方法です、私が間違っているなら私を修正してください） ICCプロファイルで保存すると、一部のブラウザーはプロファイルを正しく適用しますが、他のブラウザーはそれを無視するため、sRGBを使用して設計し、ICCプロファイルなしで保存するのがおそらく最良のアイデアであるとも述べています。それはそもそもカラープロファイルを使用する目的に反しませんか？それとも、記事の内容を間違って解釈していますか？

15 adobe-photoshop  website-design  color-profile 

新しいウェブサイトまたはアプリケーションを設計するとき、細部まで正確に仕上げることが非常に細心の注意を払っています。 しかしほとんどの場合、クライアントはより良いアイデアを持っています。彼らはひどい変化を要求し、満足するまでにそれを私の仕事と呼ぶことを恥ずかしく思います。 時間を無駄にしてしまい、製品の専門性が低下してしまいます。 私に何ができる？ これは他の人に共通の問題ですか？あなたがデザイナーであることをクライアントに納得させる方法はありますか？ 間違ったタイプのクライアントを扱っているだけですか？ または、これはまさにそれであり、私がそれをより早く受け入れるほど、それは良くなりますか？ あなたの経験は何ですか？

15 website-design  business 

私は誰かにウェブサイトのデザインを作成するように頼もうとしていますが、ウェブサイトがロゴデザインを駆動すべきか、ロゴがウェブサイト設計を駆動すべきかはわかりません。 最初にロゴデザインを作成する必要がありますか？

15 website-design  logo