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

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

11
無料の「Helvetica Neue」の代替手段はありますか?
Helvetica Neue(商用利用は無料)に類似した他のフォントを知っている人はいますか? 「Helvetica Neue」を多用する大きなウェブサイトプロジェクトに取り組んでいます。私はほとんど同じように見え、個人用および商用用に無料で、copytextで使用した場合でも見栄えの良いフォントが必要です(たとえば、copytextのfontsize = 11px、headlines = 16pxの場合)。 また、圧縮フォントスタイルを含める必要があります(可能な場合)。


6
「ウェブセーフ」な色はまだ重要ですか?
何年も前、WebデザイナーはWebセーフカラーのみを使用することが強く推奨されていました。 これがまだ当てはまるかどうかを確認するために研究が行われましたか?もしそうなら、答えは何ですか? 誰もこれをカバーする研究または報告を知っているか、参照していますか?


4
Webデザインのために画像を72DPIに維持することは必須ですか?
私は1年以上Webバナーを設計してきましたが、DPIを考慮したことはありません。 デフォルトの72DPIを使用していましたが、72DPIでWebデザインを作成する必要があることを知りたいですか?200DPIなど、それ以上を使用するとどうなりますか? DPIの増加は高品質の画像を意味することを知っているため、高DPIを使用したいのですが、最近、Webバナーには72DPIを使用する必要があることを読みました。私はそれが必須であり、それが何らかの面で悪影響を与えるかどうかを知りたいですか?

8
ひどいロゴを中心にデザインする
私が遭遇した興味深い問題にどのようにアプローチするかについて、いくつかの意見を探しています。 私はUX /グラフィックデザイン、特にウェブに手を出します。ほとんどが静的サイト。私はこれをすべて副業として自分の時間にしていますが、フルタイムで働きたいと思っています。日々、私はデザインやUXとはまったく関係のない会社のソフトウェアエンジニアです。ただし、非常に古いWebサイトがあります。今日、私たちの上司は、サイトを再設計する意欲を表現するために、私とバックエンドスクリプティングを専門とする他の従業員と議論するための会議を招集しました。彼女は私の仕事を見て、私がしていることをとても楽しんでいて、サイトを内部の仕事として宣伝するのではなく、外部のLLCを使ってサイトを信用することができます。彼女はまた、同じ業界で、私が推薦したいのと同じ種類のサービスを切実に必要としている他の4人に私を向けました。言い換えると、 しかし、1つの問題があります。彼女は同じ会社のロゴを維持することに絶対に執着しており、それは本当にひどいものです。書体は、グラフィック要素とのコントラストが非常に悪く、カーニングやスペースが不十分で、場所によってはテキストを読むことさえできません。彼女はWebデザインに関していくつかの恐ろしいアイデアを持っていたので、彼女は私に非常に優雅に撃ち落とすことを許可しましたが、彼女はロゴを曲げないことを非常に明確にしました。部分的には彼女の息子によって設計されたため、そして私たちの業界では非常に少数の人々への露出を最小限に抑えようとしているため、一貫したブランディングが重要です。これは、約9年間名刺やプレゼンテーションの透かしなどに使用されているロゴであるため、視覚的なブランドアイデンティティの変更が問題になると感じています。 このようないキーストーン要素を中心に設計することについて、どのようなアドバイスがありますか?ウェブサイトのデザインは私と一緒に、または私なしで行われます。私が関わらない場合は、他のコンサルタントなしで完全に内部から完全に再構築されます。さらに、少数のフリーランスの追加クライアントの可能性を失います。そして、私はポートフォリオにいくつかのビジネスを追加し、ウォレットにいくつかのクイックコンサルティングキャッシュを追加したいので、黒の大学の最後の学期を締め切り、すぐに学生ローンの支払いを開始できます。

