安卓设计规范 (卡口设计规范)

时间:2024-09-20 17:29:24 来源:风铃百科 作者:管理员
安卓设计规范 (卡口设计规范)

Android规划标准为什么不推重底部标签了
1、尺度以及分辨率: Android的界面尺度比较盛行的有:480*800、720*1280、1080*1920,咱们在做规划图的 时分主张是以 480*800的尺度为标准; 2、界面根本组成元素: 界面根本组成元素包含:状况栏+导航栏+主菜单栏+内容区域;以480*800的尺度为标准下的 各个元素的高度(其实导航栏和菜单栏每一个运用都或许不一样,android关于尺度没有太清晰的 数据标准)如下: 3、字体: Android 体系中,Droid Sans 是默许字体,与微软雅黑很像; 4、操作栏: 1、”操作栏”关于 Android 运用来说是最重要的规划元素,它通常在运用运转的全部时刻都呆 在屏幕顶部; 2、 操作栏的根本布局: 1向上+2 Spinner视图操控+3 重要操作按钮+4 更多操作:其间,向上按钮,点击后是去到 当时界面的上一个层级,非榜首层级界面有此按钮,榜首层级界面则无向上按钮;Spinner 是 用于展示内容的下拉菜单,其内容包含视图的快速切换和显现相关内容的完好信息;更多操作 (action overflow)是调集操作栏中不常用的和非重要操作的当地。 5、多面板布局: 多面板布局更多的是针对平板电脑,把手机端的目录视图和概况视图两个层级的界面,乃至更 多的页面,复合展示在同一个界面中,有效地运用平板电脑的屏幕空间,扁平化层级结构,简 化导航。这点在iPad上现已运用得适当娴熟了。 6、挑选: Android4.0中的长按与Android2.3及更前期的版别有很大的不同。前期版别长按操作后,是 呈现情境菜单的浮出层。在Android4.0中,长按后在操作栏的方位会掩盖一个暂时的情境操 作栏,不再弹出情境菜单浮出层。在暂时情境操作栏的环境下,当时界面的内容项答应被单个 处理,也答应被批量处理。 7、回来和向上: 回来按键用在手机大局的虚拟导航栏中,依据用户最近检查的界面前史,选用时刻倒序的方法, 衔接界面间的联系。向上按钮用在操作栏的左面,依据层级结构,点击后是去到当时界面的上一 个层级,若当时界面现已是最高一级,则没有向上按钮。 8、主题款式: 推出三套默许主题:Holo淡色主题、Holo深色主题、Holo淡色底+深色操作栏主题。主推app在 这三套默许主题的基础上做规划,以加速app研制功率,但仅仅主张运用,并没有彻底强制。 9、接触与反应: 用户接触运用中的可操作区域,应当在视觉上有呼应,细小的反应会给用户带来很好地作用; 10、按钮: 1、按钮的3种体现方法如下图: 2、关于仅包含图标的按钮,不需求运用布景色; 11、滑块: 滑块的几种体现方法如下图: 12、进度条: 假如某个操作需求花费很长的时刻,就需求用进度条的指示和旋转圈的方法来表明: 1、假如你能够知道当时使命完结的份额,那么运用进度条,让用户了解大约还需求多久才干完结; 2、当运用旋转圆圈时,不要配以文字标签。旋转的圆圈现已表明晰正在进行后台操作。 13、开关: 用户经过开关作出挑选,包含3种方法:复选框+单选按钮+开关; 1、复选框:用户能够在一个调集中作出多个挑选: 2、单选按钮:单选按钮答运用户在一个调集中做一次挑选; 3、开关:开关操控单个选项的状况; 14、对话框: 运用经过对话框让用户作出决定或许填写一些信息, 1、对话框的左面一般情况下是撤销按钮,右边是承认按钮; 2、正告对话框:关于履行下一步操作前恳求用户承认或许提示用户当时的状况。内容不 同,布局也会不同; A:没有标题栏的正告对话框:内容区应当包含一个问句或与操作有显着相关的陈述句: B:有标题栏的正告对话框:仅在有或许引起数据丢掉、衔接断开、收费等高危险的操作 时才运用。而且标题应当是一个清晰的问题,内容区供给一些解说。 3、弹出对话框:一般情况下用户经过接触来作出挑选; 4、toast提示:toast供给了轻量级的反应,显现几秒钟之后会主动消失; 15、挑选器: 挑选器供给了一种简略的方法,让用户在多个值中挑选一个;除了能够经过点击向上/向下 按钮调整值以外,也能够经过键盘或许手势。 16、奉告: 1、根本布局:主要包含的方法结构图如下如: 2、扩展布局:可经过扩展布局显现信息的前几行或许图片的预览,来让用户了解更多的信息; 3、操作:将重要的操作按钮图标在奉告栏目展示出来,这样能够加速用户的操作; 4、兼并奉告:假如正在等候处理的奉告是平等类型,则就能够兼并奉告,兼并的奉告供给了 综合信息的描绘,并奉告用户有多少条未处理的信息; 5、你能够运用扩展布局为兼并的奉告供给更多信息,这样用户能够知道被兼并的音讯细节, 并挑选在运用中阅览奉告内容; 17、写作风格: 1、简略:只奉告用户最必要的信息,避免冗余的描绘,尽或许缩短文本长度; 2、简明:运用短词语、主动词和简略名词;仅阐明必要的信息,不要吃力解说,用户不会care的; 3、友爱:运用缩写;运用第二人称和用户对话(您或你);坚持随意,轻松的声调; 4、标点符号: A:句号:假如toast、标签或奉告音讯等控件中只包含一句话,无需运用句号作为结束。 假如包含两句或更多,则每一句都需以句号结束; B:省略号:省略号常用于未完结的状况, 例如表明操作进行中 (“下载中…”) 或是表明文 本未能彻底显现。 18、着重朴实的Android运用规划: 在Android4.0 app规划原则中,特别着重为Android规划朴实的Android app,切勿运用其 他渠道特定元素的注意事项,有以下5个方面: A:着重视觉元素的款式要契合android体系; B:不必其它渠道特有的图标; C:差异向上和回来,不在操作栏上运用回来款式的按钮; D:不在界面的下方运用选项卡tabs; E:不在内容列表里运用向右箭头。 19、其他细节: 添加许多新的交互细节、信息展示和视觉款式等标准: 1、新增了横滑移除内容的交互手势。在部分模块中,支撑向左或向右横滑移除内容的操作,如 最近使命和音讯奉告抽屉; 2、视觉的平面化用的越来越遍及了。
iOS和安卓的规划标准有何不同
iOS规划标准环绕一个中心,便是“模态”
安卓规划标准假如总结成一句话,便是“任何当地均可点击”
差异iOS和安卓规划的10个check points
1. 怎么大局导航:
iOS导航tab bar放在底部(顶部手短摸不着)
安卓导航tab个数少用固定tab,个数多用翻滚tab,都在顶部(安卓的硬按键在底部,避免误操作)
(假如品种太多,都能够运用左面抽屉规划)
2. 二级页页头导航条是什么次序:
iOS导航
1 向上箭头+上级页面标题
2 当下页面标题(居中,能够没有)
3 操作(一般就一个)
iOS不需求给出logo
安卓导航
1 向上箭头+logo+当下页面标题
2 Spinner(optional)
3 重要操作(或许多个)
4 更多操作 (省略号竖向)
安卓不需求指出上一级页面标题
3. 查找框规划
安卓查找点击放大镜进入查找
查找框=非模态窗口+左箭头+LOGO+输入框(占位符)
iOS7查找下拉滑出查找框进入查找
查找框=模态窗口,没有左箭头,没有查找按钮
4. 办理列表条目
iOS左滑能删掉条目
安卓长按操作条目(展示contextual menu或许contextual action bar)
ps:安卓4.0现已逐步承受手势操作,不那么严厉
5. 批量办理条目
iOS右上角有修改按钮,点击进入批量办理
安卓长按条目进入批量办理模态
5. 视觉
iOS主要内容白色,布景淡色,内容与布景衬线切割
安卓不运用布景,全部区域皆可点
6. 挑选分类
iOS运用scope bar或许左上角抽屉规划(汉堡包)
安卓运用下拉菜单spinner(可是很少规划师喜爱)
7. 操作工具栏
iOS一概放在底部,叫split action bar
安卓一概放在顶部右端,叫contextual action bar
8. 产品LOGO
iOS不在导航中显现logo
安卓每一个页面左面顶部都应该显现logo
9. 列表款式
iOS在条目上供给右箭头,提示更多内容(optional)
安卓不放右箭头,全部区域皆可点击,不需求额定提示
10. 按钮
安卓运用扁平方型按钮规划
iOS7主张borderless按钮规划
两者圆角尺度也不同
以上是想到的10处不同,我们能够拿着它去看安卓和iOS上哪些app是契合标准的,哪些app又彻底不明白标准?

