问题标签 [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 大小,是否有任何建议。(假设列表视图只有一行文本)?

谢谢,
泰加

0 投票
1 回答
159 浏览

java - 是否有任何网站展示所有可用的 UI 组件和带有源代码的小部件?

我正在寻找类似Swing Components 的 Visual Guide (Windows Look and Feel)之类的东西。

显示 Android UI 组件的页面。

谢谢。

0 投票
0 回答
110 浏览

iphone - UINavigationController and navigation bar with cross-hierarchy jumps

I have an iPhone UI consisting of a couple of dozen screens that are more or less hierarchical, logically speaking, but with occasional long jumps across or up and down the tree -- for instance, from the top-level screen, there's a button that will take you to a couple of different places fairly deep in the hierarchy depending on what state the application's in; and there are "gallery" and "settings" screens (with their own sub-hierarchies) that can be accessed from anywhere in the app.

Right now I'm using a UINavigationController with no navigation bar and keeping the hierarchy hidden and implicit, but there are places where it would be nice to make it explicit -- and yet I think it's just going to confuse the user if there's a back-navigation button one or two places in the app but nowhere else, or if certain screens appear "below" all kinds of different places.

Are there any guidelines, or better yet examples, of good, iPhone-like UIs for such an app?

0 投票
1 回答
508 浏览

user-interface - UI样式指南的测试工具?

我想知道是否有任何工具可以测试应用程序是否符合给定的图形样式指南?最好是跨技术(Web、Silverlight、Java 等),但我很乐意提供任何指针(甚至是研究工具)。

需要明确的是:我对经典的“用户界面测试”感兴趣,您(本质上)记录鼠标点击并测试 UI 的行为是否符合预期。我正在寻找的是一个工具,您可以在其中指定诸如“取消按钮始终位于窗口的右下角”、“每个确定按钮始终位于取消按钮的左侧”、“所有 UI 小部件的背景颜色”之类的工具是灰色的”、“按钮有 1 pt 的黑色边框”等等。

谢谢你的帮助!

0 投票
1 回答
1082 浏览

iphone - 屏幕顶部 ipad 应用程序中的导航栏和工具栏 - 苹果的批准?

我有一个用于 ipad 应用程序的线框,其中导航栏和工具栏位于顶部。并且后退按钮放置在工具栏中。它是否违反了苹果的指导方针,或者它是否会被苹果批准用于 iTunes 商店。还有一个屏幕有类似导航栏的工具栏。审批会不会有问题?在此处输入图像描述

在此处输入图像描述

0 投票
1 回答
1460 浏览

c# - Windows 窗体 - 非活动突出显示颜色

我有一个ListView控制OwnerDraw = true

  • 有时我的控制可能没有集中,但选择了项目。我应该使用哪种颜色来呈现选择栏?

  • 我找不到任何指导方针,但是,普通人似乎为此ListView使用了SystemColors.Control颜色(见图)。

    在此处输入图像描述

  • 我可以依靠它还是在某些情况下不正确?

0 投票
2 回答
92 浏览

android - 将数据作为 Activity 或 Dialog 呈现给用户

大多数时候,我遇到了一种情况,选择我应该将这个数据列表作为 Activity 还是 Dialog 呈现给用户。我想知道,我应该遵循任何基本的 UI 设计指南吗?我通过网络搜索,我没有看到太多关于这个的讨论。

0 投票
2 回答
288 浏览

iphone - 从 iPhone 应用程序打开 Safari 的指南

是否有关于从 iPhone 应用程序在 Safari 中打开网站的任何可用性指南?

示例:我的应用程序中有一个按钮,点击该按钮时会将用户带到 safari 中的网站 - 这会关闭我的应用程序并打开 safari。

对我来说,在没有警告用户他们即将退出应用程序并打开 safari 的情况下这样做有点糟糕。

是否有任何用户指南说明应如何处理?即你应该提示用户并让他们知道吗?

我一直没能找到官方指南

0 投票
1 回答
136 浏览

android - 用我自己的语法规则进行静态 UI 分析(想做 eclipse android 可视化 UI 指南检查器)

我想制作 Eclipse 插件或独立应用程序,以帮助用户检查 android xml 布局文件是否符合 android 用户界面指南(我之前添加的)。用户还可以将自己的指导方针输入到现有的语法规则中。他还可以选择一些 UI 指南模式(为他的公司创建的或一些现有的)。开发此应用程序的最佳方法是什么?什么是最简单和最快的方法?我应该选择哪种语言/方法?如果可能的话,你能给我提供一些教程/书籍/例子吗?我发现它可以用 JavaCC 完成(但这很困难,用户应该编辑/创建语法规则)。我还发现了一些使用 DSL(领域特定语言)、代码生成器的建议,但我不知道该怎么做。我正在为我的硕士论文做 UI 检查。它应该能够在下一阶段进行一般代码分析——让其他一些学生(论文)继续这个项目(跟踪导航、编码风格等)。我正在使用我的语法规则检查 xml 文件(可以由用户添加、编辑)并在 gui 编辑器中直观地显示警告(字体太大、颜色不兼容等)。我的检查器适用于 android,但其他学生将适用于 ios 和 windows phone。提前谢谢你。ETC。)。我的检查器适用于 android,但其他学生将适用于 ios 和 windows phone。提前谢谢你。ETC。)。我的检查器适用于 android,但其他学生将适用于 ios 和 windows phone。提前谢谢你。

0 投票
3 回答
4812 浏览

windows - 适用于 Windows 8 安装程序的图标

我试图找出我应该(并允许)随我的安装程序一起提供的图标。我宁愿不使用自定义应用程序,因为现在许多应用程序(包括 Microsoft 自己的一些应用程序,例如 Office 和 Visual Studio)都在使用。我希望该图标能够被识别为“这安装了一个软件”,而不是“图形设计师玩得太开心了”。

因此,我浏览了最新版本的 Windows 中的常见图标,所有这些图标仍然可以在当前版本中找到:

  • 在当前的 Windows 10 Technical Preview 中,文件的图标.msi仍然是使用了 15 年的 Office 2000 / Windows Installer 1.0 之一。它的最大分辨率为 32x32,并且缺少 Alpha 通道。这意味着,例如,当它放在桌面上时会笨拙地缩放。

    .msi 图标

  • Windows XP 引入了一种新风格。今天仍然有很多应用程序安装程序附带这个。

    XP 风格的设置图标

  • 这是 Vista 的风格。我很少看到第三方使用它。

    Vista 风格的设置图标

  • 最后是 Windows 8。同样的:第三方似乎没有使用它。

    Win8 风格的设置图标

  • 奖励:setup.exe使用最新版本的 Visual Studio 创建的 ClickOnce 引导程序文件有一个很难描述的图标,而且奇怪的是,它又一次缺少大于 32x32 的任何东西。

    ClickOnce 引导程序设置图标

Windows 8 我觉得最吸引人。它可能有点过于笼统,但它意味着“运行它会在你的机器上放置一些东西”,而不是暗示像软盘或光盘这样的传统技术(我的应用程序分布在 Web 上)。

但是,鉴于我从未见过应用程序使用此图标,我想知道这是否仅仅是人们更喜欢发布自己的自定义图标(或者,懒惰地,仍然使用极其过时的 MSI 图标)的趋势,或者如果微软不希望我们使用它。我找不到许可证。

我找到的最接近指南的是这些,它们自 Vista(!) 以来就没有更新过,并且没有详细说明何时何地使用哪些标准图标。(标准图标文章仅指四个图标。四个。)

那么,我在哪里可以找到我应该并允许使用的设置图标的指南和许可证?