Ⅰ 手机网页UI设计尺寸是多少

这个不同手机尺寸不一样，比如
iphone3 320*480 iphone4 640 * 960
android 240*320 320* 480 480* 854 这些比较常用，还有一些其他分辨率
看你回具体是针对什么手机答做的了！

Ⅱ 手机UI设计的基本规范

目前移动设计在我们的工作中越来越重要，除了掌握基本的UI设计技能之外，我们也要对移动互联网的特征有所认识。为了能在交互设计和用户体验上做出比竞品更优秀的移动APP产品，我们必须知道移动设计的基本原则。
之前25学堂有跟大家说到移动APP客户端的UI设计原则及UI界面适配步骤，还有APP触控操作设计原则之触控目标的尺寸大小。
从移动互联网特征的角度来看，移动设计的基本八条原则
[图片上传中...(image-501af8-1523091320600-7)]
1、内容优先 ，合理的布局
对于手机而言，屏幕空间资源显得非常珍贵，为了提升屏幕空间的利用率，界面布局应以内容为核心，而提供符合用户期望的内容是移动应用获得成功的关键。如何设计和组织内容，使用户能快速理解移动应用所提供的内容，使内容真正有意义，这是非常关键的。
（1）充足内容，使内容符合移动的特征。
（2）优先突出用户需要的信息，而简化页面的导航。
（3）适时提升屏幕空间的利用率。
2、是为移动触摸而设计
点击操作是PC时代交互的基础，在触摸屏设备上基于手指的手势操作已经代替了鼠标的点击操作。
（1）以信息架构为基础，简历手势交互规范。
（2）优先设计自然的手势交互，而不是TAP点击
（3）引导用户在情境中学习手势操作。
（4）特殊手势不是必须的。
（5）可触区域必须大于7×7mm,尽量大于9×9mm。
（6）手势操作需要提供过程及反馈演示。

3、输入方式的 转换
文字输入是移动端的软肋之一，不管是手写输入还是键盘输入，操作效率都相对较低。在行走或者单手操作时，输入的出错率也比较高。
（1）减少文本输入，转化输入形式。
（2）简化输入选项，变填空为选择。
（3）使用手机已有的传感器输入。
4、操作流程必须确保流畅性
在移动产品的操作过程中会碰到多种多样的情况——找不到目标、不知道该怎么操作、操作后没有及时反馈，等等，这都会对产品的流畅性造成影响。在移动产品的设计中主要从三个方面来考虑产品的流畅性：
（1）手指及手势的操作流。
（2）用户的注意流。
（3）转场流畅或者自然，不能牵强！

Ⅲ Android UI设计字体大小规范

Android UI设计字体，由于android厂商和设备之多，目前没有特定的标准，但根据设备的尺寸，有一个建议的原则，如下：

sp和dp一样，是android开发里特有的单位，设计师在做UI设计的时候通常最初是建立320*480这个尺寸的画布开始的，这个尺寸的画布在android分辨率的分类中称为mdpi，在这个尺寸下，ps里的1px就等于android中的1dp，同样，这个时候1点的字就等于android中1sp。

Ⅳ 怎样规范设计移动端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全部的特性，你需要学会记录界面不同的状态、转变过程、转场动画等信息，并且学会记录界面对于不同状况的反馈。

Ⅳ 手机软件用户界面UI设计规范是怎样的

