Android界面设计新手教程和Android设计经验分享

关于Android界面设计的知识点或是设计规范,html5模板网跟大家分享了不少了,而且很多还是跟Android 官方的知识点,并没有真正体现出在实践中得出来的。今天就不一样了

关于Android界面设计的知识点或是设计规范,网站模版网(www.genban.org)跟大家分享了不少了,而且很多还是跟Android 官方的知识点,并没有真正体现出在实践中得出来的。今天就不一样了,非常感谢厚朴工作室的关于Android设计经验分享。网站模版网(www.genban.org)特地转载过来跟大家一起分享。

同时在步入2014年之际,很多网友对Android用户界面的设计表示很感兴趣,对于Android UI开发自绘控件和游戏制作而言掌握好绘图基础是必不可少的。

Mobile Design Pattern Gallery

第一部分:Android界面设计新手教程之常用形式

Android定义了自己的风格和UI规范,进行设计时除了要注意通用的人机交互,还要注意和IOS系统的区别。

 A. 触摸反馈

利用颜色和光作为触摸的反馈,强调交互行为的结果,暗示哪些操作能用,哪些操作不能用。

图2

 B. Android设计中的48dp定律原则

通常把48dp作为可触摸的UI元件的标准。
为什么要用48dp呢?

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

如果你设计的元素高和宽至少48dp,你就可以保证:

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

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

而每个UI元素之间的空白通常是8dp.

简单理解的话,px(像素)是我们UI设计师在PS里使用的(不解释),同时也是手机屏幕上所显示的,dp是开发写layout的时候使用的尺寸单位。

更详细的可以阅读《Android界面设计适配不同屏幕的尺寸和密度解读
  C. Android设计常用字体

安卓4.0(Ice Cream Sandwich)之后用的字体是Roboto。

 

第二部分:Android界面设计经验分享

我们都知道做UI的话,规范很重要,细节也很重要。下面分享的我们常用的photoshop软件操作经验分享。

  A. 对齐工具

 

多用PS顶部功能栏的这些对齐选项。

 

 

 

  B. 文本工具

 

点击即可进入编辑状态,建议使用此方法,尤其对于APP中经常出现的列表文字,每一行的字符少,单独分开,易于编辑和对齐。 点击后拖拉出输入框,适用于区块文字,成段文字,慎用。

 

  C. 图层命名

 

语义化命名,并进行合理分组

 

 

图5

 

  D. 图层效果

 

做UI,质感很重要。善用图层效果。

 

 

图6

 

  E. 参考线

 

拉好参考线,分好区块,开启智能对齐,有利于提高工作效率。

 

  F. 文件格式

 

Flie—Save for Web,保存为网络格式,切好的图可以直接分开保存。

 

  G. 规范标注

 

通常APP设计都会涉及到多个分辨率兼容开发的问题,因此设计的时候,要定好规范。最好建立相关文档,记录使用的字体、颜色,常用的字号和间距,给出编号A1 A2 A3 B1 B2 B3,不同分辨率下换算的结果,便于技术人员进行开发。

 

如需对设计稿进行后期的标注,则可使用该套规范,对设计稿中的字号、颜色、间距进行标注。推荐一个小工具,MarkMan,标注设计稿十分方便。因为这是一个Adobe的插件,所以可以和PS同步。在MarkMan中打开psd源图进行标注,若psd源图有所修改,刷新之后即可同步到MarkMan文件中。

 

  H. 兼容性测试

 

做好的设计稿进行实体机的测试很重要,因为电脑屏幕上看到的效果和手机屏幕上看到的效果可能不太一样。把常见的三种分辨率都要进行测试,当然能所有分辨率都测试一遍最好,不过这取决于有多土豪,或者身边有多少土豪朋友。

 

如果想做一个好的UI设计师,一定要从规范入手。很多都是细节的东西,在于积累。

i、移动APP界面设计新手入门篇的课程视频

快速了解Android与 iPhone手机界面设计规范,如在做效果图设计时需要注意的手机分辨率、界面尺寸、图标大小、如何切片等。点击查看视频

j、Android切图入门教程分享

APP设计和切图基本知识点以及注意事项。点击阅读更多的Android切图技巧

 

 

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

25学堂今天跟大家分享12张精美的移动模型素材分享,这12张素材你可以应用在你的移动APP项目当中或者是APP官网设计当中,顿时让你的作品高大上!下面的这12张移
如今再来看扁平化APP设计,还是那么的简洁漂亮!最重要的是扁平化的移动APPUI界面简单实用,对移动设计师来说,...最近,25学堂将会推出很多漂亮的移动APP应用模板(框
有创造性的APPUI设计往往可以大幅度提升用户体验的。那么好的移动APP设计干货和APP设计规范也是新手们的渴求的干粮。25学堂秉着分享和共同学习的原则,收集了
移动APP项目名称:易配货APP 2.0移动APP项目背景:易配货是传化物流产业集团为货主与司机打造的物流信息交易平台,基于诚信会员体系和移动互联技术,为会员
iOS切图神器,我想大家都不会很陌生啦,Cutterman也是目前移动端设计人员用的比较多的一款切图工具。还有25学堂之前推荐的在线切图工具和PS切图插件推荐等。
今天25学堂的小编跟大家分享一个国外优秀的图标字体酷站,也是一个在线编辑的SVG图标素材的酷站-SmartIcons.coSmartIcons 网站是一个提供了1500+个顶级图标和内建多种