设计CTA的用意一方面是让结尾不会来得太突然,另一方面是想在网页的最後再来一个「Call To Action」。
由於上面已经有蛮多不同样式的设计区块了,所以CTA就简单带个标题、email的input就好!CTA一样会是以满版的方式去设计,背景颜色会使用Primary (#9B3C05),文案颜色则会使用Secondary (#FDFCFC)。
Grid System的分配方面,左方会是标题,右方会是Input。这边还是要再提醒一下大家:「记得不管目前文案字数为多少,都要多留位置唷!」,因为你不会知道你*8主管或是G*客户会不会突然说要多加字或是什麽的(xxxxxxxx)。所以,这边的分配将会是「标题占6栏,Input占6栏」。
满版背景
标题
Input
Button
调整间距
因为已经到了设计的倒数第二个区块了,所以要用到的技巧都是之前有提到过的东西,但这边还是会再三强调要注意如何对齐Grid System,以及空间分配唷!
那明天再来设计最後一个区块吧!
<<: 第13车厢-table界的神器!DataTables介绍篇(3)
昨天後来在看效果时,有发现过渡动画的元素已经完全超出卡片组件的范围了,这个不是我们想要的效果 理想...
Hi,こんにちは,我是Charlie! 在Day02当中,我们开始了新专案,并且刻出了首页。 今天,...
今天我们来做各姓氏人口数分布地图,新增一张工作表名称为「107年6月_台湾各姓氏人口数分布地图(预设...
=x= 🌵 建立 Overview Manager - Content Page 後台页面。 Yac...
阵列资料处理 - forEach 会将阵列中的每一个元素资料进行处理 使用范例 let dataLi...