ios app界面设计用什么尺寸?同尺寸的iPhone设计App界面是要怎么标注

  导语:ios app界面设计用什么尺寸?手机app界面一般设计多大尺寸? 同尺寸的iPhone设计App界面是要怎么标注,UI设计手机APP界面时,导航栏尺寸规格一般是多少?

  ios app界面设计用什么尺寸?

  界面尺寸规范1、界面尺寸大小是:750x1334px。2、状态栏(status bar):就是电量条,其高度为:40px;3、导航栏(navigation):就是顶部条,其高度为:88px;4、主菜单栏(submenu,tab):就是标签栏,底部条,其高度为:98px;5、内容区域(content):就是屏幕中间的区域,其高度为:1334px-40px-88px-98px=1108px

  手机app界面一般设计多大尺寸?

  现在用720x1280px的比较多,也可以用1920x1080px来设计,分辨率是72,颜色模式RGB

  UI设计手机APP界面时,导航栏尺寸规格一般是多少?

  目前ios的尺寸都是_@2x,除了plus需要注意导航栏60PX,底部标签栏148PX,尺寸需要_@3X也就是1.5倍计算

  同尺寸的iPhone设计App界面是要怎么标注

  设计尺寸

  手机 App 只需要一个设计稿,不需要设计多个。假如平板上的布局跟手机是不一样的,需要再出一个设计稿。假如是基本一样的,连平板的设计稿也不需要。比如微信的的 iPhone 版和 iPad 版,流程布局是一致的,其实只需要出一个 iPhone 的设计稿。

  设计的时候,选取一个现在最主流,你最容易获取的设备的尺寸来设计。比如现在 iPhone 最主流是 6 的尺寸,就选择

  375 x 667 点,2x 模式

  作为设计尺寸。之后整个设计稿就使用这个尺寸来设计,不要一时一个样。假如你是个人开发者,身边只有 5s,就使用 5s 的尺寸来设计。

  这样就可以将设计稿截图,放到手机中看效果。适配不能直接按比例放大或者缩小,假如你将 iPhone 6s 的设计稿,放到 5s 中看,图片按比例缩小了,但你看到的并非最终效果。

  标注

  设计师来标注?

  其实我自己觉得让美术标注,是浪费人力的。只要出个 1x 的预览图,再让程序员装个马克鳗、或Pixel Winch、或 PS,就可以让程序员来测量尺寸了。

  但很多程序员都会推卸责任,说标注是美术的事情。

  还是需要讨论一下如何标注。标注有主要有 3 种,颜色、字体、尺寸。

  颜色标注

  颜色应该先定义一个色板。比如按照下面方式

  [颜色色块] #bcbcbc。用于文字。

  [颜色色块] #ff8c0f。主色调,橙色。

  [颜色色块] #dddddd。主要用于列表项的分隔线颜色。

  其中[颜色色块],就是一个小色块,用来看颜色的预览。

  之后在设计稿的预览图中,就可以使用颜色编号来标注。这样标注比较清晰,一个项目中出现的颜色不会出现太多中,基本不会超过 10 种颜色。这样也容易跟程序对应起来,程序写这些界面,也需要定义一个色盘。这种方式也容易切换主题。比如白天模式和夜间模式。

  字体标注

  字体也应先定义出一个字体的字体盘,比如:

  系统字体,14号。主要用于文字的内容。

  系统字体,18号。用于文字的标题。

  等宽字体,14号。用于显示时间。

  之后在设计稿的预览图中,就可以使用字体编号来标注。一个项目的字体也不会出现太多,大概也就 5、6种。这样也容易跟程序对应起来。

  尺寸标注

  只需要标注一些不会变化的地方尺寸。比如按钮大小,边距、图标大小等,无论屏幕多大,都是固定不变的。而一些随着会拉伸的地方,就直接注明会拉伸。间距之类就注明,哪几个间距是一样的就行。

  有些需要等比例放大或者缩小的,就注明一个比例。

  标注就如同程序中的注释,并非越多越好。假如是可以看预览图就明白的,其实是没有必要做标注的。

途傲科技为中小企业提供网站制作、网站建设、微信H5、微信小程序,多商户平台,多级分销系统,APP开发,手机网站,HTML5多端自适应网站,营销型企业站建设,及对技术人才的培养等都积累与沉淀了丰富的心得和实战经验。

为节省您的时间,您可以留下【姓名 手机号(或微信) 开发需求】,产品经理稍后联系您,协助您确认软件各项功能,免费帮您出方案和预算!
全国咨询专线:0531-88261509 微信专线:18678836968

*文章内容收集整理于互联网如有侵权请联系删除

发表评论

您的电子邮箱地址不会被公开。

QQ客服
运营电话
您好,有任何疑问请与我们联系!