【Android开发经验】Android举UI设计经验

转载请注明出处:http://blog.csdn.net/zhaokaiqiang1992

1.Android眼下的主流设备分辨率为480×800、720×1280、1080×1920,单位是像素。在做界面设计的时候请重点关注这几个分辨率。

2.在制作高清原型图的时候。推荐使用729*1280像素作为基础分辨率,这个尺寸720×1280中显示完美。在1080×1920中看起来也比較清晰。切图后的图片文件大小也适中,应用的内存消耗也不会过高。

3.假设能够的话。推荐使用android从4.0之后推出的HOLO风格的主题,从而保持与其它应用一致的使用体验。

4.不要将分页的标签栏放在底部。Android的UI规范是设计在最上面。

5.在720×1280分辨率下。对用户来说,正常文本的大小是27px较舒适,凝视文本21px较舒。

6.在设计移动client的时候。记得时刻遵守48dp原则。我们通常把48dp作为可触摸控件的标准。

这是由于。一般来说,48dp 转化为一个物理尺寸约9毫米。建议的目标大小为
7-10毫米的范围,这是一个用户手指能准确而且舒适触摸的区域。

假设你设计的元素高和宽至少 48dp,你就能够保证:

(1)触摸目标绝不会比建议的最低目标(7mm)小,不管在什么屏幕上显示。

(2)在总体信息密度和触摸目标大小之间取得了一个非常好的平衡。

7.在每一个UI元素之间,最好保留8dp的空白区域。

8.不要在界面上使用太多大小的字体。以下是Android系统中使用的字体。



watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemhhb2thaXFpYW5nMTk5Mg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" >

9.为软件选择一个总体的色调,这能够帮助用户对软件的界面印象深刻。

10.操作栏图标是平面的button,代表用户在你的app中能够使用到的最重要的操作。每个图标都应该用简单的比喻来传达一个单纯的概念,并让大部分人都能一目了然。

尺寸和缩放 手机的操作栏图标是 32x32dp。

焦点区域和大小 总体大小 32x32dp图形区域24X24dp

风格 象形,平面,不用过于细节,流畅的曲线或尖锐的形状。假设你的图形太长条(如电话、书写笔),向左或向右旋转45°,以填补空间的焦点。

描边和空白之间的间距应至少2dp。

11.在你的app中,使用小图标提供操作或特定项目的状态。比如,Gmail
app,消息前的星形图标,标记为重要消息。

尺寸和缩放 小图标为 16x16dp

焦点区域和大小 总体大小 16x16dp可视区域12X12dp

风格 中性,平面,简洁。

使用填充形状比细描边更easy看到。

使用单一的视觉隐喻,使用户能够非常easy地识别和理解它的目的。

12.假设在你的应用中,须要写一些句子。请尽量依照以下的准则来做。

(1)保持简短。简明,简单,准确。

从限制使用
30 个字符(包含空格)開始,除非必要绝对不添加字符。

(2)保持简单。

假装你正在与一个精明能干的人说话,但他不懂技术术语、英语不是非常好。使用简短的话,主动动词,和普通名词。

(3)保持友好。使用缩写。直接使用第二人称(“你”)。假设这不是你休闲对话时会用的句子,那大概它也不适用于此。

避免唐突和骚扰,使用户感到安全,愉快,充满活力。

(4)先讲最重要的事情。前两个单词(约 11个字符,包含空格)至少应包含一个最重要的信息。

假设不是这样,又一次開始。



watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemhhb2thaXFpYW5nMTk5Mg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" >

(5)仅描写叙述必要的。

不要试图解释细微的区别。

(6)避免反复。

假设一个重要的词在一个界面或一段文本内不断反复,想办法用它只有一次。

时间: 2024-11-03 05:36:08

【Android开发经验】Android举UI设计经验的相关文章

Android移动UI设计经验总结

转载请注明出处:http://blog.csdn.net/zhaokaiqiang1992 1.Android目前的主流设备分辨率为480×800.720×1280.1080×1920,单位是像素.在做界面设计的时候请重点关注这几个分辨率. 2.在制作高清原型图的时候,推荐使用729*1280像素作为基础分辨率,这个尺寸720×1280中显示完美,在1080×1920 中看起来也比较清晰:切图后的图片文件大小也适中,应用的内存消耗也不会过高. 3.如果可以的话,推荐使用android从4.0之后

关于Android开发的免费UI设计工具

