在做UI设计时,您需要掌握什么样的发展知识
有些朋友有疑问,您是否需要掌握一些发展知识来进行UI设计?
我认为有必要了解,但没有必要过于深入研究。
那么你怎么理解?让我教你一种方法(你需要一个Android手机来做到这一点,但如果你有一个苹果手机没关系,你还会在阅读这篇文章后获得一些东西!)
今天的大纲如下:
1.首先找到开关以打开页面布局
2.了解布局中的三个元素
3.举个例子
4.需要注意的事项
今天的大纲如下:
1.首先找到开关以打开页面布局
2.了解布局中的三个元素
3.举个例子
4.需要注意的事项
1.首先找到开关以打开页面布局
我们需要打开开关,首先显示页面布局,这是我们今天学习的基础。
首先打开Android手机的设置页面:
查找“开发人员选项”,然后单击以输入:
然后查找“显示布局边界”,打开交换机后,您将获得以下页面,具有各种帧:
这是我们今天要学习的效果。现在可能看起来有点钝,但是当我将它介绍给您时,您将了解开发和实施页面的基本原则!
2.了解布局中的三个元素
如果您想了解原则,您必须知道框架上方的各种形式的框架和颜色!
事实上,只要我们仔细观察,我们会发现只有三种形式的内容。
首先:
这种矩形是控制区域,可能包含文本,按钮,图片等!
第二种类型:
该紫色矩形是指控制之间的间距。
第三种类型:
只剩下白区域,这是严格的透明区域。这部分内容是控制内的间距:
知道这三个内容,如果你再看看这个页面,你会知道开发兄弟如何实现这个页面?
如果您仍然不明白,让我们举个例子。
3.举个例子
让我们看看如何实现以下领域:
通过这种方式,完成了一段内容的布局,然后把东西放在相应的地方!
4.需要注意的事项
让我说要注意的话,我们在我们的工作中经常遇到的问题,请参阅下面的图片:
两行文本(红色部分中的12像素)之间存在一个空间,但是当我们查看开发布局时:
两个文本控件之间没有空间。
换句话说,实际上,字体控制本身在顶部和底部之间具有一定的间隔。如果我们此时仍然将间距标记为12个像素,则线间距将大于设计选秀,因此请务必使效果图标注释考虑良好,因此在后来的实施中它将不可避免地进行微调。
总结一下
如果没关系,您可以查看开发的布局,以便您对页面实现更深入了解。
(北京java培训靠谱的机构)