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

コントロール、美学などのユーザーインターフェイスのグラフィック要素の開発と実装に関する質問

3
デザイナーはデザインで形状をどのように選択しますか？
多くの場合、ドリブルなどのサイトを閲覧しているときに、形状を使用するサイトに出くわします（この例を参照）。世間知らずで申し訳ありませんが、特定の形状を選択することに理由があるのでしょうか、それともそれがトレンドであるという理由だけですか？ユーザーエクスペリエンスにどのように影響しますか？
5
最初にモバイル用のWebサイトをプログラミングすることは本当に必要ですか？
私はモバイルファーストのデザインがほぼ必須であると述べている多くの情報源を読みましたが、それは、3Gおよび4Gを介したダウンロード速度が一般に遅いモバイルの読み込み時間が速いなどの明らかな利点があることは否定できません。 しかし、画像が非常に少ない小さなWebサイトを構築している場合はどうでしょう。 このテーマに関する他の意見や、例外があると人々が考えるかどうかについて聞きたいと思います。個人的には、最初にデスクトップ用に設計/コード化し、そこから縮小することを好みます。しかし、最初にモバイル向けに設計/コーディングすることが本当に重要なのでしょうか、それとも特定の状況で問題になるほど最終結果が重要ではないのでしょうか。
4
最小限の予算で人気のある無料のサイトで高品質のUI / UXデザインサポートを入手するにはどうすればよいですか？
私はTheParadeと呼ばれるWebベースの音楽プレーヤーの開発者です。 私は頻繁にYouTubeで音楽を聴いていて、より良いエクスペリエンスを求めていたので、私はこのアプリを作成しました。このアプリは、この1年間、自由な時間に徐々にコーディングしてきました。 これまでのところ、このサイトは好評で、人々は単純なインターフェースを好んでいます（アルバムのアートワークがたくさんある肥大した大きなアプリなどとは対照的です）。Groovesharkがシャットダウンして以来、使用量はさらに増加し​​ています。そうは言っても、このサイトは機能的ではありますが、UI / UXの改善という点でLOTが望まれるままになっています。私は最高のコーダーではなく、デザイナーではありません。 これは無料のサイトであり、優れたUI / UXヘルプを雇う予算がありません。自分でUI / UXを改善しようとすることもできましたが、十分に良いと思う標準に到達するには何年もかかります。さらに、まだ完了する必要がある少なくとも30のコーディングタスクのバックログもあります。 私の状況を考えると、サイトのUI / UXを改善するためにどのようなオプションがあるのでしょうか？ 私はUI / UXの人と提携するというアイデアをもてあそんでいて、サイトで共同作業することができましたが、これが可能かどうかはわかりません/ ありがとう！
6
画面からドロップするパレットのサイズを変更するにはどうすればよいですか？
私はラップトップでCS6を使用しています。通常、外部モニターに接続しています。そのセットアップでは、モニターが私のプライマリ画面で、ノートパソコンが私のセカンダリ画面です。パレットの一部の領域が好きなので、プライマリビューでレイヤーパネルをフルスクリーンの高さに拡大する傾向があります。 ラップトップだけで作業を開始すると、レイヤーパレットが画面に対して高すぎます。Photoshopは、大きな画面で作業していたときのパレットのサイズと場所を記憶しています。ワークスペースを標準にリセットしないと、パレットのサイズを変更できません。迷惑なことは、パレットの下部にあるボタンが私の視野を超えていることです。 ワークスペース全体をリセットせずに、そのようなパレットのサイズを変更する方法はありますか？
3
デザイナーがWeb用に設計するときに犯す可能性のあるいくつかの一般的な間違いは何ですか？それらをどのように回避できますか？
設計中に回避すべきいくつかの一般的な間違いは何ですか？色、テキスト、画像がデザインで重要な役割を果たすことは知っていますが、他にも注意すべきことがたくさんあります。他のことは知りませんが、たくさんあると思います... 多くの場合、私たちは間違いで最終結果を出します（マイナーメジャー可視隠し）... だから私の質問は： 私たちがよく犯す間違いは何ですか？（あなたは蜂蜜も含まれています）（誰もが間違いを犯すようなものではありません、誰もが失敗するわけではありません） どうすればこれらの間違いを回避できますか？
5
時間の経過に伴うデータの視覚化
私はまともなサイズのデータ​​セットを持っています-500,000レコード、それぞれがイベントを表します。 フィールドは次のとおりです。 日付 時間 イベントをしたのは誰ですか イベントの内容（5〜10種類のイベントが表示されます） イベントがあった場所（イベントの場所は20か所ほどあります） '他のもの' 1日に約500〜1000のイベントがあります 私の究極のファンタジーは、特定のタイムスケールでビデオを固定することです。これは2年分のデータにすぎないので、ビデオ（議論用）を2分にし、1分ごとに1年にします。各場所は特定のサイズの円で表示され、それらの場所でイベントが「発生」すると成長します。このファンタジーのさらに変なバージョンでは、各円が円グラフであり、円グラフの各セグメントは、各場所でのイベントのタイプに基づいて拡大/縮小します。 既成のツール、Python用のオープンソースライブラリ、または誰もが推奨するWebサイトはありますか？ これは、あなたが誰かのためにあなたに代わって誰かを雇うようなものですか？
11
暗い配色を使用するソフトウェアの例はありますか？
クライアントから、Web 2.0の感覚ではなく、デザインソフトウェアの感覚、特に暗い配色のものがほしいとの要望がありました。だから今私は彼に見せるためにいくつかの例を探しています。私はさまざまな種類のソフトウェアを使用していないので、彼が好きか嫌いかを理解できるように、見栄えの良いものを探しています。 私が考えたのはAdobe Bridgeの暗い色だけですが、暗い灰色になりがちな他のソフトウェアがないかと思いました。ソフトウェアの例のスクリーンショットを添付してください。 私が見つけた最も興味深いものはFinal Cut Pro Serverです。他に提案するソフトウェア設計があれば、私に感謝します。機能ではなく好みの問題なので、UIではなく視覚に焦点を当てています。
4
暗い環境で目の疲労を避けるにはどの色が良いですか？
暗い部屋で使用されることが多いため、暗いインターフェイスを必要とするプログラムに取り組んでいます。いくつかのことを考えた後、ライトバージョンも追加してユーザーに交換させることにしましたが、どちらも同じ要件があります。暗い環境の中で何時間も話しているため、どちらも非常に親切にする必要があります。 目の疲労/緊張を避けるのに適した色（明るい色と暗い色）は何ですか？
1
インターフェースの視覚的な流れはどのくらい重要ですか？
私は最近、インストーラーアプリケーションの設計について友人と会話しました。その視覚的な流れがわかりにくいと指摘しました。それは私の目を左から右へ、そして上へ、そして下から左へ、そして最後に右へと導きました。彼は視覚的な流れがグラフィックデザインにとって特に重要であるとは思わないと彼は答えた。明確な方向性と要素間の流れを持つことは、グラフィックデザインで重要ですか、それとも他の側面と比較して重要ではありませんか？
5
デザインのコストレベルとして、$$$の代わりに何を使用しますか？代替手段はありますか？
この質問は非常にわかりにくいので、画像を添付しました。 以下はYelpサイトのスナップです。価格レベルの$$$を見ることができます。だから私が聞きたいのは、誰かが使用した代替案はありますか？ 実際私は同様のサイトのページをデザインしているので、他に使用できるものや誰かが使用しているものがあると思いますか？
5
ランディングページの背後にあるグラフィックデザイン理論
今日、ほとんどのランディングページは次のような一般的なパターンを使用しています ナビゲーションバーセクション 画像をスクロールする全幅セクション 特徴画像を含む3つの小さなセクション 連絡先の詳細 この背後にある設計理論はありますか？ランディングページに適切なデザインを整理するにはどうすればよいですか？
4
非常にスリムな縦型メニューのプロフェッショナルなデザイン
わかりました、それで私はプログラマーであり、ウェブデザインの大災害です。今までは、ブートストラップのようなフレームワークの助けを借りて、「許容できる」外観を生成することができましたが、小さなサイドメニューに悩まされています。私が思いついた最高のものは次のとおりです： これは、ブラウザ内のRDPクライアントがあるページの小さなサイドメニューであるため、主な要件は、非常にスリムであり、画面の左側に浮かぶことが望ましいことです（水平に変更して、画面上部はオプションではありません）。また、常に表示されているはずなので、マウスで右の領域にカーソルを置いても表示されません。3つのクリック可能なボタン（メニュー、キー、閉じる）が含まれています。補足として、ボタンキーはソリューション固有のものであり、ユーザーのコンテキストで明確に説明されています。 私の質問は、どうすればこのメニューを上記の条件を満たすようにスリムにすることができますか？どんな助言や助言にも本当に感謝します！
2
Webデザインサイズ
これは最近の私の大きな問題の1つです。15インチRetina Macbook Proを使用しています。PhotoshopでWebサイトをデザインするときは、通常、次の設定を使用します。 幅 = 2560、大画面で見やすくするため。ただし、すべてのテキストを12列のコンテンツグリッド（2000px）内に保持します 解像度 > 300 問題は、1080p画面のWebブラウザーでサイトを表示すると、巨大に見えることです。Macbook ProのPhotoshopでは正常に見えます。 私はこれの背後にある理論を理解していません。サイトをさまざまな解像度にスケーリングするためのベストプラクティスは何ですか？ レスポンシブウェブデザインを行うと、サイトに実際に何が起こっていますか？適切に拡大縮小するには、フォトショップでどのフォントサイズを使用すればよいですか？
3
「このページは作成中です」というメッセージまたはページがまったくない場合。
デザインの観点から、ページがまだ準備されていないが、サイトの残りの部分は準備ができている場合。次の方が良いでしょう： 「このページは作成中です」というメッセージがある、または 準備ができるまで、ページをまったく持っていませんか？ 設計上の各決定がサイトのパフォーマンス（人気度）にどのように影響するかに興味があります。「作成中」のメッセージは、ユーザーがサイトを楽しむ可能性に影響しますか？ サイトを設計するとき、どの決定がよりユーザーフレンドリーなのでしょうか？
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.