页面设计
将创意首先在Photoshop中以图片的方式实现,是决定一个网站好坏的核心所在。以下呈现的是涉及Photoshop的教程,其中包括如何创建网站界面、文字效果、照片编辑等内容。
今天延续上篇文章涉及的内容,给大家提供两款我个人动手创建的播放按钮和它们的PSD文件。这两款播放按钮大小一样,颜色都使用了相同的橙色,但由于创建的高光和阴影的不同让它们在质感以及结构上看起来有所差异。
在网页设计中创建背景材质通常是根据设计方向展开设计的第一步,也是确定设计基调的重要环节。虽然大多数情况下,网页背景材质是非常细微和低调的,但是由于整个背景的范围较大,所以会给人强烈的心理感受。所以这篇文章中,我会就网页背景材质创建过程中常用到的方法做一总结,希望对于大家在设计中的开头步骤能够给与帮助的参考。
网页设计是UI设计的一部分,其中的思路和方法都是相通的,所以有时候拿图标的设计来练手是非常好的扩展网页设计思路,提高设计能力的方法。再将图标放置到背景之上,加上日历等其他附属信息也就是一张非常漂亮的桌面壁纸了。所以值此情人节到来之际,飞鱼的声纳首先祝有无情人的各位情人节都快乐!
标签式按钮常常用在附属导航中,线条非常漂亮,下面是具体实现步骤。新建一个文档,580像素宽,290像素高,白色背景,其他选项默认。给前景色选择一种灰色,我这里用的颜色是#898989,使用Alt+Delete键给背景图层填充此颜色。然后新建一个图层,选择圆角矩形工具(U),工具栏上选择路径属性,半径10个像素,在图层中画出路径形状,
iphone和ipad中的亚麻布纹背景看上去非常细腻而又不乏质感,给人以人性的柔和的感觉。这样的材质不仅可以出现在UI里,当然也可以应用到网页设计中,所以这篇文章里我就来介绍一下如何在Photoshop中创建这样的背景材质。Ctrl+N新建一个文档,680像素宽,390像素高,背景白色,其余保持默认,点击确定。新建文档的大小要比你最终想要的图片大小大一些,基本上上下左右各留出50像素。
一、新建一个文档,640像素宽、480像素高,白色背景。接下来新建一个图层,填充为#e2e2e2,重命名为”bg”,在图层面板中右键单击”bg”图层,选择”转换为智能物件(Convert to Smart Object)”。然后给该图层应用”滤镜(Filter)>杂色(Noise)>添加杂色(Add Noise)”命令。各项参数设置如下图所示:
在PremiumPixels上看到N多可供下载的网页设计PSD文件,都非常精美。但它只提供了现成的文件,并没有提供教程,那么我就通过源文件自己摸索,向Orman Clark学习一下如何做出如此漂亮的作品。以下是个人摸索的具体步骤:
