首先,需要了解什么是ad mark点。AD Mark是一种符号,一般用于标记一个广告位的位置,以便下次编辑时方便快捷的找到这个广告位。
在制作网站、APP或者其他形式的数字媒体时,我们难免要为客户设计广告位的UI(User Interface)。对于页面的设计,这些广告位固定的位置就很重要。而AD Mark点就是用于标记广告位的固定位置的符号。在设计广告UI时,我们会在这些广告位上增加AD Mark点。
在设计广告位的UI时,我们可以使用众多的层来放置AD Mark点。一般来说,我们可以使用H1、H2、H3、H4、H5、H6、DIV等标签或者是CSS中的background来放置AD Mark点。
使用H1、H2、H3等标签放置AD Mark点的好处是,可以在网页上随意移动。但是,这样有个缺点,就是若页面文字较多,这些标签就容易被覆盖,AD Mark点也就很难看见。
因此,我们可以使用DIV或CSS中的background来放置AD Mark点。这样做的好处是可以将AD Mark点放置在背景层,不会轻易被覆盖,也不会影响文本展示。
AD Mark点可以根据广告位的不同设置不同的颜色和形状。在设计广告位UI时,我们一般会根据客户的品牌色或页面整体色调来选择AD Mark点的颜色。一般来说,选择醒目的颜色,例如红色、黄色等。
关于形状,我们推荐使用较为简单的图形,例如圆形、三角形等。这些简洁明了的图形不仅美观,而且易于识别和辨别。
在代码中添加AD Mark点,一般有两种方法。一种是使用HTML代码,在需要的地方加入以下代码:
<div class="ad-mark"></div>
这样可以在代码中添加一个DIV标签,并设置class为ad-mark,通过CSS设置该标签的样式。另一种方法是使用CSS中的background,在需要的元素上加上以下代码:
background-image: url(ad-mark.png);
其中,ad-mark.png是我们预先设计好的AD Mark点的图像。这样,页面中就会呈现出我们预先设计好的AD Mark点。