app 设计原理及注意事项？技术干货:apple watch App设计规范I，规范Summary 1。导航表单是分层的，您可以通过单击当前页面跳转到另一个页面，12px，14px，16px .安卓手机设计规范1080 * 1920状态栏:24dpAPPBAR(导航栏)最小高度:56dp菜单栏高度(含底部):48dp网格系统最小单位为8dp，距离和大小应为8dp的整数倍。

手机的分辨率也有关系。一般度数为app的图标会有各种分辨率大小，以便在不同分辨率下正确频繁的显示。默认最小尺寸为32*32、48*48、64*64、128*128、256*256。回答:手机照片的大小取决于你的手机摄像头和照片。比如手机摄像头设置为1200万像素的4: 3照片分辨率为4000x3000；1600万像素的16: 9分辨率为5312x2988，4: 3分辨率约为4608x3408。

规范Purpose/System 1遵循所有平台的统一界面规范，使设计的最终界面效果能够达到最理想的状态。2.提高了工作效率，UI/UE/开发编码人员之间的合作更加容易。减少因资源或设计问题导致的反复修改、重复劳动、效率低下的现象。3通过规范实现以用户为中心的目标。呈现给用户最好的效果和最好的体验。4目前使用最多的手机操作系统平台是Android、IOS和WindowsPhone。其他操作系统包括BlackBerry10、NokiaOS、Firefox、SailfishOS、Tizen、Ubuntu touch设计size/屏幕支持1IOS:宽度640PX，高度1136px。当然，适应模式是需要的，以满足未来屏幕扩展的需要。

现在iOS app的尺寸也增大了。要适应各种尺寸，需要选择一个折中的尺寸上下适应。以前一般用iphone5的尺寸。iPhone6plus出现后，iPhone6的尺寸成为了大多数设计老师的选择。一、iPhone6的界面布局是:屏幕4.7寸，设计稿件尺寸750x1334px statusbar:是电源条，高度40px；导航:是顶栏，高度88px；主子菜单(tab):是选项卡栏和底栏，高度为98px；内容区域:屏幕中间高度为1334px40px88px98px1108px的区域。二、iPhone6的图标尺寸为:导航栏图标高度约为44px(大部分功能按钮)，标签栏图标尺寸约为50x50px最大为96x64px。

1080*1920状态栏:24dpAPPBAR(导航栏)最小高度:56dp菜单栏高度(含底部):48dp网格系统最小单位为8dp，距离和大小应为8dp的整数倍。以下是一些常见的大小和距离:图标和字体大小:a .启动图标(首页或app列表页)整体大小为48x48dp，没有空白区域。7英寸完整图标。当然，也有可能包含空白区域的图标等于48dp。

C.小图标/场景图标提供操作或特定项目的状态。比如gmail app的星形标志，以及用来展开和关闭某些内容的向下和向上的图标等。整体尺寸为16x16dp，图形实际面积为12x12dp。d .通知图标如果app有通知，则提供一个通知图标，当有新的通知时显示在状态栏中。整体尺寸为24x24dp，图形实际面积为22x22dp。对图标大小进行分类，使界面整体一致。

1，规范 Summary 1。导航表单是分层的，您可以单击当前页面跳转到另一个页面。适用于复杂的产品，需要循序渐进。类似于carousel AppleWatch的基于页面、页面切换、滑动、导航形式不能同时存在。2.交互模式下触摸:列表、按钮和开关等控件的操作手势:垂直滑动，滚动界面；水平滑动，界面导航间查看；从屏幕左边缘向右滑动以返回到父界面。

原理:优秀的ui界面是看不见的，华丽的装饰和不必要的元素都被剔除了，简单直接的页面逻辑和直观必要的元素构成了这样的ui界面。设计ui，当你添加任何元素的时候，你最好问问自己“这个功能会不会影响用户已有的任务，真的有必要吗？”首先，将用户界面中的元素限定为必须的，并关注核心用户体验。清晰应该是所有ui界面的基本属性。

一致的设计可以让用户更快的了解和熟悉你的设计模式，并在此基础上快速适应整体体验。因此，用户期望用自己的体验去探索更多的内容，而探索是否有效取决于设计的一致性是否足够好。在整个UI中保持一致的语言、布局和设计规则，会让整个用户体验更加“透明”。备注:1。时间戳为设计时，注意选择什么样的日期分隔符。

WEB standard设计:网页结构HTMLXHTMLXMLDIV CSSXHTML CSS表示层网页呈现(CascadingStyleSheets)样式表页面皮肤网页行为ECMAScriptDOMBOM UserExperience。SearchEngineOptimization)App的标准IOS:界面大小、图标大小、字体、颜色值设计:1、所有可点击的图片不能小于44px(Retina需要88px)2、单独存在的部分必须是偶数3、双折图片命名要以@2x为后缀4、每个控件都要充分考虑按钮4状态下的样式如图Aos:界面大小、图表

prototype设计sizestatus bar:就是20px高的电源条；；导航:是顶导航，索高45px；没有行高是44px；主子菜单(tab):是选项卡栏，底部导航，高度46px；信号格:5*5wifi图片:11*9锁:11*11导航:8*8电量:22*9闪电:5*8状态栏中文字:10px顶部导航栏图标大小约为16x16px，底部标签栏图标大小约为23x23px。

内容区的文字大小为:10px，12px，14px，16px。①黑色文字:# ②深灰色文字:# ③浅灰色文字:# ④浅灰色边框:#C3C3C3⑤浅灰色背景:# f2f2f 26按钮纯白色背景:# ffffffA，疏离距离:比如所有元素与手机最左边屏幕的距离，b亲密距离:比如左边图标和右边文字的距离。