OPSO restaurant by K-studio references "old Athenian eateries"

做手机界面规划的尺度是多少

从规划方面来看,做手机界面规划的尺度一般分为iPhone和Android两种设备。

假如以iPhone为规划设备,尺度一般是运用7501334,1125 x 2436,1242 x 2208这三种尺度规划都能够,7501334是2倍图规划,1125x2346和1242x2208都是3倍图来进行规划。

假如是用PS做规划稿就用750*1334,假如是用SKetch或许XD来规划,常见是用1倍尺度来说,也便是375*667或许375*812(iPhone X)。

假如以Android为设备进行规划,尺度一般运用7201280,10801920进行规划榜首种是2倍图,第二种是3倍图。

近年来iPhone和Android的设备增多,各尺度也逐步变多,下面有一份安卓屏幕尺度表:

以及一份iOS屏幕分辨率和尺度表:

扩展材料:

1、UI界面规划的根本要素:

机界面层级: idle(待机界面) Mainmenu(主菜单) Submenu(二级菜单)Third level menu(三级菜单) 界面除了包含图标和文字外,比较重要的还有function animation(呼叫,发送信息等) 以及 function interface(计算器,日历界面等)

清晰含义的图标,风格明显的版面规划是手机界面规划的重要工作,较为盛行的是以Motorola,Nokia等为代表的欧洲简略风格,以及韩国的时髦艳丽的风格。

2、规划注意事项:

尺度问题: 480800,540960,7201280,10801920象素尺度是较常见的手机屏幕尺度,在规划时能够依据实践产品要求进行规划,更大的屏幕能够有更多的交互体现和视觉元素的支撑,较为自在。

颜色问题: 因为手机lcd自身的约束,在颜色的复原程度上没有pc如此完善,因此在选用颜色时要依据运用的屏幕进行调理。

可完成性问题: 遭到硬件运算速度和内存的影响,以及不行估计的后台程序开发难度,过于杂乱的作用将很难进行完成,与程序工程师和ui工程师,硬件工程师的交流显得尤为重要。

参考材料来历:百度百科-手机UI规划


同级分类