問題タブ [ui-guidelines]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
1021 参照

android - Androidリストビュー-ヒューマンインターフェイスガイドライン

リストビューのdpに関して、各セルの大きさに関する推奨事項はありますか。(1行のテキストのみのリストビューを想定します)?

ありがとう、
テジャ

0 投票する
1 に答える
159 参照

java - 利用可能なすべての UI コンポーネントとウィジェットをソース コードとともに紹介している Web サイトはありますか?

Visual Guide to Swing Components (Windows Look and Feel)のようなものを探していました。

Android UI コンポーネントを表示するページ。

ありがとう。

0 投票する
0 に答える
110 参照

iphone - UINavigationControllerとクロス階層ジャンプを備えたナビゲーションバー

私は、論理的に言えば、多かれ少なかれ階層的な数十の画面で構成されるiPhone UIを持っていますが、ツリーを横切ったり上下にジャンプしたりすることがあります。たとえば、トップレベルの画面から、次のようなボタンがあります。アプリケーションの状態に応じて、階層のかなり深い場所に移動します。また、アプリのどこからでもアクセスできる「ギャラリー」画面と「設定」画面(独自のサブ階層を持つ)があります。

現在、ナビゲーションバーのないUINavigationControllerを使用しており、階層を非表示にして暗黙的に保持していますが、明示的にすると便利な場所があります。それでも、バックがあるとユーザーを混乱させるだけだと思います。 -ナビゲーションボタンは、アプリ内の1つまたは2つの場所にありますが、他の場所にはありません。または、特定の画面がすべての種類の異なる場所の「下」に表示される場合。

そのようなアプリのための優れたiPhoneのようなUIのガイドライン、またはより良い例はありますか?

0 投票する
1 に答える
508 参照

user-interface - UI スタイル ガイドのテスト ツール?

特定のグラフィカル スタイル ガイドへのアプリケーションの適合性をテストするためのツールがあるかどうか疑問に思っていました。できればクロステクノロジー (Web、Silverlight、Java など) が望ましいですが、参考になる情報 (調査ツールも含む) があれば幸いです。

明確にするために:私は、(本質的に)マウスクリックを記録し、UIが期待どおりに動作することをテストする従来の「ユーザーインターフェイステスト」には興味がありません。私が探しているのは、「キャンセル ボタンは常にウィンドウの右下にある」、「すべての OK ボタンは常にキャンセル ボタンの左側にある」、「すべての UI ウィジェットの背景色」などを指定できるツールです。は灰色です」、「BUtton には 1 pt の黒い境界線があります」などです。

ご協力いただきありがとうございます!

0 投票する
1 に答える
1082 参照

iphone - 画面上部の iPad アプリのナビゲーション バーとツールバー - Apple の承認?

ナビゲーションバーとツールバーが上部に配置されたiPadアプリケーション用のワイヤーフレームがあります。また、戻るボタンはツールバーに配置されています。Apple のガイドラインに違反しているかどうか、または Apple for iTunes Store によって承認されるかどうか。また、1 つの画面にはナビゲーション バーのようなツールバーがあります。承認に問題はありませんか?ここに画像の説明を入力

ここに画像の説明を入力

0 投票する
1 に答える
1460 参照

c# - Windowsフォーム-非アクティブなハイライトカラー

私はでListViewコントロールを持っていOwnerDraw = trueます。

  • 時々私のコントロールは焦点が合っていないかもしれませんが、アイテムが選択されています。選択バーをレンダリングするためにどの色を使用する必要がありますか?

  • そのためのガイドラインは見つかりませんでしたが、普通の方がその色をListView使っているようです(写真参照)。SystemColors.Control

    ここに画像の説明を入力してください

  • 私はそれを信頼できますか、それとも場合によっては正しくありませんか?

0 投票する
2 に答える
92 参照

android - アクティビティまたはダイアログとしてデータをユーザーに提示する

ほとんどの場合、このデータのリストをアクティビティとしてユーザーに提示するか、ダイアログとして提示するかを選択する状況に遭遇しました。従うべき基本的な UI デザインのガイドラインはありますか? 私はウェブを検索していますが、これに関する議論はあまり見られません。

0 投票する
2 に答える
288 参照

iphone - iPhone アプリからサファリを開くためのガイドライン

iPhone アプリから Safari で Web サイトを開く際のユーザビリティ ガイドラインはありますか?

例: アプリにボタンがあり、タップするとユーザーがサファリの Web サイトに移動します。これにより、アプリが閉じてサファリが開きます。

私には、ユーザーがアプリを終了してサファリを開こうとしていることをユーザーに警告せずにこれを行うのは、ちょっと面倒です。

これをどのように処理すべきかを示すユーザー ガイドラインはありますか? つまり、ユーザーにプロンプ​​トを表示して知らせる必要がありますか?

