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

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

10
彼らが何を望んでいるかわからないクライアントとどのように連携できますか?
ウェブサイトのデザインでクライアント/友人を支援しています。 彼は概念的な思想家です。しかし、彼のアイデアは常にインスピレーションに満ちていますが、実用的ではありません。 私は彼に私のデザインを見せた後、彼はいつも違う方向を望んでいます。彼は何か新しくて新鮮なものを望んでいます。彼はあまりにも商業的であるため、ウェブサイトが好きではありません。ただし、後で管理する方が簡単だと思います。 私は彼と格闘しています これに対する支払いは受けていません。 私は彼にただデザインを選んでもらいたい。 しかし、方向性がなく、彼らが何を望んでいるのか分からないクライアントに対処するためのヒントはありますか? あなたならどうしますか?ウェブを選んで、好きなスタイルを彼に決めさせますか? どうすれば彼を正しい方向に導くことができますか?私に何か提案はありますか? お手伝いありがとう!

7
オンラインフリーランスは実行可能な収入源ですか?
大学生活にうんざりして、私はフリーランサーになろうと思った。私はコーディングに精通しています。 Webデザイナーとしてオンラインでお金を稼ぐにはどうすればよいですか?お金を稼ぐための信頼できる方法はありますか?FiverrやoDeskのようなフリーランスサイトには、低コストのサービスを提供する人がたくさんいます。このような低価値のサービスを提供しても大丈夫ですか?

6
良いモノスペース、凝縮されたオープンソースの書体?
多くの列を含むレポートテーブルに最適な書体を探しています(凝縮の理由)。 等幅の理由は、これらのレポートには多数の数値が含まれるため、すべての行にまたがって配置する必要があるためです。 オープンソースにする必要があるのは、これらのレポートをWebアプリケーション内に表示するため、Webフォント(@ font-face)として埋め込まれるためです。 私はAnka Coderを見ましたが、好きではありません0。 更新: 私はついに、等幅の数字を持つOpen Sans Condensed Lightに落ち着いたので、私のユースケースには十分です。ご意見ありがとうございます!

8
Trebuchet MS Webフォントの代替
ラテン文字とキリル文字でTrebuchet MSフォントを使用しているかなり古いサイトがあります。私が正しく理解していれば、一度(10年前)このフォントはWebブラウジングに使用されるコンピューターの95-99%のように利用でき、それを使用しても大丈夫でした-最近では無数のデバイス(つまり、Android、iOS、Linuxベースのデバイス) )それを持っていない。理論的には、MicrosoftのWebサイトからダウンロードしてコンピューターごとにインストールできますが、再配布すること、つまりWebフォントを作成することはできません。 そのサイトを更新し、ダウンロード可能なWebフォント(できれば無料のWebフォント)を使用します。誰かがTrebuchet MSの良い代替品を提案できますか?

3
外国のタイポグラフィでどのようにウェブデザインをすべきか
一部のWebデザインおよび開発プロジェクトのクライアントは、サイトで外国語翻訳の機能を要求します。 これをどのように説明できますか?また、コンテンツモックアップのいくつかの良い習慣は何ですか? クライアントがコンテンツを提供する場合、英語版を取得してGoogleに移動し、要求されたすべての言語を翻訳し、それに応じて設計しますか? .css最良の結果を得るには、各言語の各ファイルを設計およびコーディングしますか? クライアントにモックアップを提供するとき、翻訳版を提供しますか、それとも英語のみを提供しますか? 問題の外国語を話さない場合、デザインのサインオフを保証または要求しないことは悪い考えですか?

5
より良い設計価格モデルはどれですか?
私は、他のどの価格設定モデルがフリーランスの設計に最も適していると感じ、どのような状況で、なぜそうなのか興味があります。 私はドルの価値を求めていません。 フリーランサーが使用できる基本的な価格モデルはいくつかあります。 時間ベースの価格設定。これは、プロジェクトで作業する毎分を計算し、それを時間単位のレートに分解し、式の状態に応じて請求する場所です。GD.SEには、価格設定モデルに関するいくつかの質問があります。以下のような優れた回答があります。グラフィックデザインの価格設定 / デザインサービスの料金はいくらですか?/ ウェブサイトデザインの価格設定(グラフィックのみ)このモデルは、あなたが仕事をするたびにコストがかかることをクライアントが認識していれば、正確になります。したがって、改訂ごとに手数料が増加します。一部のクライアントはこれで問題なく、一部のクライアントは価格構造を理解していなかったために驚いています。 サービスごとまたは固定料金の価格設定。プロジェクトベースの価格設定とも呼ばれます。ここで、提供するすべてのサービスの価格を計算し、基本的に価格表に基づいて計算します。この方法では、パンフレットの費用が毎回XXXドル、3ページのWebサイトの費用が毎回XXXドルであることがわかります。このモデルでは、プロジェクトの範囲が問題になる場合は変更できません。そのため、クライアントとの困難な会話の結果、改訂を中止するか、それ以上を支払うように指示される可能性があります。 値ベースの価格設定。このモデルは、セット価格や時間単位の構造には従いません。価値に基づいた価格設定は、クライアントにとっての価値または重要性に応じてサービスの価格を決定します。これは少し注意が必要です。本質的には古いものです。「もっと請求すれば、クライアントはあなたに価値があると思います」。モデル。多くの場合、このモデルを使用して、ワークロードを増やすことなく収益を増やすことができます。これが、「ブランド名」アイテムの価格が一般的なアイテムよりも高い理由です。実際にアイテムまたはワークロードが同じである場合の知覚値は同じです。 ライセンス、使用ベース、ロイヤリティなど、他にもありますが、これらは一般的にほとんどの仕事には当てはまらない特別な状況だと感じています。もしそうなら、その理由を説明してください。 価格モデルまたはハイブリッドモデルの組み合わせを使用することもできます。たとえば、時間ベースの価格設定を使用してジョブコストを計算し、値ベースの価格設定に追加料金を追加できます。 また、異なるサービスまたはプロジェクトの価格が異なることも可能です。例えば: セールスピース作成料金は、時間ベースと値ベースの数値を使用して最終料金を算出するハイブリッド計算です。その後、その販売作品に対する後の追加編集は、厳密に時間ベースの価格設定になります。悪い練習?結局のところ、もしそれがセールスピースであれば、エンドユーザーに見られるすべてのコピーはクライアントの収益を生み出す可能性があります。それでは、編集に値ベースの価格設定を使用する方が適切ですか? Webサイト作成料金は、時間ベース、サービスごと、および値ベースの数値からのハイブリッド料金を使用して計算されます。1年後に追加のページがリクエストされた場合、料金は追加のページの固定料金にのみ基づいています。これで十分ですか?追加ページに異なるサービスが必要な場合はどうなりますか?それでも固定料金ですか? 明らかに、すべての価格モデルは、少なくともオーバーヘッドをカバーする必要があります。 私はドルの価値を求めていません。 フリーランスのデザインサービスに最適な価格モデルはどれですか。 異なる価格モデルを使用するのが適切だと思う場合はいつですか? 編集:最終的に、ほとんどが固定料金で見られるものをクライアントに提供することを理解しています。これは、当然のことですが、ハードクォートのように見えます。私はデザイナーが価格設定としてクライアントに提供するものに関しては本当に考えていません。私が興味を持っているのは、クライアントが見る図にどのように到達するかです。 これは複雑な問題であり、特定のカテゴリにうまく適合するシナリオはほとんどないことを理解しています。業界の他のユーザーからの一般的な情報を探しています。

9
スクリーンショットがスクリーンショットであることを示す良い(そして簡単な)方法は何ですか?
Mac OS X 10.6を使用していますが、システム画面グラブツールが気に入っています。デフォルトでは、ウィンドウ全体をつかむと、PNG画像を使用して、透明度のある少し下にシャドウ/グラデーションが配置されます。 ただし、たとえばWebページから画面の領域をキャプチャする場合、エッジは平らであり、特に既に存在する要素に似ている場合は、Webサイトの他の部分から区別するのが難しい場合があります。 だから私の質問はこれです-画像が実際にウェブサイトの一部ではないことを示す簡単で上品な方法は何ですか?5ピクセルの黒い境界線がおそらくそれを行うと思いますが、それは上品ではありません。OS Xが行う微妙なグラデーションが好きですが、それはすべてのスクリーンショットに適していますか、それは簡単に作成できますか? photoshop自体を開かずに変換を適用するために使用できるスクリプトがあれば、本当に気に入っていますが、それは受け入れられる答えの要件ではありません。 ^私が話している問題の例

3
グラフィック/ウェブデザイナーを「タイポグラファー」と呼べますか?
グラフィックまたはWebデザイナーはタイポグラフィと書体を扱うさまざまな方法に焦点を合わせているので、それらをタイポグラファーと呼ぶことができますか? グラフィックデザイナーやWebデザイナーは、書体の選択、フォントのペアリング、テキストの読みやすさ、読みやすさ、さらにはタイポグラフィの下での作業に多大な時間を費やしています。特に、テキストが多いプロジェクトを扱う場合。 適切な活版印刷の原則を使用し、グラフィックやウェブのデザインで効果的な方法でテキストを扱う人々について話している。 私の知識によると: デザイン書体することと呼ばれるタイプのデザインとの芸術使っ種類は、次のように呼ばれているタイポグラフィ。私はこれが真実であると信じており、一部の人々はこれら2つの用語と混同しています(リンクをサポート)。


4
ベクターロゴをウェブ上で非常にシャープに見せるためにはどうすればいいですか?
私はIllustratorで多くの仕事をしていますが、自分の仕事がWebサイトでどのように表示されるかについて非常に満足していることはありません。Illustratorから保存し、Photoshopで開いて保存するなど、さまざまな手法を試しましたが、まだ何かが足りません。 エド。ロゴはAIとしてのみ提供されていました。IllustratorからWebおよびデバイス用に保存する場合でも、ベクターをPhotoshopに取り込む場合でも、同じわずかにあいまいな結果が得られます。Illustratorで必要なサイズに拡大縮小し、Web用に保存する傾向があります(incタイプが最適化されています-ロゴにテキストがあります)。

1
デザインのバランスを取りながら、焦点を設定するにはどうすればよいですか?
フォーカルポイントの概念はWebデザインの基本的な概念のようですが、フォーカルポイントはページのバランスをとることができないという意味ではありませんか? 当然、焦点とは、ページの「重み」がこの焦点に向かってシフトすることを意味しますか?

7
商業用の画像はどこで入手できますか?
私は地元の中小企業のオーナーのためにウェブサイトのデザインサービスを運営しています。使用する画像の法的問題を避けたい。通常、Flickrで見つかった画像は商用利用が禁止されています。最小限のコストで商業用の写真を入手するための通常のチャンネルはどこですか?使用した写真に法的リスクがないことをどのように検証できますか?

4
CSS3の発明により、WebデザイナーはPhotoshopを使用する必要がありますか?
多くのデザイナーがPhotoshopで美しいWebデザイン作品を作成していることがわかりますが、CSS3の登場により、HTMLとCSSに変更したい場合は、ゼロから始めて、CSS3を使用して最終デザインの約80%を作成します。 たとえば、境界線の半径、不透明度、背景のグラデーション、ボックスシャドウとテキストシャドウ、その他のCSS3ルールを使用して、Photoshopで作成したものを取得します。多くの場合、彼らはPhotoshopから画像をインポートするだけです。これは、ブラシワークやロゴ、またはそのようなものに似ています。 私の質問は、Webデザイナーが何かを作成するためにPhotoshopを使用する必要があるかどうかということです。そのうち20%しか役に立ちません。 Webデザイナーは、Photoshopでデザインを作成する中間層をもう1つ追加することなく、HTMLおよびCSSでデザイン全体を直接作成し、そこに残りの要素を単純に作成できますか?

5
Macで最も高度なJPEG画像圧縮ですか?
時々、WebデザインのJPEGファイルを使用します。PNG形式が適切でない場合があります。 PNG形式にはいくつかの最適化手法がありますが、JPEG形式では、特にMacで作業している場合は可能性が限られていることに気付きました。 おそらくこれまでで最もエレガントなソリューションは、画像の特定の領域の圧縮を正確に制御できる選択的圧縮です。イメージをlibjpegのJpegOptimおよびjpegtranと組み合わせる(またはimageOptimを使用する)と、ファイルサイズをさらに小さくすることができます。 このオプションにはまだ満足していません。選択的なjpegのためだけに花火のライセンスを購入したくはありません。同様の機能を提供する他の画像最適化ソフトウェアがあるのではないかと思います。 WindowsにはJpeg Optimizerがあります。 ワークフローに使用できるツールはありますか? ありがとうございました

2
このような洗練された虫眼鏡効果を設計する方法は?
ソフトウェア(デスクトップアプリケーションまたはWebアプリケーション)を販売するページで最近見た虫眼鏡効果をどのように作成できるのか疑問に思っています。 以下に2つの例を示します。私は最初のものが本当に好きです(私がそれを見た最初の場所) Thingsアプリ: SupportBreeze:

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