5
テキストに純粋な黒の代わりに非常に暗い色を使用する目的は何ですか?
一部のWebデザインでは、デザインに純粋な黒色(hex#000)ではなく、ほぼ黒色のフォント色(hex#001c00)が実装されていることがわかりました。 デザインは実際にこれから恩恵を受けますか、またはこれは実際に黒い色を使用するのと同じですか? 私は趣味のWebデザイナーおよび開発者であり、違いを把握できないようです。


10
デザイナーは自分の作品を非創造的な人々にどのように説明できますか?
個人的に直面する問題の1つは、デザイナーとして、潜在的なクライアントや創造的な側面を持たない人々に自分の仕事を効果的に説明する方法です。どのソフトウェアまたはプロセスが使用されたかを説明する方法は知っていますが、設計者が手がかりのない人に考え方を説明できる方法は何ですか?一部の人々がロゴデザインを思いつくのと同じように、プロジェクトを進めているときに箇条書きリストを実装し、重要なフレーズを書き留めることを考えました。次のような、x、y、zを含める必要があることを示すために使用できるスタディまたはメトリックはありますか? 色 フォームファクタ 対象者 Googleで見つけた最も近いソリューションは、「グラフィックデザインポートフォリオの準備と話」というタイトルのDesign Tutsによる記事でした。 簡単ではない あなたの作品について話すことは、デザイナーにとって自然なことではありません。最初は簡単ではなかったと思います。しかし、学ぶこと、そしてできるだけ早く学ぶことは良いスキルです。ミスを恐れずに、各ミーティングをこのスキルを開発する機会と見なしてください。これにより、ポートフォリオについて簡単に話せるようになるだけでなく、同僚とクライアントの両方にコンセプトと設計作業を提示することも容易になります。 ここでの簡単なルールはエンゲージメントです。あなたの目的は、スピーチや講義をするのではなく、あなたの仕事への関心を喚起することです。あなただけではなく、人々にあなたのポートフォリオを見せることも彼らについてのものであることを忘れないでください。 各プロジェクトに来たら、それについて簡単に話して紹介してください。ただし、長々と話さないでください。彼らがどのように反応するかを見て、彼らに質問をさせ、または彼らに単純に見てもらいましょう。彼らが作品ではなくあなたを見ているなら、プロジェクトについてもう少し話してください。あなたが興味を持っていることを伝えてください。次のプロジェクトに進む時が来たという兆候を探してください。 仕事について話すことに慣れるには、機会があればいつでも他の人に試してみてください。デザイナー以外の場合は、デザイナーの専門用語を使用して各プロジェクトを説明しないことを練習するため、さらに役立ちます。 だから私の質問は、創造的なデザイナーがどのようにしてポートフォリオプロジェクトを非創造的な人に説明できますか?


3
色選択スキルを向上させるにはどうすればよいですか?
私はWeb開発者で、Webデザイナーになり始めました。しかし、色の私の理解はまだ実用的ではないと思います。カラーハーモニーを提供できるツールや、Color Scheme Designerなどのその他のものがありますが、それらは開始点を提供しません。つまり、このWebサイトでは緑を使用し、そのWebサイトでは赤を選択する必要があることをどのように知る必要がありますか。どうやってそれを知る必要がありますか? 色の選択は科学ではなく芸術に近いと思いますし、「Webデザイナーになるには、色のアーティストにならなければならない」と思います。 色選択スキルを向上させるにはどうすればよいですか?

7
サイズと形式に関するファビコンのベストプラクティス
私はWordPressサイトで忙しくて、最後の仕上げを追加するためにステージに来ました。ファビコンです。私は主に開発者なので、グラフィックスとアイコンは私の最大のポイントではありません。 ファビコンを作成するときのベストプラクティスは何ですか(サイズなどの面で、既にデザインを持っています)。モバイル、タブレット、Retinaディスプレイなど、可能性のあるすべてのデバイスに対応したいと思います。また、ぼやけてしまうことを望まないため、使用するピクセル密度とすべてを知る必要があります。 あなたのためにこれを行う(そして適切に行う)Macアプリやオンラインツールがあれば、それも素晴らしいでしょう。それ以外の場合、IllustratorおよびPhotoshopを回避する方法を知っています。

13
Webデザイナーはコーディング方法を知る必要がありますか?
ウェブ開発者として、フロントエンドとバックエンドの両方のアーキテクトとして、私は多くの異なるデザイナーと仕事をしており、基本的なCSSとHTMLでデザインを達成する方法が考慮されていなかったデザインコンプでの作業にイライラすることがあります。一方、開発者として、私はあらゆるデザインからコードを生成できると期待されています。 Webデザイナーは、基本的な最新のCSSおよびHTMLテクニックを知っている必要がありますか?丸みのあるWebデザイナーにとってこれが重要なのはなぜですか? 一般的な考え: フロントエンドのWeb開発者は、設計をコーディングするのに十分なスキルを備えている必要があります。 Webデザイナーは、ユーザーが実際にデザインと対話する方法を理解する必要があります。 デザインショップでは、むしろデザイナーに設計を依頼し、すべてのコーディングを開発者に任せます。

3
さまざまな画像の背景でテキストが読みにくい
私はここに来て、次の点を改善する方法についての設計の助けやアドバイスを少し求めています。 タイトルが示すように、背景として異なる画像に表示される複数のテキストを含むウェブサイトのバナーを持っています。さて、ほとんどの画像は暗いので、フォントの色を白に設定しました。しかし、それでも、テキストの一部は次のようないくつかの画像ではあまり読めません: CSSを使用しているため、次のようなさまざまなオプションを試しました。 テキストシャドウの追加: CSS: text-shadow: 3px 3px 0px #000; また、テキストの周りに半透明のボックスを作成してみました: デモ 箱が不自然に見えるように感じます。 CSSを知っている人のためにフィドルを作成しました。そうでない場合は、あなたの想像力だけに基づいて私にアドバイスしてください。 PS:それがより際立って役立つ場合は、別のフォントを使用することもアドバイスできます。

5
ウェブサイトを設計する手順は何ですか?
すべてのWebデザイナーを呼び出す:) 私は故郷で中小企業向けのウェブサイトを作り始めており、それが私の最初の適切なプロジェクトになります。過去にサイトを作成しましたが、余暇のために作成しました。私はHTMLとCSSに堪能です。私はクライアントの要件と彼がウェブサイトなどで何を望んでいるのかを知っています。要件を確定した後、どのステップに従う必要があるのか​​がわかりません。Webを検索しましたが、情報が古いため、質問に関連するものが見つかりませんでした。 私の質問は: 2014年のWebデザイナーのワークフローとは何ですか?(すべてが非常に速く変化しているため)サイトのワイヤフレームを作成し、Photoshopでそれらを設計し、設計をコーディングしますか? Webサイトを作成するために必要な手順など、「設計」プロセスの仕組みを知りたいだけです。 前もって感謝します。

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