首页 app开发 正文

app设计规范模板(app设计规范和设计指导原则)

app开发 200
本篇文章给大家谈谈app设计规范模板,以及app设计规范和设计指导原则对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、怎么制作一个APP?制作安卓和iOS的APP区别是什么

本篇文章给大家谈谈app设计规范模板,以及app设计规范和设计指导原则对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

本文目录一览:

怎么制作一个APP?制作安卓和iOS的APP区别是什么

怎么制作一个APP?制作安卓和iOS的APP区别是什么

 遵循这些步骤,你的 App 就能同时在 iOS 和 Android 保持完美!

1. 总体的样式

从 iOS7 以后,Apple 就一直在采用扁平化的设计模式,去除了所有不必要的纹理和阴影等效果——和早些年间的版本完全不同。Google 的新 MD 设计规范有了一些更加细节的规定,通过一种叫“纸片”的方法来创造更多的层级关系。

2. 实体按钮

Android 有一个返回按钮,点选它可以返回上一个萤幕。

iPhone 上则没有这样一个按钮,所以需要有一种方式能够让使用者回到先前的萤幕。通常的解决方案是在萤幕的左上角放置一个返回键。

3. 通用元素

两种平台之间的确存在着一些通用的元素,比如说状态列和标题栏,它们会出现在每一屏的顶部。你不应当改变导航栏的高度,如果你想让 App 看起来更加原生的话。所以,我推荐你在设计的第一页就定义好标题栏的样式,然后在其他的萤幕上使用一个占位的方框来替代,这样能省下不少时间,但是你应当向程式设计师说明标题栏在不同的萤幕上都是一样的样式。

不同平台上的导航栏有一定的差别。在 Android 上文字是左对齐的,然而 iOS 上是居中对齐的。在 iOS 上,很多企业都用它们的 logo 来替换首页标题栏中的文字,但是在 Android 装置上这不是一个好的主意。状态列(显示你的网路、电量和时间资讯)是系统元件,你不需要考虑设计它,只要确保它们不会对他人造成误解就好了。

4. 导航

或许iOS 和 Android 平台之间最大的区别就在于他们的导航样式了。Android 上最主要的导航方式是抽屉选单,Android 使用者们通常在这个选单内进行跳转。而且在整个 App 中,这种体验是一贯的。Apple 的导航样式更倾向于 tab bar,它位于萤幕的底部,并且以一种很简单的方式实现上部内容的切换。当你设计 App 的结构的时候,你可以为不同的平台设计不同的导航样式。

5. 要不要用卡片式

在 UI 设计中,卡片正逐渐成为一种主要的 UI 设计样式,它们可以应付多种情况,而且给使用者提供了一种能够呈现有效内容的便捷方式。视觉上,卡片非常适应于 Android 的 Material Design(它事实上源自于纸张的灵感)。使用阴影和卡片之间的合理间距能够建立一种自然的外观。

在 iOS 上,使用卡片设计需要更加的小心谨慎,尽管一些大型的 App,诸如 Facebook 和 pinterest 的确使用了一种略微偏离 iOS 视觉规范的设计风格。Instagram 使用了一种完全扁平化的设计风格,尽管从结构的观点上看,使用者的每一条推送都能被视为是一张卡片,instagram 的设计很值得你去花时间揣摩,它是如何遵循 iOS 视觉规范的。如果你要在 iOS 平台上应用阴影,你最好小心谨慎,尽量使得这些阴影不是那么的明显。

6. 排版

iOS 系统上的预设字型是 Helvetica Neue,在 Android 上则是 Roboto。尽管这两种字型在外观上有显著的差异,但是这两个字型的尺寸却是近乎相同的。如果你想要在设计的时候节省时间,那么用一款字型就可以,但是要和开发人员沟通在不同的平台上使用对应的字型。而在设计重要的布局结构和使用大号字型时,我建议你还是同时用这两种字型测试效果。

如果你想要精益求精,那么你就要对不同平台上的设计规范更加注意。比如如下几条:

Android 的 MD 设计需要用到更多的空格来进行布局

在 MD 中字型大小的变化会更加多样

在 iOS 上,字型没那么多大小差异,但是在字型重量上(Font weight)有更多的变化,同样允许你建立主次结构

两个平台都使用比较细的字型来现实正文内容,然而,在下面的例子中,Android 使用了轻(Lighr)和常规(Regular)字型,而 iOS 使用了粗体(Bold)和常规字型

这是一个非常简单的例子,向你展示了排版方面的一些细微的不同可以导致印象上的巨大差异——你能很快分辨你是在用 Android 手机还是在用 iPhone!

7. 网格和触控元件

