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

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

8
ブートストラップに基づくビジュアルWebエディターはありますか?
ブートストラップは素晴らしいフレームワークです。ブートストラップのhtmlコードを生成しながら、htmlコンポーネントのドラッグ、サイズ変更と移動、色の変更などの可能性を提供するツールがあるかどうか知りたいです。 Dreamweaverを使用したくないのは、クラスとIDをHTMLに追加する必要があるためです。

5
PhotoshopテキストをWebのように表示するにはどうすればよいですか?
アンチエイリアスを「なし」に設定して、Photoshopですべてを本当に設計する必要がありますか?もっと良い方法があると確信しています。 Photoshopで基本的なWebセーフ(Tahomaなど)を選択するときに、Webで実際にどのように表示されるかを確認できるように設定したいのですが。 たとえば、Photoshopでアンチエイリアスが「鮮明」に設定されているTahomaと、Firefoxでのレンダリング方法の違いは大きなものです。Photoshopでは見た目も滑らかで、ウェブ上ではがらくたのようです。 コンテンツをWeb上で公開することを計画しているときに、(最も類似した結果を持つ)と始めるのに最適なアンチエイリアスの選択はありますか?


4
画面を調整する必要があるのはなぜですか?
Webデザイナーと印刷デザイナーの両方として、ディスプレイを調整する必要性を見たことがありません。特にWebデザインの場合、さまざまな照明条件で複数の未調整のディスプレイで色の選択肢をテストできるのに、なぜ数百ユーロを費やして調整する必要があるのか​​と思います。ColorMunkiを画面に貼り付けたときと同じ照明下で、正確に調整された画面で色の選択肢を確認するユーザーはほんの一握りです。 印刷デザインの場合、画面を調整してCMYKのRGB近似をできるだけ正確に表示できることを理解しています。ただし、これは近似値です。2つのカラーモデルの基本的な違いにより、完璧になることはありません。私の初心者の初期の驚きのいくつかの後、私は自分の仕事がどのように行われるのかについて直感を覚えました。特に私のデスクトッププリンターでテスト印刷した後。なぜ校正するのですか? 私はここでかなり基本的な質問をしていることを知っています。あなたの多くは、「もちろん、あなたはそうしなければなりません!誰もがそれをします!」と答えたいと思うでしょう。私を反逆者と呼びますが、デフォルトでは、人々が「誰もがやる」と言うことを何でもすることに本当に確信はありません。したがって、私は客観的な理由と議論を探しています。気持ちと伝統を忘れて、理由を教えてください。 にもかかわらず、この質問は、私が何を求めていますように見え、それが唯一の現実的な方法を見つけることになり、そしてない理由。。

3
クライアントがプロジェクトを管理しておらず、時間と費用がかかる場合の対処法
私は約7年間フリーランスのデザイナーでしたが、最近ではプライベートプロジェクトと数人のスタッフを抱えるエージェンシーとして機能しています。クライアントの周りに忍び寄る問題についてアドバイスを受けたいスケジュールを守っていない..... 現在、私はプロジェクトごとに会社と契約しています。彼らを「代理店」と呼んで、クライアントの設計作業を行います(代理店はワイヤーフレーミングを行います)… エージェンシーはクライアントに対応し、設計フィードバックを私に中継します(エージェンシーは私に仕事に支払います)。 エージェンシーと私は、設計とクライアントの両方のフィードバックのスケジュール(クライアントからの2〜3日)に同意し、すでに非常に厳しい期限に対応できるようにしました。 私はすべての設計期限を達成しましたが、クライアントはフィードバックに1週間以上かかっています。フィードバックはうまく管理されておらず、その結果、必然的に期限に影響を与えます(今は不測の事態をうまく乗り越えています)。 問題は、私が他のプロジェクトで予約した日数に遅れが生じていることです。加えて、スケジュールも影響を受ける開発者を予約しました。 最終的に、合意されたスケジュールを順守しないことは、他の2人のスケジュールに影響を及ぼします。 エージェンシーは今、締め切りに間に合うために何ができるか私に尋ねています。 私たちがこれを行うことができる唯一の方法は、夜と週末に取り組むことです。これは、基本的に彼らが私の自由時間を得るか、別のリソースを雇って私たちと連携して働くことを意味します。なぜなら、それは彼らのクライアント管理の欠如でした。 このような状況にどのように対処するかについての考えは? これは2、3回発生し、私は義務付けましたが、今では他の作業とコストに影響を与えています。 明らかにイライラしたくはありませんが、境界を設定する必要があるように感じます。 私はそれらとの契約や条件を作成していません(将来的に明確にする必要があります)。したがって、他の機関の条件が何であるかを示すリソースを指摘していただければ幸いです。 あなたがこれまでに経験したその他の提案や経験は、素晴らしいものになるでしょう….. ありがとう!

4
レスポンシブWebデザインは画面解像度または画面サイズに基づいていますか?
モバイルデバイスの場合、解像度は実際には大きく、画面サイズのみが小さくなります。それに基づいて: 以下のためのウェブサイトのデザイン、私たちは、画面の解像度(例えば1920×1080)を標的としますか? そして、モバイルアプリのために。画面サイズをターゲットにしていますか?

