关于安卓界面设计的知识点和设计规范,25学堂分享了很多东西。 而且大多和安卓官方的知识点在一起,并不是在实践中得到的。 今天不一样。 感谢您分享厚朴工作室的安卓设计经验。 25学堂特意转载与大家分享。
此外,进入2014年,很多网友对安卓用户界面的设计表现出浓厚的兴趣,安卓用户界面开发的自绘控制和游戏制作都离不开绘画的基础。
部分Android界面设计初学者教程的常用格式
Android定义了自己的样式和UI规范,设计时不仅要注意通用的人机交互,还要注意与IOS系统的差异。
a .触摸反馈
利用颜色和光线作为触摸的反馈,强调交互结果,提示可以使用哪个操作,不能使用哪个操作。
图2
b .安卓设计中的48dp法则原则
通常将48dp作为可触摸UI设备的标准。
为什么要用48dp?
一般来说,48dp将转换为物理大小,约为9mm。 的目标大小在7-10之间,这是用户手指可以准确舒适地触摸的区域。
如果你设计的元素高度和宽度至少为48dp,我可以保证:
(1) .触摸目标不会小于建议的最低目标(7毫米),无论显示在任何屏幕上。
)2) .整体信息密度与触摸目标大小取得了很好的平衡。
各UI要素之间的空白通常为8dp。
简单来说,px (像素)是我们的UI设计师在PS上使用的,同时也显示在手机屏幕上,dp也是开发和书写layout时使用的大小单位。
c .安卓设计的常规字体
人工4.0(icecreamsandwich )之后使用的字体是Roboto。
分项安卓界面设计经验分享
我们知道,建立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,记录不同分辨率转换的结果,便于技术人员开发。
如果需要在设计文稿上添加后置标记,可以使用此标准集标记设计文稿的大小、颜色和间距。 我推荐一个方便标记设计稿的小工具,马克曼。 这是adobe插件,因此可以与PS同步。 在标记man中打开psd源图进行标记。 如果对psd源图进行了更改,则可以在更新后同步到标记man文件。
h .兼容性测试
完成的设计稿进行物理机的测试很重要。 电脑屏幕上的效果和手机屏幕上的效果可能不一样。 必须测试所有常见的三种分辨率。 当然,最好能测试所有的分辨率,但这取决于你有多少机灵的手机,或者你身边有多少机灵的手机朋友。
如果你想成为一个好的用户界面设计师,请务必从规范开始。 大多是细节的东西,在于积累。
快速查看安卓和iPhone手机界面的设计规范,包括设计效果图时应该注意的手机分辨率、界面大小、图标大小和切片方法。 点击观看视频
j、安卓插图入门教程共享
设计和剪裁APP的基本知识点和注意事项。 点击更多阅读安卓的切法