推荐阅读
![详细解析网页无边框按钮的优劣点](https://img.sucai999.com/bIS1dEpwM4e4ez5xOoC%7BMnOwcT%3AlM3%5BqcHVwNkByOz9xOkF2M%7BF1PUd1PUBxNkBzNUJvboCo.jpg)
详细解析网页无边框按钮的优劣点
导览列对于多数手机 APP 而言是个很重要的元素,它不但可以让使用者明确的了解目前所开启的功能名称,在许多时候还是放置导航与重点功能的一个区域。在以往,当导航列上出现可以点击的按钮时,设计师在视觉表现上都力求让用户知道是个按钮,直至 iOS7 的去材质化设计理念,将这些地方的按钮的形态去掉、仅剩下符号与文字告知用户该「按钮」的功能。传统上,大多数的按钮外观都被设计成拥有具体的形状范围,除了可以有效的提示使用者这是个「可以被点击」的按钮组件之外,还可以有效的让用户知道这个按钮的「作用范围」在哪里,以防误触到相邻的按钮。这点这在许多地方相当有用,尤其是按钮相当多的屏幕小键盘或计算器,就需要让用户知道按键的实际感应范围在哪里。桌面系统与触控系统大不同其实在导览列上去除每个按钮实体的形状并不少见,像是计算机系统中也是有许多组件的长相也不诺我们认知中的按钮,比如说系统列,其实就是一串按钮的集合体。计算机系统的主要操作方式是透过鼠标光标,当按钮拥有实体范围时,它可以帮助用户确认按钮的大小及位置,使鼠标光标准确地移动至按钮上方点击,而遇到像导览列或是工具栏的地方,因为导览列本身已经有实体范围了,并且也可以利用 hover 特效,帮助用户进一步确认光标与按钮之间的关系。
![用钢笔、通道和曲线的抠图技巧](https://img.sucai999.com/bIS1dEpwM4e4ez6xdz25fIdvZ35weYCtc3Gl%5Bnmt%5BT9zNEFzNENwNkRwNElyPEV1PUZ6Nj6rdHd%3E.jpg)
用钢笔、通道和曲线的抠图技巧
一、打开素材观察,发现此图并不难抠。比较难的是: A、头顶的几根细发和左手边发髻, 对此我们将用曲线调整。 B、左脸颊,左臂的网格衫与背景界限不清。对于界限不清,我们常用钢笔工具抠。 二、选择钢笔工具,图片放大到300%,抠出人体部位(不包括细发)。
![相对路径和绝对路径在网页中的用途](/statics/article/imgs/default.gif)
相对路径和绝对路径在网页中的用途
经常听到网友苦述自己的网页中有许多图片不能正常显示,究竟为什么不能正常显示呢?总结其原因绝大部分都是因为使用了错误路径所致。网页中的图像、动画等素材都有自己固定的存放位置,网页只是通过路径使用HTML语言来调用它们,然后把它们显示在网页中。在网页中的路径大体可分为相对路径和绝对路径,大家(尤其是初学网页设计的朋友)往往对它们不够认识,在应该使用相对路径的地方使用了绝对路径,从而导致浏览器无法在指定的位置打开指定的文件,使素材不能正常显示。 那什么是相对路径?什么是绝对路径呢?为什么使用了绝对路径有时就不能显示呢?让我们一起来认识一下它们吧。 比如C盘的My Pictures目录下有一个tp.jpg图像,那么它的路径就是c:My pictures p.jpg,其实这种完整地描述文件位置的路径就是绝对路径。如网页index.htm中有一张图片tp.jpg,它们的绝对路径是: c:My picturesindex.htm c:My pictures p.jpg 如果你使用了绝对路径c:My pictures p.jpg进行图片链接,那么在本地电脑中将一切正常,因为在c:My pictures下的确存在tp.jpg这个图片。但你将它们上传到网站服务器上后,就不会正常了,因为服务器给你划分的存放空间可能在C盘其他目录中,也可能在D盘其他目录中,总之不会那么巧的就是c:My pictures。那么图片路径应该如何设置呢?这里就必须使用相对路径了,所谓相对路径,顾名思义就是自己相对与目标位置。在上例中index.htm中连接的tp.jpg就可以使用My pictures p.jpg来定位文件,这样不论将这些文件放到哪里,只要它们的相对关系没有变,就不会出错。具体的链接方式是这样的:“..My picturesimg.jpg”,其中使用“..”来表示上一级目录,“....”表示上上级的目录,以此类推。 我们一起来看看初学的朋友可能犯的几个路径错误: 例1 c:mywedwedindex.htm
最新发布
![ps怎么做gif动图](/statics/article/imgs/default.gif)
ps怎么做gif动图
ps怎么做gif动图,下面我们来一起学习吧! 1、首先打ps,找到ps界面上右上角的“基本功能”进行点击,点击后弹出下拉框,在下拉框中选择“动感” 2、选择“动感”后ps界面上会出现“时间轴”,这时候就打开文件夹把要制作动图的第一张图片直接拖拽到ps界面。 3、在界面上的“时间轴”框里出现了“创建视频时间轴”点击创建。创建好后点击时间轴上添加图片的加号。如图。 4、在加号有二个,我们选择的是图片添加,另外一个是添加音乐(因为创建的是创建视频时间轴)。这时候点击加号把文件添加进去,可以用鼠标多选文件来把文件一次性添加进去。
![ps矩形工具怎么用](/statics/article/imgs/default.gif)
ps矩形工具怎么用
1、打开PS软件,打开图片素材。 2、点击矩形工具或是按M键,进行矩形工具模式。 3、点击鼠标定位并拖动创建矩形选区。 4、点击移动工具,就可以把PS矩形工具选的区域移开。
![ps渐变工具怎么用](/statics/article/imgs/default.gif)
ps渐变工具怎么用
1、打开PS软件,点击文件中的新建,新建空白文档。 2、点击PS工具栏上的矩形工具,绘制一个矩形选区。 3、点击PS工具栏上的PS渐变工具,设置渐变颜色。 4、鼠标点击并拖动后,即可以创建渐变效果。 以上介绍的是就是ps渐变工具怎么用的方法。希望能帮助到大家!
![ps快速选择与魔棒工具的区别](/statics/article/imgs/default.gif)
ps快速选择与魔棒工具的区别
1、点击PS工具栏上面的PS快速选择。 2、点击后按住鼠标不放,并拖动就可以选择区域了。 3、再点击PS工具栏上,再点击魔棒工具。效果如下: 4、然后就可以点击空白,不用拖动就可以选择相关选区。效果如下: 以上就是介绍的是ps快速选择与魔棒工具的区别,是不是很简单啊!
![PS填充前景色是使用什么快捷键](/statics/article/imgs/default.gif)
PS填充前景色是使用什么快捷键
1、打开PS软件,打开图片素材。效果如下: 2、点击前景色图标,弹出拾色器,选择颜色区,点击确定。 3、然后同时按下Alt+Delete键。就可以素材图片填充为前景色了。
![ai智能建立100个画板](/statics/article/imgs/default.gif)
ai智能建立100个画板
1、打开【AI】软件,点击【文件】菜单,点击【新建】功能。 2、点击【打印】,点击【B5】,画板设置【100】.点击【创建】。 3、ai智能建立100个画板就完成了。
![ai怎么设置画布大小](/statics/article/imgs/default.gif)
ai怎么设置画布大小
1、打开【AI】软件,新建一个【空白】文档。 2、点击【属性】里面的【编辑面板】。 3、然后就可以修改【宽与高的参数】。预设自动变成【自定】。 4、这样画板就改变了大小。 以上就是ai怎么设置画布大小的方法,希望能帮助到大家。
![ai怎么移动画板](/statics/article/imgs/default.gif)
ai怎么移动画板
1、打开AI软件,新建文档,绘制一个LOGO。 2、点击属性面板,点击编辑画板, 3、然后就可以移动面板。效果如下: 4、移好后,点击属性面板上面的退出。 以上介绍的是ai怎么移动画板的方法,希望能帮助到大家。