4
Photoshop:Webで使用するためにPNGのサイズを縮小する方法
2042 x 1250、6.1 MBのPNGファイルがあります。Photoshopで開いて[名前を付けて保存> PNG 24]を実行し、2つのオプションの圧縮ファイルサイズを選択すると(もう1つは圧縮なし)、まだ数MB程度の画像が表示されます。 Webアセットになるので、MBではなくKBに参加したいと思います。この画像を数千KBの範囲にインテリジェントに圧縮するにはどうすればよいですか?

4
新しいWebサイトを計画および開発するための一般的なプロセスは何ですか?
私は主にソフトウェア開発に焦点を合わせた代理店で働いていますが、マイクロサイトが私たちのソリューションの1つに付属していて、それを構築する必要がある場合があります。 これらのWebサイトを作成するプロセスを定義しようとしていますが、各タスクが一般的に実行される順序がわかりません。特に、コピー/静的コンテンツを書き込む必要がある時点を特定しようとしています。 静的コンテンツの作成、デザイン、ワイヤーフレーミング、キーワードの定義、SEO、コーディングなどのタスクを考えることができます。しかし、どの順序で取り組むかはわかりません。

4
きれいなフラットデザインのボタンをスタイリングして、アフォーダンスを示し、「よくデザインされた」ように見せる
最近、小さなCSSフレームワークを始めました。(http://mincss.com誰かが興味を持っている場合)私はすぐにいくつかのボタンの初期デザインを打ち出しました。UX StackExchangeに関するフィードバックを求めた後(そして多くの良いフィードバックを受け取った後)、それらを改善するための追加のアドバイスを得るためにここに来るよう勧められました。 これは、UXStackExchangeのフィードバックを受けて、現在の状態です。黒の境界線を削除し、3ピクセルの「影」を追加し、1ピクセルのベベルを削除しました。 フラットなデザインにしようと思っています。 残り3つの質問があります。 これらのボタンは十分なアフォーダンスを示していますか?(これはフラットなデザインの問題のようです) 小さなグラデーションを追加することを提案しますか? 彼らはよくデザインされているように見えますか?(私が知っている主観的ですが、これを尋ねるより良い方法を考えることができません) これらのボタンに関するフィードバックがあれば、喜んで歓迎します(おそらく使用します)。

3
モックアップにストック画像を使用する
(フリーランサーとして)デザインを作成するとき、ストックイメージをどのように処理しますか? ストック画像を購入しますか?または、Googleなどで画像を見つけて、後で類似のストック画像に置き換えますか? 時々ストック画像は高価になることがあり、あなたの最終的なデザインが画像を使用するという保証がないので、私は不思議に思っています。それであなたはただリスクを取るのですか?

10
1ページのウェブサイトデザインの流行について
このサイトのように、すべてのコンテンツを1つのページに配置するWebサイトの流入を見てきました。Smashing Magazineで私が見たリストのいくつかにあるサイトでさえ、これを行っています(このサイトのように、100のサイトのように見えますが、その大部分が使用しています)。 プログラマーとして、このスタイルは私にバグをもたらします(多くの理由、主に技術的、メンテナンス、SEO、ロード時間などを含む)が、さらに重要なこととして、なぜそれが人気を博したのかについて興味がありますそもそもデザイナー?

5
何がデザインをプロにするのですか?
何かが「プロフェッショナル」に見えない理由を誰かが定義できますか? プロとプロのデザインの違いは何ですか? 私のデザインはあまりプロフェッショナルに見えないと言っているクライアントがいます。私はそれをプロフェッショナルにするためにすべてのことを追っていました-多分私はデザインについて十分に知らないのですか?私は見た目が簡単で、私のものに似ている「プロフェッショナルな」デザインテンプレートをたくさん見ました。ほとんどの場合、私が行く方法がないときは、これらのテンプレートの設計に従いますが、終了すると「これはプロのようには見えません」というフィードバックを受け取ります。これは私を助けません。ここの誰かが実際のヘルプ/経験/提案を持っていますか?ルックス、フォント、スタイル... すべてに関して私を助けるでしょう。道を教えてください! 要するに: 何がデザインをプロにするのでしょうか?

5
Photoshopを使用するWebデザイナーが開発者に送信する必要のある資料は何ですか?
私は主にWebおよびデスクトップアプリケーションを実装してきましたが、実際に公開されているWebサイトでグラフィックデザイナーとの共同作業を始めたのはこれが初めてです。この場合、グラフィックデザイナーはHTML + CSSではなく、Photoshopを使用しています。 デザインを実際に実装するために、最終的にどのような材料が提供されますか? たとえば、PSDファイル以外のものを取得する必要がありますか?さまざまな状態(リンクホバー、アクティブ状態など)またはレスポンシブデザインはどうですか?あまりにも技術的な詳細を期待していますか? 助けてくれてありがとう。

2
InkscapeでHEX値/色を選択する方法
InkscapeでWebカラーを選択する方法は?画面の右下にある「>」を選択し、WebHexを選択して、バーで1つ選択できることを知っています。しかし、そのバーにはほんの数色しかありません。バーにない色を選択する方法は?色を数字で表す方法はありますか? たとえば、正方形がある場合、それを選択し、色を付けたいです。#666666

3
デザイナーはデザインで形状をどのように選択しますか?
多くの場合、ドリブルなどのサイトを閲覧しているときに、形状を使用するサイトに出くわします(この例を参照)。世間知らずで申し訳ありませんが、特定の形状を選択することに理由があるのでしょうか、それともそれがトレンドであるという理由だけですか?ユーザーエクスペリエンスにどのように影響しますか?

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