搜索表单只需要设计必要的输入项,并提供合理的默认值即可。搜索表单包括,如图5‑34所示的几种。
图5‑34 搜索表单的种类
表单设计不能设置过多的搜索选项,以免造成用户选择困难。本节将介绍搜索表单的设计制作,图5‑35所示为制作流程图。
图5‑35 制作流程图
01 打开素材图片,使用“圆角矩形工具”绘制圆角矩形,如图5‑36所示。
图5‑36 绘制圆角矩形
02 为图层添加“斜面和浮雕”“描边”和“内阴影”图层样式,如图5‑37所示
图5‑37 添加图层样式
03 单击“确定”按钮后的图像效果如图5‑38所示。
图5‑38 图像效果
04 使用“横排文字工具”输入文字,并绘制图形,如图5‑39所示。
图5‑39 输入文字并绘制图形
05 使用“圆角矩形工具”绘制圆角矩形,如图5‑40所示。然后修改混合模式为“正片叠底”,并为图层添加“描边”和“投影”样式,如图5‑41所示。
图5‑40 绘制圆角矩形
图5‑41 添加图层样式
06 执行确定操作后的图像效果如图5‑42所示。在矩形内绘制一个小矩形,并为图层添加“内阴影”和“渐变叠加”样式,如图5‑43所示。
(www.xing528.com)
图5‑42 图像效果
图5‑43 添加图层样式
07 单击“确定”按钮后的图像效果如图5‑44所示。
图5‑44 图像效果
08 使用“横排文字工具”输入文字并绘制箭头,如图5‑45所示。
图5‑45 输入文字并绘制箭头
09 将三个图层整理在一个组中,然后复制组,并修改文字、调整位置,如图5‑46所示。
图5‑46 复制并修改
10 再次绘制一个矩形,为图层添加“渐变叠加”样式,如图5‑47所示。
图5‑47 添加“渐变叠加”图层样式
11 单击“确定”按钮后的效果如图5‑48所示。
图5‑48 图像效果
12 输入文字并复制箭头、修改颜色,如图5‑49所示。
图5‑49 输入文字并复制箭头13
使用绘图工具绘制三角形,完成搜索表单的制作,如图5‑50所示。
图5‑50 完成制作
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。