iOS(@1x 下 44px)和 Android(1:1 比率下 48p)都有对可触控元件的设计规范。MD 规范同样建议对所有元素使用 8dp 网格对齐。

在最近的专案上,我发现遵守 Android 的这些设计规范会更加安全,因为大一些的 48px 的按钮在两个平台上都表现良好,而且 MD 的规范更加全面,还经常更新。不管怎么说,你都应该在设计中使用网格,但是我们发现定义更加明确的 Android 网格会更好用一些。

h

如何制作一个app控制树莓派安卓

如果带红外的安卓手机,可以再树莓派加一个红外接收器

普通手机可以往伺服器把指令传送到资料库,树莓派通过无线网络卡轮询资料库,最好做一个服务端,树莓派通过访问介面获取指令

我想制作一个app怎么制作呢?, 你好,怎样制作app呢?我想制作一个

楼主可以用app制作平台呀!免费app制作平台很多,像国外的有Appmachine,国内的应用之星,我都用过。感觉应用之星更适合国人,操作很方便,不用懂任何程式设计技术,一看就会,而且应用之星还免费,不像其他的制作平台要年费什么的。楼主有不懂的地方可以继续追问我哈~

长沙制作一个安卓app多少钱

做什么软体?

怎么制作一个手机APP

浙江天尔软体技术有限公司,可以看头像联络 ,在十几年的开发经验中总结出了开发一款APP的注意事项,你可以参考下:

开发一个完整app需要掌握哪些知识

1、前期需求规划与资讯——你需要制定出一个完整的需求文件,功能文件,流程图,时序图。

2、互动设计、UI设计——设计出基本且完善的原型图和app基础的互动设计效果,之后再根据这些设计出完整的UI介面并学会切图,一些需要做自适应的素材图片需要做点9patch。 这里还需要你懂得px,pt和dp之间的换算,萤幕密度的换算和相互之间的系数,以便你的app能完美适应不同解析度装置。其中互动设计需要你懂得很多人机操作的技巧经验,掌握Axure等互动工具的使用,UI设计需要你掌握Photoshop和Illustrator等操作。

3、使用ADT之类的开发环境进行app软体开发,你最基本的也得掌握java语言,熟悉android环境和机制。

4、如果不是单机版的app,需要用到伺服器,那你还得掌握WebService相关知识和开发语

言,常用的有ASP.Net,PHP,JSP等。

5、熟悉并能开发资料库。

6、某些功能需要做演算法,这还需要一定得专业知识,尤其是数学基础。

7、熟悉API介面开发,这里包括你自行开发API的能力以及呼叫第三方API的经验。

8、熟悉TCP/IP,socket等网路协议和相关知识。

9、熟练掌握App释出的流程,真机除错技巧,证书,打包,上架。 App开发其实不一定适合一个人搞,太费劲,除非是一个单机版的小应用,或者利用现成的app开发简单的第三方应用,否则还是让一个团队来完成各自擅长的领域。

如何制作一款安卓、IOS通用的APP?

只有h5可以实现你所说的那种

怎么才能快速的制作一个APP?

做App是很复杂的,需要一个团队来完成,就是:找技术、找设计、找钱(大概百万左右)。

不过如果不想这么麻烦,可以选择一些开发公司,只要一步,找钱(百万左右),就够了。

当然,如果不想那么麻烦,还不想花那么多钱,可以试试类似小云app这样的线上开发平台,里面有各个型别app的模板,选择一个直接生成就可以了,也分三步:选个模板、起个名字、一键生成。基础版的app几分钟就可以生成,如果想增加功能,可以再在平台上购买,大概两千块钱左右。

想要定制制作一个app,找谁?

你好!

如果想学程式设计,就去学校,,貌似你也不会为个APP去学枯燥的程式设计吧。有APP制作公司,专门定制各种APP,根据技术难度要求价格好谈。要看什么级别的APP了,现在APP软体那么丰富也没那必要吧。除非你是做广告营销等,想赚钱的

请问怎么制作一个手机卖房app

分为商家端和使用者端,业主这块可以释出自己的资讯和价位,使用者通过下载后可以检视具体房屋资讯,提高使用者的使用率和占有率,更多可看华鑫通网路科技

如何做APP界面设计

第一点:了解你的目标客户群的心态

1、做微任务的目标客户群(如随时随地看看新闻,听听歌,看看电影,聊聊八卦之类):

这类的解决方案是设计的app最好是小而准,不要大而全。越全的功能应用,只能代表着这个应用在各方面的都很平庸

2、喜欢当工具来使用的目标客户群:比如找地图,看天气,查数据等。

这类的解决方案是 我们尽最大努力的去满足用户的情景需求。做到极致和简单。

