手机ui设计规范-ui设计的规范

手机ui设计规范-ui设计的规范

本文目录一览

1、鸿蒙系统UI设计尺寸规范？2、移动ui设计都有什么规则？3、UI设计需要掌握哪些知识？4、安卓手机ui设计尺寸规范

鸿蒙系统UI设计尺寸规范？

这个要看你的ui界面是要适用哪个平台？

IOS界面，例如iphone6

1、界面尺寸大小是750x1334px。

2、状态栏(status bar)就是电量条，其高度为40px;

3、导航栏(navigation)就是顶部条，其高度为88px;

4、主菜单栏(submenu，tab)就是标签栏，底部条，其高度为98px;

5、内容区域(content)就是屏幕中间的区域，其高度为1334px-40px-88px-98px=1108px

iPad的设计尺寸，例如iPad Mini

1、界面尺寸大小是1024×768 px

2、状态栏(status bar)就是电量条，其高度为20px;

3、导航栏(navigation)就是顶部条，其高度为44px;

4、主菜单栏(submenu，tab)就是标签栏，底部条，其高度为49px;

5、内容区域(content)就是屏幕中间的区域，其高度为768px-20px-44px-49px=655px

Android的图标尺寸

一般屏幕大小有

小米、索尼、华为1080×1920 px

OPPO R3720×1280 px

移动ui设计都有什么规则？

原则一内容优先

界面布局应以内容为核心，提供符合用户期望的内容。

原则二为触摸而设计

界面的设计交互系统以自然手势为基础构建，符合人体工程学保存一致性。

原则三转换输入方式

使用各种手机的设备特性和设计手段，减少在应用内的文字输入。

原则四流畅性

保持应用交互的手指及手势的操作流、用户的注意流和界面反馈专场的流畅性。

原则五多通道设计

发挥设备的多通道特性、协同的多通道界面和交互，让用户更有真实感和沉浸感。

原则六易学性

保持界面架构简单、明了，导航设计清晰易理解，操作简单可见，通过界面元素表意的和界面提供的线索就能让用户清楚地知道其操作方式。

原则七为中断而设计

考虑应用的使用情景，确保在各个产生出中断的情境下，让用户恢复之前的操作，保持用户的劳动付出。

原则八智能有爱

给用户提供让他感到惊喜有趣的、智能高效的、贴心的设计。

UI设计需要掌握哪些知识？

UI设计掌握学习主要分两部分，两个阶段，

一个是熟练工具，是设计知识以及创意想法的练习。

一部分是软件（设计师的工具）

二部分是设计知识（重点学习）

软件知识PS 、AI、 AE、ARP或默刀软件、XD或sketch软件、蓝湖

理论知识创意，审美，心理学，沟通学，管理，运营，文案，演讲

学习内容色彩原理 美术手绘 素描 版式 切图 规范 适配 图标设计 视觉设计 界面设计 网页设计 动效设计 交互设计

标准化布局 原型图设计 电商设计 平面构成 立体构成 色彩构成 交互逻辑 思维构图 拟物化与扁平化设计 产品思维

专题页设计 IOS设计规范 Android设计规范 GUI设计基础 WUI设计基础 UE用户体验 项目设计流程 原创作品制

UI 设计需要学习什么理论知识？

（1）色彩搭配和版式处理，这块主要就是学的就是我们平时在UI设计中，设计时用的颜色和界面的版式这块。

（2）用户体验和交互逻辑，这块学习的就是UI设计中的UE和交互逻辑，这块主要讲的就是UI设计中的设计核心，及逻辑程度。

（3）透视原理，有良好的透视把控对于整个UI设计中的观察力可以得到进一步的提升。

（4）设计规范，这块讲的就是UI设计中的一些手机和平板的规范，比如苹果手机的各种尺寸等。都是UI设计中需要掌握的。

（5） 手绘技法，手绘这块对于UI设计中的整个工作会有非常好的辅导作用。

（6）切图适配，主要是用来适配多种UI规范的方法。

安卓手机ui设计尺寸规范

众所周知，安卓系统是开源的，国内又有超多的手机厂商，小米、魅族、华为、oppo、三星等，每一个品牌有属于自己的UI设计规范，我们主要分析UI界面尺寸规范。

1、字体

安卓系统中文采用的是思源黑体，英文字体为robot字体。

只使用偶数单位 24 pt，28 pt，36 pt等字体大小

2、mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi、dp、px到底是什么意思？

讲图标之前先来分析一下一排英文的意思

mdpi、hdpi、 xhdpi、xxhdpi、xxxhdpi都是表示的屏幕密度大小，依次数值越大，其分辨率越高。常用的是xxhdpi和xxxhdpi。

dp是安卓系统专用的长度单位，设备独立像素的意思。不同设备有不同的显示效果,这个和设备硬件有关。多为图标使用，文字则用sp(放大像素)，主要用于字体显示best for textsize。

px是像素的意思， 不同设备显示效果相同。

从左到右依次是① 应用栏高度56dp；应用栏左右内边距为16dp；应用栏图标上下左内边距为16dp；应用栏标题左内边距为72dp；应用栏标题下边距20dp；

②应用栏高度为128dp；

③操作栏高度为56dp；标题栏高度80dp；标题栏底部内边距8dp；描述区域高度72dp；描述区底部内边距16dp。

5、列表高度

垂直边框、水平外边距、边框左右外边距各16dp；带有图标或者头像的内容有72dp的左边距。

垂直边距

①状态栏24dp；②工具栏56dp；③子标题48dp；④列表项72dp

时间差不多了，奇秘网小编将关于手机ui设计规范和ui设计的规范的信息就搜集汇总到这了，希望答案能够帮助到大家解决相应问题，如有帮助请收藏本站以备日后查找。

手机ui设计规范

手机ui设计规范-ui设计的规范，转载请注明出处。