用户界面设计的规范性显得尤为重要。 一些事一、界面效果的整体性、一致性yixieshi手机软件运行于手机操作系统的软件环境，界面的设计应该是基于这个应用平台的整体风格，这样有利于产品外观的整合。 yixieshi1、界面的色彩及风格与系统界面统一互联网的一些事软件界面的总体色彩应该接近和类似系统界面的总体色调，例如：系统色调以蓝色为主，我们的软件界面的默认色彩最好与之吻合，若使用与之大相径庭的色彩，比如大红、柠檬黄，色彩的强烈变化会影响用户的使用情绪，假想你买了一款从外观到系统界面都很满意的手机，操作的时候突然发现内置的应用软件和系统界面不统一，你会有何感想呢?第一感觉不好的东西我们的用户还会去用它吗?所以我们要知道手机的外观和系统界面已经是由手机制造商根据用户审美习惯定制的，它应该有他们的审美群体，我们要给这款手机做软件就应该有效地利用制造商基于此款手机的审美特征，以赢得喜爱此款手机的用户，使他们对系统界面的肯定和喜爱有效的转移到我们的产品上来。当然合理地结合系统界面进行设计还包括图标、按钮的风格及在不同操作状态下的视觉效果。互联网的一些事2、操作流程的系统化互联网的一些事手机用户的操作习惯是基于系统的，我们的界面设计在操作流程的安排上，也得遵循系统的规范性，让用户达到可以使用手机就会使用我们的手机软件，简化用户操作流程一些事二、界面效果的个性化一些事是不是我们追求整体性和一致性，就忽略软件界面的个性化呢?整体性和一致性是基于手机系统视觉效果的和谐统一而考虑，个性化是基于软件本身的特征和用途而考虑。因此这一点也是不容忽视的!一些事1、特有的界面构架yixieshi软件的实用性是软件应用的根本，我们设计应该结合软件的应用范畴，合理的安排版式，以求达到美观适用的目的，这一点不一定能与系统达到一致的标准，它应该具有它所具有的行业标准，例如:证券交易、地图操作等界面特征，需要分析软件应用的特征和流程制定相对规范性的界面构架。界面构架的功能操作区、内容显示区、导航控制区都应该统一规范，不同功能模块的相同操作区域的元素风格应该一致，让用户能够对不同的模块的操作迅速掌握。从而也使整个界面统一在一个特有的整体之中。 互联网的一些事2、专用的界面图标一些事软件的图标按钮是基于自身应用的命令集，它的每一个图形内容映射的是一个目标动作，因此作为体现目标动作的图标，它应该有强烈的表意性，制作过程中选择具有典型行业特征的图符，有助于用户的识别，方便操作。图标的图形制作不能太繁琐，要适应手机本身显示面积很小的屏幕，在制作上尽量使用像素图，确保图形质量清晰，如果针对立体化的界面，可考虑部分像素羽化的效果，以增强图标的层次感。互联网的一些事3、界面色彩的个性化设置互联网的一些事色彩影响一个人的情绪，不同的色彩会让人产生不同的心理效应，反之不同的心理状态所能接受的色彩也是不同的，不断变化的事物才能引起人的注意，界面设计的色彩个性化，目的就是用色彩的变换来协调用户的心理，让用户对软件产品时常保持一种新鲜度，它是通过用户根据自己的需要来改变默认的系统设置，选择一种自己满意的个性化设置，达到软件产品与用户之间的协调性。在众多的软件产品中都涉及到了界面的换肤技术，在手机的软件界面设计过程中，应用这一个性设置可以更大的提升软件的魅力，满足用户的多方面需要!在具体操作实现的过程中，色彩的搭配显得尤为重要，要考虑图标色彩与换肤色彩的色彩反差和效果的统一，以不至于造成花、乱的界面效果。一些事三、界面视觉元素的规范。互联网的一些事1、图形图像元素的质量一些事尽量使用较少的色深表现色彩丰富的图形图像，既确保数据量小又确保图形图像的效果完好，使图形图像在软件系统中所占数据量尽量减小，提高程序的工作效率。

Ⅵ 为什么UI设计规范很重要

以下三点原来因：

  1. 保证平台统一自性

统一性是交互设计的一个基本原则，在一个长期迭代多人合作的项目中，不同的设计师会负责不同的模块，每个人都有各自的思路，就有可能会对相同的元素做出了不同的方案，对于用户来说容易造成困惑，对品牌整体形象的建设也没有好处。所以对于较大型的产品，最好有设计规范来定义基本的元素，帮助众多设计师一起做出有统一性的产品。

2.提升团队工作效率

对于同一个基本元素，如果没有设计规范，交互设计师需要设计一次交互方式，视觉设计师需要设计一次外形，UI开发同学需要开发一次，每个不同的设计师遇到这个元素时都可能重新设计一遍。但如果有了设计规范，只需设计一次，团队中任何一个设计师需要用的时候直接拿来用就可以了，也不需要再进行视觉和开发，极大的提升了效率。

3.打磨细节体验

在整理每个元素的规范时，设计师都需要对其场景、状态考虑清楚。在整理的过程中，经常会发现一些以前没注意到的问题，并进行优化。把一个小元素单独拎出来仔细考量，写成一篇完整规范的过程，其实就是在打磨细节的过程。

Ⅶ APP界面设计规范编写指南

有关于《APP界面来设计规范编写源指南》我的站酷看到过，我发你链接看一看吧！

http://www.zcool.com.cn/work/ZMjM2NTQ5NzI=.html

Ⅷ app ui设计 要求 怎么写

  1. 行业，业务介绍；告诉设计师app是用来做什么的。及用户群体大多是哪类人；有经验的设计师会根据以以往经历来斟酌设计。

  2. 设计要求及技术事项；如果你希望用什么颜色；或什么风格。可以把一些好的案例发给设计师。（但是也别太多；这无疑是把范冰冰眼睛，章子怡都嘴，林志玲都鼻子等诸多好东西从新拼凑；会起到反效果）技术事项是比如你的app是否需要兼容pad及安卓；

  3. 准备文案，比如app都首页会有一张大广告图；但是图上面的广告语；得你来想好；如果设计师自己随便弄个；也许不符合你的意愿；完了修改。这又造成了时间与工作量的浪费。

    本答案由祝明园ui设计工作室专业回答

Ⅸ 小白一枚，想问一下如果做手机app的UI设计ios的尺寸规范是多少啊分辨率都多少啊！求解

屏幕来分辨率一般是3个尺寸自iPhone4：640*960pt iphone5：640*1136pt ipad：768*1024pt
icon一般要以下几个规格：
Icon.png – 57×57 iPhone应用图标
[email protected] – 114×114 iPhone Retina显示屏应用图标
Icon-72.png – 72×72 iPad应用图标
[email protected] - 144×144 iPad Retina显示屏应用图标
Icon-Small.png – 29×29 iPhone 系统设置和搜索结果图标
[email protected] – 58×58 iPhone Retina显示屏 系统设置和搜索结果图标
Icon-Small-50.png – 50×50 iPad 系统设置和搜索结果图标
[email protected] – 100×100 iPad Retina显示屏 系统设置和搜索结果图标

希望可以帮到你

Ⅹ 如何做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界面设计作品必然是要经过不断升级、重复迭代的。