3、无聊的客户群,用来打发消磨时间的:无需求,漫无目的的

这类的解决方案是尽可能展示用户感兴趣的东西,帮助客户来打发消磨时光。

第二点:APP原型图的制作和设计讨论

这个环节是必不可少的。需要根据设计需求认认真真的来画画原型图。

常用的APP原型图工具:移动APP原型设计神器 POP 、axure、Foreui等

第三点:APP视觉设计与设计要点

(1)大概设计板块有APP启动页面设计,APP界面设计的尺寸规范,app图标设计等

一般来说,手机屏幕是从上往下布局的,重要的信息会放在上方。但是在操作上,大部分人都是单手拿手机,常用的操作,要放在界面的下方。

另外还有一个原则,最小的触摸单位,一般是44个像素。如果再小,你的拇指难以触碰,或者容易引发误操作。同时,也不要让界面太拥挤。

所以,设计师必须用减法设计,这个过程需要花时间思考、简化元素。

你必须记住:(1)隐藏设计或者减法设计 (2)分区或分类 (3)帮用户做决策 (4)提高交互创新设计 (5)让人有爽快感和新奇感 (6)在设计中浸入情感,把握用户的心理。(谈谈如何进行产品设计以及产品情感化设计)

一位大师这样说过“真正的简约设计是:作品必须不断的被简化,一改再改,直到设计最终成形。”

2014年 APP设计风格趋向扁平化和卡片化。卡片,扁平化都会是移动app设计的趋势!认为卡片设计确实同时兼具了“拟物”和“极简”2种优势!

第四点:APP界面设计流程

(1). 设计APP界面时,学会从优秀APP界面设计作品中寻求灵感,以前的艺术大师,用少量的资源做了大量的设计。

(2). 放下工作,休息一下很有帮助。扁平和简约设计的一切均关乎到细节的差异。因此小憩片刻后再回到工作,带着全新的眼光工作,比长时间冥思苦想更有

效。

(3). 并排比较各个版式同样有帮助。哪怕花20分钟前将一个线条下移各5个像素分别保存,对比两个版式就能很快分清孰好孰坏。

(4). 由于实物展示的相对比例至关重要,所以要及早在不同的目标设备上测试。

(5). 整个设计过程中不断问自己“真的需要吗?” 。支撑项目时候,找一些讨巧的办法,例如,添加一些有趣的元素、样式会这样会很容易也会很吸引人,

但必须始终注意剔除不必要的元素,不断精简。甩掉你费尽心血的部分总是难以割舍,但修改过程必须挑剔。

第五点:APP界面设计测试与预览修正

设计完成之后,我们可以把设计图导入手机测试或者是校正。之前发布的在线测试工具:快速在移动终端上预览APP界面设计效果图的方法最后:好的APP界面设计作品必然是要经过不断升级、重复迭代的。

怎样规范设计移动端APP的UI

 想要成为一个合格的APP开发UI设计师那就要跟紧移动时代的脚步,了解每一个UI设计师必须掌握的基本技巧才可以。

第一:要了解平台

正如同网页设计师需要了解HTML/CSS一样,作为移动端UI设计师的你应该了解移动端APP的架构。首先移动端设计的语言和网页设计的语言就不太一样,不同平台有着不同的编程语言和接口,移动端界面的构成也是无法使用CSS和标签来实现。

你需要深入阅读官方的开发文档,寻找更多有关APP的文档知识,明白APP的构成,编译方式,发布方式,了解设计的规则。这些东西不仅关系到你的应用开发好坏,还会影响系统的 稳定性,电池续航长短等多种因素。作为移动端UI设计师,你单了解简单的移动端设计是不够的。我们需要从长远的角度去思考问题。

第二:了解移动端的技术构成

对于一个UI设计师来说光了解平台的基本特征是不够的。接下来你需要了解它相关的技术构成:位置服务(wifi,GPS等),蓝牙(低功耗蓝牙技术),信号,前后摄像 头,麦克风,陀螺仪,位置传感器,加速度传感器,指纹扫描仪(iPhone 5s),眼动追踪技术,语音识别,人脸识别,等等等等。每一个新技术的背后以为着应用程序更多的可能性,交互设计、使用体验,甚至商业模式。

第三:发掘本地UI组件的开发潜质

每个移动操作系统中中总有着大量的本地UI组件,他们有着极大的自由度,方便你进行定制。你需求确切地知道他们的特征(尺寸,大小,功用),你可以为与你合作的开发者节省大量的工作时间。

第四:了解移动端的工作流程

安装SDK并运行,了解移动开发框架,比如TubyMotion、Xamarin、Titanium。熟悉集成开发环境,因为这其中包含了移动开发所需的方方面面。

第五:了解移动端的界面模式