公式のガイドラインを見つけることができませんでした

0 投票する
1 に答える
136 参照

android - 独自の文法規則を使用した静的 UI 分析 (Eclipse Android のビジュアル UI ガイドライン チェッカーを作成したい)

Android xml レイアウト ファイルが Android ユーザー インターフェイス ガイドライン (以前に追加したもの) に従っているかどうかをユーザーが確認するのに役立つ Eclipse プラグインまたはスタンドアロン アプリを作成したいと考えています。ユーザーは、独自のガイドラインを既存の文法規則に入力することもできます。また、いくつかの UI ガイドライン パターン (会社用に作成されたもの、または既存のもの) を選択することもできます。このアプリを開発するための最良のアプローチは何ですか? 最も簡単で最速の方法は何ですか? どの言語/アプローチを選択する必要がありますか? 可能であれば、これに関するチュートリアル/書籍/例をいくつか提供してもらえますか? 私はJavaCCでそれを行うことができることを発見しました(しかしそれは難しいです、ユーザーは文法規則を編集/作成する必要があります)。また、DSL(ドメイン固有言語)、コードジェネレーターでそれを行うためのいくつかの推奨事項を見つけましたが、これを行う方法がわかりません。修士論文のUIチェッカーをやっています。次の段階で一般的なコード分析を可能にする必要があります-他の学生(論文)がこのプロジェクトを続行するために(ナビゲーションの追跡、コーディングスタイルなど)。私は、文法規則(ユーザーが追加、編集できる)でxmlファイルをチェックし、GUIエディターで警告(フォントが大きすぎる、色に互換性がないなど)を視覚的に表示する部分を行っています。私のチェッカーは android で動作しますが、他の学生は ios と windows phone でそれを作成します。よろしくお願いします。等。)。私のチェッカーは android で動作しますが、他の学生は ios と windows phone でそれを作成します。よろしくお願いします。等。)。私のチェッカーは android で動作しますが、他の学生は ios と windows phone でそれを作成します。よろしくお願いします。

0 投票する
3 に答える
4812 参照

windows - Windows 8 インストーラーの適切なアイコン

インストーラーに同梱する (および許可する) アイコンを見つけようとしています。最近では多くのアプリ (Office や Visual Studio などの Microsoft 独自のものを含む) が使用しているように、カスタムのものは使用したくありません。「グラフィックデザイナーがちょっと楽しすぎた」ではなく、「これでソフト​​ウェアがインストールされた」と認識できるアイコンにしたいのです。

そのため、最近のバージョンの Windows で一般的なアイコンを調べました。これらはすべて、現在のバージョンでも見つかる傾向があります。

  • 現在の Windows 10 Technical Preview の時点では、ファイルのアイコン.msiはまだ 15 年前の Office 2000 / Windows Installer 1.0 のものです。32x32 で最大になり、アルファチャンネルがありません。これは、たとえば、デスクトップに配置したときにぎこちなくスケーリングされることを意味します。

    .msi アイコン

  • Windows XP は新しいスタイルを導入しました。今日でも、多くのアプリケーション インストーラーがこれに同梱されています。

    XP スタイルのセットアップ アイコン

  • これがVistaのスタイルです。これがサードパーティによって使用されることはめったにありません。

    Vista スタイルのセットアップ アイコン

  • そして最後に、Windows 8 のものです。サード パーティはそれを使用していないようです。

    Win8 スタイルのセットアップ アイコン

  • おまけ: 最近のバージョンの Visual Studio で作成された ClickOnce ブートストラップsetup.exeファイルには、親切に説明するのが難しいアイコンがあり、奇妙なことに、32x32 より大きなものは何もありません。

    ClickOnce ブートストラップ設定アイコン

私が最も魅力的だと思うWindows 8のもの。少し一般的すぎるかもしれませんが、フロッピーや光ディスクなどのレガシー テクノロジを示唆することなく、「これを実行するとマシンに何かが置かれる」ことを暗示しています (私のアプリは Web 経由で配布されています)。

ただし、このアイコンを使用するアプリを見たことがないことを考えると、人々が独自のカスタム アイコンを出荷することを好む傾向にあるだけなのか (または、怠惰に、非常に古い MSI アイコンを使用し続けているのか)、それとも Microsoft が私たちがそれを使用することを望んでいません。ライセンスが見つかりませんでした。

私が見つけた最も近いガイドラインはこれらで、Vista (!) 以降更新されておらず、いつ、どこでどの標準アイコンを使用するかについての詳細には触れていません。(標準アイコンの記事では、4 つのアイコンのみを参照しています。4.)

では、使用が許可されているセットアップ アイコンのガイドラインとライセンスはどこにありますか?