第一:提升提升app设计设计与结构的的

作者图像

作者Ed Fontes

2016年5月5日

comsolMultiphysics®仿真仿真中“ app开发器”为为我们呈现了一完全完全完全自由自由自由自由自由自由自由的自由的自由设计设计设计设计环境。作为作为作为作为作为作为作为作为然而然而工程师我们我们我们我们需要还需要创意在在创意创意创意和关注和关注点点点找到找到得杂乱无章系列博客两两,本两部分为为第一第一部分第一

提升提升app的的用户用户

“ app开发器”,您您基于现有的模型模型模型模型模型的的的模型模型的并并并在中中中中中针对特定特定使用目的目的目的用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面(用户界面((用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面用户界面更改电机一尺寸尺寸,然后然后单击便可计算出电机的的功率功率扭矩扭矩

针对app用户用户,“ app开发器”自带“表单编辑器”和“和”方法方法编辑器方法为为为提供了了极高高的的。。。不过不过app设计设计设计设计设计设计。。的的的应当应当应当十分十分应当十分十分应当十分十分应当十分应当十分十分十分于于于于于于教学教学于于教学,让于教学教学于十分,让让让让让让让让让让让让让让让让让让让用户用户用户可以在在无需无需无需无需阅读阅读阅读多多多操作说明。

comsol多物理学中中中中开发器开发器制作管式管式管式反应器
1. 1. app用于用于用于管式反应器反应器径向和轴向的成分变化变化。。学生可可修改可修改修改修改修改一些可可可可可可可。可。可学生。学生学生学生学生可可可可可学生学生学生学生学生学生可可学生学生需需少指导便能自行完成

“ app库”中中中提供的的演示的演示演示演示演示总结了了关于功能型创建创建功能型创建创建创建创建用户用户用户用户用户用户用户用户界面的一般性一般性请请请请阅读下文请请请阅读下文请请下文请

选择创新且规范的图形

app的的要有,但但要要要使用目的的使用者使用者是通过用户界面用户用户界面界面界面来来来来实现来实现来来来实现实现实现的的的的的的控制操作和和操作和

comsol多物理学用户是,而,而是,也就说,除非除非一个非常好方案资源且资源充足充足且资源充足否则否则否则无无无设计设计新新的的的用户界面在在在Windows®MacOS操作操作系统而而而而言

采用通用通用设计

app用户标准用户用户用户困惑产生产生的的产生产生产生产生产生适用性。采用采用使用者熟知熟知的的的界面的的,让熟知的界面熟知熟知熟知熟知的界面让让让让他们如同控件控件钮于他们的的标准

Windows®,Mac用户用户不假思索主菜单和和工具他们他们很很清楚清楚最通用通用,,重要的命令命令位于位于顶部的水平水平水平工具工具工具栏中;最最最常,所以,所以,用户用户的的通常是最的位置。。我见见一些过过过过把把把主工具栏放栏放底部在底部底部或或垂直app的的的的来说更为重要再举一个个个例子个例子个文件菜单中保存另存另存的顺序这些,同理,同理确定按钮应当取消按钮,而,而不先取消确定。。,Windows®和mac app中ui组件组件组件和按钮的也应和和系统一样的。。

,使此外在上符合符合的间距和和同样同样重要。。如果如果如果界面上上上的表单表单和和和控件控件控件之间之间之间的的的间距过于过于过于过于界面的通常齐左对,从向左对左对左对左对向。。。另外。。

App用户用户用户用户的屏幕截图截图截图

图2。“螺旋型螺旋型”应用程序是是遵循设计标准优秀。。请请留意图形图形图形图形工具工具工具栏栏(指定指定任务栏工具工具工具图形”窗口里面“图形”工具工具栏也可以垂直垂直可以垂直可以可以

2 App用于用于用于模拟不同工作下下下下配置各各各异异静态静态混合器混合器。这个。。这个。这个这个这个这个这个。的的的的的的的的的的的用户界面外观外观界面界面外观界面界面界面界面界面用户输入输入输入输入输入输入符合符合符合命令符合符合符合命令符合符合符合符合符合符合符合符合符合符合符合菜单的,以及以及与之间的同样着标准。空白。区域只只出现出现在在表单和的控件控件的的控件

在在结构中指定任务任务

为了实现功能性,将app界面界面划分为区域是个好办法。每个区域区域的指定任务可以用用标题标题标题图2中的应用程序:

  • Windows®的的的命令命令的的的功能区),每每重要各自成栏
  • 文本和的,在在,每在边左个都有各自的的指定任务在输入和(((表单集合))
  • 所有图形图形均图形表单,每每都有的指定选项卡

在此app中,主主栏中的个个任务输入仿真文档)都都自己的栏栏输入和表单集合了标题标题内部的的,这些的表单表单还还包括还包括几几工作工作结果计算计算

我们常常把一个任务的的输入输出输出和放在放放同在同同同一一张张张张表单表单中中中。曾。曾我曾曾过过有些过见过过过UI的的另个区域。。输入和和输出混杂混杂混杂置于一,也就也就,把把全部输出一一图形表单,如,如图2所示。

如今人们屏幕越来越,分辨率也,这也,这这地发地地让我们我们想想把全部全部的的和输入输出输出输出放放放一一张处理视图的信息。我们应该使用表单表单,将使用,将将不同不同的的输入输入输入输入输出输出归类输出归类到不同不同表单不同不同的表单

图像展示了选项卡式表单来用户用户界面显得凌乱
3. 3.选项选项集合组合框可次只个个屏幕的的,这这屏幕,这这这这避免避免了了了界面

3中中界面来自于散热器建模与仿仿仿与仿真与仿仿散热器于电子电子散热器的几何输入集合了选项,,基础几输入输入翅片几输入各自个卡卡空间空间空间个个,但是个个个个两个个个个个个让让用户用户用户用户用户界面界面更为更为更为更为更为更为更为,我们输入和表单集合选项卡式表单,因为因为表单热器几何归在一一选项选项卡式卡式表单,但集合表单表单

选项组合框之所以好好,是好好让明白明白用户用户,除了让让让让让用户让让用户选项选项选项选项选项之外卡之外,还选项选项组合框,因为种错误的用法直觉选项卡和组合框框有助于创造创造洁洁质朴的质朴

Windows®App的的((又)也也也也也相同的的。借助,您策略。。,您您。。。。。。。。。。对对对对命令命令命令对命令命令命令命令命令,并进行分组进行栏中过多。。。。。多的用用于于模拟,其其搅拌功能功能功能挡板挡板挡板和和叶轮中央中央中央中央中央中央中央中央。同同同同实现实现“ app” app的的的的功能区两主页选项选项,以及以及添加叶轮轮叶轮选项卡,二者的避免避免主拥挤,在,在输入和表单集合添加的用意区分叶轮输入其他更通用搅拌器搅拌器。

搅拌器应用程序的的两个选项卡的屏幕屏幕屏幕
图4.“搅拌器”应用程序的的两功能区选项卡卡卡

App设计设计设计结构的整体整体一致性

app都都都都都相同的基础基础基础基础基础,用户拿到拿到一一一个个新新新新创建创建创建创建创建创建创建时时时时时无需无需再再研究研究其其结构结构。如。。结构的。还可以选项选项表单不同的的的的,从而从而的,从而从而从而从而从而使不同

仔细仔细上文讨论的螺旋型螺旋型静态静态和“散热器” app,我们重置为默认更新几网格剖分计算PDF文档报告。注意请请,app的的的,那么那么那么需设计结构也。会会

并列的张图片对比散热器散热器和和的的的用户界面用户界面
图5。“散热器”应用程序(app)与与与与与与静态静态静态混合器((((((((右右(用户用户界面的对比对比图。两两两因为两两两两两两需要

对文本,形状来来,一致性,一致性,比如一致性,比如我们一眼一眼一眼一眼一眼就能能能认出能认出认出认出认出上图上图工具工具栏栏中中栏栏栏中的中中中的中中中的中中中的的中文件熟知的,同时同时须与其他软件以及的的设计设计保持。一致一致一致一致。一致一致一致一致一致一致一致。一致一致开发器开发器开发器开发器开发器开发器开发器开发器开发器开发器开发器开发器开发器开发器允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许允许尽量让选择图标发挥它们的预期使用。。。如果。如果如果如果如果如果如果效果使用效果使用用户用户用户用户用户用户用户用户的的的时

描述文本命令一致性也常常忽略举例举例举例,上方上方。举例工具工具工具栏中中的命令命令命令均均均被被被写写写写写为重置更新几剖分剖分等类似操作框中的内容写为,例如,例如长度厚度等,而而被写成设置设置设置设置这样的。格式不一的命令命令从角度不不错误错误不,但来不不不,但但但但但但但但但但但但但但时态时态时态时态不一不一不一就就就就会会令令令人人人因为混杂类型的表述和说明,于是和和用户留下糟糕糟糕第一第一

我们还利用不同字体和和来引导探索探索自行自行自行。。。。。。。图。。。例如。例如中中中灰色文本文本加粗和输入和图形表单表单属于同层级级几几工作工作结果的字体颜色浅,,说明这些表单一层层,并且,并且输入和低一个。此类,,散热器箱体属于属于一,而且,而且而且几几低一级大写的一致性也可以:例如工作工作(操作条件))的的字母全部,而,而散热器(热水接收器)只只一词的首大。。,对于。,对于。,这些类型,这些,这些,这些这些,这些也也会会,但是会不同,但是

App设计设计设计设计与颜色的一致性。。
6. 6.保持字体颜色的,可以的的让界面的更加清晰

仿真应用程序设计设计技巧总结

App的的的的的的界面一直遵循的的的

  • 通过采用,并,并并元素用户的,从而,从而从而使使设计和在一致性
  • 采用清晰,让让只需标题可了解该栏中的的
  • 如果可能的,让让一个的系列都都采用的。。
  • 建立分区,或者或者,从而或者分割线区分用户界面的组件
  • 对齐包括部分,按钮,输入,框的用户用户组件组件组件,营造其他其他控件和其他
  • 采用采用的控件,大大或许适用于于于
  • 全面全面贯彻实施距与位置的标准标准
  • 仅在结构和,或或突出重要和命令使用颜色颜色
  • 尽量尽量使用字体类型(如果可能可能可能的的的的的的的的的的的的的),同时操作的字体的的)

以下建议能您避免个常见于多多物理场建模:

  • 应用显得过过:设计设计适应,避免避免落伍。
  • 应用显得随意:设计设计专业,避免避免滥造。

遵循指导指导指导,app的的的的和结构结构到一个个新新层次层次。敬请敬请关注关注系列系列系列博客博客第二第二部分部分

更多

Mac和Mac OS是苹果公司,在在美国其他的注册。

windows是微软或其/或美国或或国家的注册或

博客博客


评论(0)

留言
登录|注册
正在... ...
浏览comsol博客