三大移动平台之间,有着相似之处,但是在深入探究他们的交互设计,会发现它们在理念上的巨大差异。作为一个设计师,你需要明白这些差异所在,以及它们是如何体现在实际案例中的。

不要只着眼于单一平台,三大平台都需要深入体验,每天至少都要把玩一下,并且最少要持续半年。在这个过程中,体会差异,并且将你觉得重要的、有代表性的、值得保存记录的界面截图留存。作为单一平台的狂热粉丝,你是做不好移动端UI设计师的。

第六:记录并解释你的UI设计

考虑到屏幕截图并不足以表现UI全部的特性,你需要学会记录界面不同的状态、转变过程、转场动画等信息,并且学会记录界面对于不同状况的反馈。

如何做APP界面设计?

第一点:了解你的目标客户群的心态\x0d\x0a1、做微任务的目标客户群(如随时随地看看新闻,听听歌,看看电影,聊聊八卦之类):\x0d\x0a这类的解决方案是设计的app最好是小而准,不要大而全。越全的功能应用,只能代表着这个应用在各方面的都很平庸\x0d\x0a2、喜欢当工具来使用的目标客户群:比如找地图,看天气,查数据等。\x0d\x0a这类的解决方案是我们尽最大努力的去满足用户的情景需求。做到极致和简单。\x0d\x0a3、无聊的客户群,用来打发消磨时间的:无需求,漫无目的的\x0d\x0a这类的解决方案是尽可能展示用户感兴趣的东西,帮助客户来打发消磨时光。\x0d\x0a\x0d\x0a第二点:APP原型图的制作和设计讨论\x0d\x0a这个环节是必不可少的。需要根据设计需求认认真真的来画画原型图。\x0d\x0a常用的APP原型图工具:移动APP原型设计神器POP、axure、Foreui等\x0d\x0a\x0d\x0a第三点:APP视觉设计与设计要点\x0d\x0a(1)大概设计板块有APP启动页面设计,APP界面设计的尺寸规范,app图标设计等\x0d\x0a一般来说,手机屏幕是从上往下布局的,重要的信息会放在上方。但是在操作上,大部分人都是单手拿手机,常用的操作,要放在界面的下方。\x0d\x0a另外还有一个原则,最小的触摸单位,一般是44个像素。如果再小,你的拇指难以触碰,或者容易引发误操作。同时,也不要让界面太拥挤。\x0d\x0a所以,设计师必须用减法设计,这个过程需要花时间思考、简化元素。\x0d\x0a你必须记住:(1)隐藏设计或者减法设计(2)分区或分类(3)帮用户做决策(4)提高交互创新设计(5)让人有爽快感和新奇感(6)在设计中浸入情感,把握用户的心理。(谈谈如何进行产品设计以及产品情感化设计)\x0d\x0a一位大师这样说过“真正的简约设计是:作品必须不断的被简化,一改再改,直到设计最终成形。”\x0d\x0a2014年APP设计风格趋向扁平化和卡片化。卡片,扁平化都会是移动app设计的趋势!认为卡片设计确实同时兼具了“拟物”和“极简”2种优势!\x0d\x0a\x0d\x0a第四点:APP界面设计流程\x0d\x0a\x0d\x0a(1).设计APP界面时,学会从优秀APP界面设计作品中寻求灵感,以前的艺术大师,用少量的资源做了大量的设计。\x0d\x0a(2).放下工作,休息一下很有帮助。扁平和简约设计的一切均关乎到细节的差异。因此小憩片刻后再回到工作,带着全新的眼光工作,比长时间冥思苦想更有\x0d\x0a效。\x0d\x0a(3).并排比较各个版式同样有帮助。哪怕花20分钟前将一个线条下移各5个像素分别保存,对比两个版式就能很快分清孰好孰坏。\x0d\x0a(4).由于实物展示的相对比例至关重要,所以要及早在不同的目标设备上测试。\x0d\x0a(5).整个设计过程中不断问自己“真的需要吗?”。支撑项目时候,找一些讨巧的办法,例如,添加一些有趣的元素、样式会这样会很容易也会很吸引人,\x0d\x0a但必须始终注意剔除不必要的元素,不断精简。甩掉你费尽心血的部分总是难以割舍,但修改过程必须挑剔。\x0d\x0a\x0d\x0a第五点:APP界面设计测试与预览修正\x0d\x0a设计完成之后,我们可以把设计图导入手机测试或者是校正。之前发布的在线测试工具:快速在移动终端上预览APP界面设计效果图的方法最后:好的APP界面设计作品必然是要经过不断升级、重复迭代的。

关于app设计规范模板和app设计规范和设计指导原则的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

扫码二维码