锐客网

  1. 首页 > 睿知 > >

ui设计app规范，app ui设计 要求 怎么写

经验分享睿知

1，app ui设计 要求 怎么写1. 行业，业务介绍；告诉设计师app是用来做什么的 。及用户群体大多是哪类人；有经验的设计师会根据以以往经历来斟酌设计 。2.设计要求及技术事项；如果你希望用什么颜色；或什么风格 。可以把一些好的案例发给设计师 。（但是也别太多；这无疑是把范冰冰眼睛，章子怡都嘴，林志玲都鼻子等诸多好东西从新拼凑；会起到反效果）技术事项是比如你的app是否需要兼容pad及安卓；3. 准备文案，比如app都首页会有一张大广告图；但是图上面的广告语；得你来想好；如果设计师自己随便弄个；也许不符合你的意愿；完了修改 。这又造成了时间与工作量的浪费 。本答案由祝明园ui设计工作室专业回答
2，app界面设计尺寸规范大全原型设计尺寸☆状态栏(status bar)：就是电量条 ， 其高度为：20px；☆导航栏(navigation)：就是顶部导航，有线其高度为：45px；没有线高度就是44px；☆主菜单栏(submenu，tab)：就是标签栏，底部导航，其高度为：46px；☆ 信号格：5 * 5☆wifi 图片：11 * 9☆ 锁：11 * 11☆ 导航：8 * 8☆ 电量：22 * 9☆ 闪电：5 * 8☆ 状态栏中的文字：10px☆ 顶部导航栏的图标尺寸为16x16px左右，底部标签栏的图标尺寸为23 x 23px左右 。☆ 导航栏的文字大小最大值是14px，底部标签栏的图标下方的文字大小为10px 。☆ 内容区域的文字大小是：10px,12px，14px，16px 。① 文字黑色：#282828② 文字深灰色：#656565③ 文字浅灰色：#989898④ 边框浅灰色：#C3C3C3⑤ 背景淡灰色：#f2f2f2⑥ 按钮背景纯白色：#ffffffA、疏远距离：比如，所有元素距离手机屏幕最左边的距离 。B、亲密距离：比如，左边图标与右边文字之间的距离 。1、iPhone6手机模型尺寸：429x881px2、界面尺寸布局：满屏尺寸375x667px3、高度电量条高度20px，导航栏高度44px，标签栏高度46px；4、各区域图标大小导航栏图标16px，底部标签栏图标23px；5、各区域文字大小电量条-文字10px，导航栏-文字14px，标签栏-文字10px；6、常用的文字大?。?6px，14px，12px，10px；7、常用的颜色：背景浅灰色：#f2f2f2, 文字深黑色： #323232，边框色深灰：#CCCCCC；8、常用可点击区域的高度（比如搜索区域）：28px；9、单行文字的背景框的高度：44px，双行则为：88px，三行则为：132px；10、常用间距：亲密距离：10px；疏远距离：15px，其它距离：5px，22px等；
3，设计手机app界面 要多少dpi1、苹果iOS版本的iphone APP UI设计尺寸规范： 2、Andriod 版本的APP UI设计尺寸规范 主流的手机设计尺寸：460*800 px 1280*720 px 设计版本是：1280*720 px 视觉设计师通常在480x800px下进行设觉设计，然后进行适配HVGA(320×480)等 。dpi是dots per inch（每英寸所打印的点数）的缩写，是打印机、鼠标等设备分辨率的单位 。这是衡量打印机打印精度的主要参数之一，一般来说 ， 该值越大，表明打印机的打印精度越高 。也可以用来衡量屏幕的精细程度 。这个和分辨率没有直接的关系 。【ui设计app规范，app ui设计 要求 怎么写】
4，iOS和Android的app界面设计规范7501334 目前 ， 很多UI设计师的UI设计稿是先做iPhone6(750×1334)的，目的是向上适配iPhone6Plus ， 同时向下适配iPhone5和iPhone4的尺寸 。这一节课也算是25学堂为大家精心整理的iPhone6界面设计尺寸规范大全 。iOS篇————————————————————————————————————界面尺寸☆状态栏(status bar)：就是电量条，其高度为：40px；☆导航栏(navigation)：就是顶部条，其高度为：88px；☆主菜单栏(submenu ， tab)：就是标签栏，底部条，其高度为：98px；☆内容区域(content)：就是屏幕中间的区域，其高度为：1334px-40px-88px-98px=1108px| 设备|App Store|程序应用|主屏幕|spotlight搜索|标签栏|工具栏和导航栏|| :-------------:|:-------------:| :-----:|:-----:|:-----:||iPhone6 plus（@3x）|1024 1024px|180 180px|144×144px|87×87 px|75 75px|66 66px||iPhone6（@2x）|1024 1024px|120 120px|144×144px|58 58px|75 75px|44 44px||iPhone5 - 5s - 5c（@2x） |1024 1024px|120 120px|144×144px|58 58px|75 75px|44 44px||iPhone4 - 4s（@2x）|1024 1024px|120 120px|144×144px|58 58px|75 75px|44 44px||iPad3 - 4 - Air - Air2 - mini2|1024 1024px|180 180px|144×144px|100 100px|50 50px|44 44px||iPad1 - 2|1024 1024px|90 90px|72 72px|50 50px|25 25px|22 22px||iPad mini|1024 1024px|90 90px|72 72px|50 50px|25 25px|22 22px|字体iPhone 上的字体英文为： HelveticaNeue 至于中文，Mac下用的是黑体-简，Win下则为华文黑体，所有字体要用双数字号 。百度用户体验部做过一个小调查，对于app字体大小的调查结论如下：5 ， 什么是ui ios和安卓的规范设计上来说这两个系统有些东西越来越通用了，目前很多Android的应用偏苹果风格 ， 也就是说基本都是采用一套iOS设计模板来适配Android系统 。术语解读和系统平台对比android是Google公司开发的操作系统 。iOS是苹果公司的移动操作系统 。导航方式不一样iOS的Tab放在页面底部 ， 不能通过滑动来切换，只能点击 。也有放在上面的，也不能滑动，但有些Tab本身可以滑动 ， 比如天猫的 。还有新闻类的应用 。Android一般放在页面顶端 ， 可以通过滑动页面来切换Tab，当然Tab可以点击切换，Tab多的话，Tab本身也可以滑动 。比如豌豆荚 ， 百度贴吧，QQ 。总之，Android啥都可以有 。UI设计规范不一样比如现在通常设计的尺寸对比如下：iOS： 750*1334 或者 1242*2208android：720*1280 或者 1080*1920首先你要理解ui这个词的含义 。ui=用户界面 。那什么叫用户界面呢？手机，电脑，智能手表，以及其他一些电子产品都有着自己不同的用户界面 。所以所谓的ui是没有固定的尺寸的 。真正的做一套ui界面 ， 首先你的选定目前主流的屏幕尺寸 。打个比方说苹果5的分辨率是960x1136 。像这个分辨率别的手机根本用不了 。同一款app在不同的屏幕尺寸下可能都有一套自己的ui界面 。至于图标的大小你可以百度一下，有标准尺寸的 。但是现在很多异形的app都没有按照标准的来 。6，UI设计规范都有哪些轴在UI设计中是最基本、最常见的概念，也是用来组织界面结构的重要核心 。简单说来，轴是在设计的时候组织一系列元素的假象线，在下面的设计图中，轴以虚线的方式被标注出来 。1、对齐轴最常见于对称元素的使用，当元素被布置成轴对称的布局的时候，会给人有序感 。就像生活中绝大多数的事情一样，我们更倾向于享受有序的的东西，它们令人感觉平稳、舒适、平易近人 。最简单的一个例子就是iTunes 程序中的专辑列表的设计，所有的专辑列表在界面的左侧保持对齐 ， 围绕虚线轴轴对称 。2、强化虽然轴是一条假想的线，但是如果周围的元素的边缘控制得足够整齐，这跳线会在视觉中变得更加“明显”的 。最好的例子是城市中的路灯构成了道路两旁建筑物之间的轴，如果一边有建筑一边没有，那么这种轴线的感觉不会那么强烈 。从产品设计的角度上来看 ， Twitter 的时间线设计就是一个很好的案例，左侧的头像和右侧的推文共同塑造出缝隙中轴线的感觉 。3、运动当我们碰到某先线条的时候 ， 视觉会很自然地沿着这些方向运动，就如同我们站在街上，会自觉地沿着街道的两头走动 。两个端点决定了线，界定了开始和结束的地方 ， 线，或者说轴线的存在会引导和提示运动的方向 。SoundCloud中，音轨沿着一条既定的水平轴线运动 ， 随着音乐的播放，音轨自然地自左向右匀速运动 。4、连续性如果终点是不确定的，那么你通常会沿着轴线的方向浏览/运动，直到你找到感兴趣的东西，或者感到厌倦并关闭应用 。在建筑学中，未清楚界定的终点非常少见，因为建筑的修建通常没法永远持续下去 ， 但是UI设计则不一样，无限地滚动下去是无比受欢迎的设计手法 。Pinterest的APP中就是这样做的，持续不断的图片沿着中轴线的方向持续不断地滚动下去，只要你有兴趣一直观看下去 。二、对称当元素被均匀地放置在轴线的两侧之时，他们构成了对称的关系 。当元素被精准地在轴线两侧一一对应之时，它们就形成了完美对称 。

    推荐阅读


    上一篇：普耐尔momo8w 2G版刷安卓的方法,安卓手机怎么刷机?

    下一篇：i9配置的台式电脑，台式电脑有i9了吗或者更高的