部分视频内容:设计立体链接样式
立体效果设计技巧:
利用边框线的颜色变化来制造视觉错觉。可以把右边框和底部边框结合,把顶部边框和左 边框结合,利用明暗色彩的搭配来设计立体变化效果。
利用链接背景色的变化来营造凸凹变化的效果,链接的背景色可以设置相对深色效果,以 营造凸起效果,当鼠标指针经过时,再定义浅色背景来营造凹下效果。
利用环境色字体颜色(前景色)烘托这种立体变化过程。
本案例定义的网页链接在默认状态下显示灰色右边框线和灰色底边框线效果。当鼠标指针经过时则清除右侧和底部边框线,并定义左侧和顶部边框效果,这样就利用错觉设计出了一个简单的凸 凹立体效果。具体操作步骤如下。具体操作见视频。
已有 22658 名学员学习以下课程通过考试
最需教育客户端 软件问题一手掌握
去 App Store 免费下载 iOS 客户端
点击加载更多评论>>