手机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 R3:720×1280 px
手机ui设计规范-ui设计的规范

文章插图
移动ui设计都有什么规则?原则一:内容优先
界面布局应以内容为核心 , 提供符合用户期望的内容 。
原则二:为触摸而设计
界面的设计交互系统以自然手势为基础构建 , 符合人体工程学保存一致性 。
原则三:转换输入方式
使用各种手机的设备特性和设计手段 , 减少在应用内的文字输入 。
原则四:流畅性
保持应用交互的手指及手势的操作流、用户的注意流和界面反馈专场的流畅性 。
原则五:多通道设计
发挥设备的多通道特性、协同的多通道界面和交互 , 让用户更有真实感和沉浸感 。
原则六:易学性
保持界面架构简单、明了 , 导航设计清晰易理解 , 操作简单可见 , 通过界面元素表意的和界面提供的线索就能让用户清楚地知道其操作方式 。
原则七:为中断而设计
考虑应用的使用情景 , 确保在各个产生出中断的情境下 , 让用户恢复之前的操作 , 保持用户的劳动付出 。
原则八:智能有爱
给用户提供让他感到惊喜有趣的、智能高效的、贴心的设计 。
UI设计需要掌握哪些知识?UI设计掌握学习主要分两部分 , 两个阶段 ,
一个是熟练工具 , 另外是设计知识以及创意想法的练习 。
一部分是软件(设计师的工具)
二部分是设计知识(重点学习)
软件知识:PS 、AI、 AE、ARP或默刀软件、XD或sketch软件、蓝湖
理论知识:创意 , 审美 , 心理学 , 沟通学 , 管理 , 运营 , 文案 , 演讲
学习内容:色彩原理 美术手绘 素描 版式 切图 规范 适配 图标设计 视觉设计 界面设计 网页设计 动效设计 交互设计
标准化布局 原型图设计 电商设计 平面构成 立体构成 色彩构成 交互逻辑 思维构图 拟物化与扁平化设计 产品思维
专题页设计 IOS设计规范 Android设计规范 GUI设计基础 WUI设计基础 UE用户体验 项目设计流程 原创作品制
UI 设计需要学习什么理论知识?
(1)色彩搭配和版式处理 , 这块主要就是学的就是我们平时在UI设计中 , 设计时用的颜色和界面的版式这块 。


特别声明:本站内容均来自网友提供或互联网,仅供参考,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。