推荐使用 http://pencil.evolus.vn/ 它在全平台上都可以安装使用,同时也包含了 Android Material Design 的一些组件库 非常方便使用与 APP 开发过程中的原型设计 提供两个 Material Design 的开源素材地址 Widgets(组件): https://github.com/nathanielw/Android-Lollipop-Pencil-Stencils Icons(图标): https://github.com/nathanielw

Android中UI设计的一些技巧!!!

出处:http://blog.csdn.net/android_tutor/article/details/5995759 大家好,今天给大家分享的是Android中UI设计的一些技巧,本节内容主要有两点:一是Android按钮(Button)的UI设计,二是:ListView以及GridView的UI设计. 按钮的状态: 我们一般搞UI设计,按钮通常有三个状态:normal(正常状态);focus(焦点状态),pressed(按下状态).如下图所示:                      

Android实践--Android Http 客户端编程之GET

Android Http 客户端编程之GET 说起Http编程,不尽然想起GET和POST两种请求方式,本文以简洁明了的的步骤和说明,将Android中常用的Http编程的方式列举出来,给刚刚在Android路上起步的奋斗者参考和指引,希望快速上手应用Android Http编程的同仁可以先绕过下面一段话. 做一件事之前,我们是否能驻足想一下要做这件事,我们需要做哪些工作,然后在经验中积累出模板思路和步骤,在程序界通常用设计模式来概括这些工作良好的解决方案.有了这些总结积累,这样我们就能举一反三

中软国际教育UI设计:2017年UI设计就业前景趋势

随着计算机的普及应用,人们对计算机的要求越来越高,从而衍生了诸多计算机行业,比如编程类.美工类.硬件类等等.那么今天软妹子就给各位剖析UI设计师就业前景. 移动互联网的发展带动了UI设计行业的兴起, 目前UI即用户界面设计行业刚刚在全球软件业兴起,属于高新技术设计产业,与国外在同步发展水平. 国内大型互联网企业越来越注重网站和产品的交互设计及用户体验,UI 设计必将越来越火,目前国内外一批互联网巨头企业,如腾讯.YAHOO.中国移动.联想.网易.华为.中软.微软.盛大.淘宝等纷纷成立了 UI 设

【Android UI设计与开发】8.顶部标题栏(一)ActionBar 奥义·详解

原文地址:http://www.cnblogs.com/yc-755909659/p/4290784.html 一.ActionBar介绍 在Android 3.0中除了我们重点讲解的Fragment外,Action Bar也是一个非常重要的交互元素,Action Bar取代了传统的tittle bar和menu,在程序运行中一直置于顶部,对于Android平板设备来说屏幕更大它的标题使用Action Bar来设计可以展示更多丰富的内容,方便操控. 二.ActionBar的功能 用图的方式来讲解

【Android UI设计与开发】顶部标题栏(一)ActionBar 奥义·详解

转自:http://www.cnblogs.com/yc-755909659/p/4290784.html 一.ActionBar介绍 在Android 3.0中除了我们重点讲解的Fragment外,Action Bar也是一个非常重要的交互元素,Action Bar取代了传统的tittle bar和menu,在程序运行中一直置于顶部,对于Android平板设备来说屏幕更大它的标题使用Action Bar来设计可以展示更多丰富的内容,方便操控. 二.ActionBar的功能 用图的方式来讲解它的

Android UI设计之<十>自定义ListView,实现QQ空间阻尼下拉刷新和渐变菜单栏效果

转载请注明出处:http://blog.csdn.net/llew2011/article/details/51559694 好久没有写有关UI的博客了,刚刚翻了一下之前的博客,最近一篇有关UI的博客是在2014年写的:Android UI设计之<七>自定义Dialog,实现各种风格效果的对话框,在那篇博客写完后由于公司封闭开发封网以及其它原因致使博客中断至今,中断这么久很是惭愧,后续我会尽量把该写的都补充出来.近来项目有个需求,要做个和QQ空间类似的菜单栏透明度渐变和下拉刷新带有阻尼回弹的效

移动端UI设计越来越流行的高斯模糊(Gaussian blur)和毛玻璃效果(磨砂效果),如何使用Android RenderScript简单实现?

高斯模糊(Gaussian blur)和毛玻璃效果(亦称磨砂效果),近两年在移动端的UI设计上越来越流行,特别是iOS手机上出现的较多,iOS系统也提供了相应的API帮助开发人员分分钟实现这两个效果.而Android系统则经历了一个漫长的探索过程,对图片的处理,从Java算法到NDK方式实现等,各种摸索层出不穷. 值得欣慰的是,Google终于在API 11中引入了 RenderScript ,一个强大的图片处理框架,帮助Android开发人员专注于图片处理算法而不是API的调度工作.使用Ren