推荐阅读
9个设计要素技巧制作出完美的搜索框
搜索框是我们最常用到的UI控件之一,它几乎存在于所有的网站和APP当中。许多人认为搜索框不需要设计,因为它似乎就是由两个最简单的元素构成的。在以内容为导向的网站中,搜索框的重要性会相对更明显,用户需要快速又无痛地找到他们想要的内容。而对于设计相对负责的网站而言,这个需求尤其明显。搜索框的可用性设计,是整个设计的关键。今天的文章我们来聊聊搜索框的设计,如何让用户尽量节省时间,搜到他们想要的内容。1、使用放大镜图标时至今日,搜索的概念和放大镜图标之间的关系已经深入人心,根深蒂固了。在日常最常用、最易于识别的几个图标当中,放大镜所带代表的搜索图标就是其中之一。即使在没有文本标签标识的情况下,用户也能轻松地识别图标的含义。小贴士:使用最简略直观的放大镜图标,细节越少,越容易识别。2、显眼的搜索输入框如果搜索是你的网站或者APP的重要功能的话,你应当让搜索框足够显眼,这样的能设计让用户最快发现它的存在。
phtotoshop给偏暗的荷花少女打造清新蓝天照片
原图效果图1、打开素材原图,复制背景图层。图层样式设置为“滤色”不透明度为50%2、创建可选颜色图层,对红、黄、绿、青、白 进行设置。参数设置如下图6、拖进天空素材,如下图
基础(23)如何快速在Dreamweaver CS3中编辑网页标签
图上画红框的地方,就是我们今天的主角了。我们先看一下“环绕标签”。在页面上随便打入几个字,选中它们,在右键菜单中选择“环绕标签”,在弹出的环绕标签对话框中输入“<strong>”(不包括引号),然后回车。之前被选中的文字是不是已经变成粗体了,到源代码看一下,我们所选中的文字是不是已经被<strong>标签包围了?大家可以试着再加入其它的一些标签,如:<a>,<p>。这里也可以直接输入属性。如:<p style="color:#CC0000">。这里仅大概说明一下,如有疑问,请查看Dreamweaver CS3的帮助。下面说一下标签选择器的应用方法。我们将光标移动到刚才加粗的文字里,会发现在<body>的后面多了个<strong>。这就是说光标所在处的这些文字的外面有<strong>的标签,在<strong>标签外有<body>标签。下面大家再添加一个表格,把光标移动到表格内,看看标签的结构。相信对HTML有些基础的朋友都应该很轻易理解的。假设我们现在要插入一个表格,并将这个表格用CSS来将它下移10个象素。先插入一个表格,然后交光标移动到表格内。这时在标签选择器上应该可以看到这样的字样<body><table><tr><td>。然后在table标签上点鼠标右键,会看到有四个选项。删除标签、编辑标签、设置类、设置ID。删除标签:即是将标签删除。(有一些非凡的标签是不能删除的。例如:<table>、<tr>、<td>、<body>...) 编辑标签:给标签附加属性、修改属性等。 设置类:给这个标签附予一个类。(即CSS的类别) 设置ID:给这个标签附予一个ID。(即CSS的ID)在这里,我们选择编辑标签,然后在后面加上属性style="margin-top:10px"和正常书写源代码的方式是一样的。然后按下回车。就完成了编辑。假如在Dreamweaver CS3里看不到效果,请用浏览器预览。还有另外一种方法,也许你会喜欢。选择窗口→标签检查器当你选择某一个标签后,这里会显示出当前选择标签的所有属性。也可以很快地在这里进行编辑。在这里输入的属性不用包括引号,编辑后按回车确定。这里我们只将方法告诉大家,希望大家能够从中受益。
Photoshop合成“蛋壳里的小鸡”
这个Photoshop实例主要运用了通道和套索工具,合成了一个蛋壳里的小鸡,先看下完成图吧:图:完成图 制作步骤: 1、打开一张素材图片。图:打开素材图片 2、抠出鸡蛋。打开通道面板,比较之后发现蓝通道中鸡蛋的边缘最明显,所以选择蓝通道,然后用磁性套索工具勾出鸡蛋的轮廓,平滑2个像素。图:抠出鸡蛋 3、Ctrl+J将鸡蛋复制出来,命名为蛋。图:将鸡蛋复制出来
最新发布
中画幅相机摄影 数码后背的入门
十年前,对于普通摄影爱好者来说数码后背还是商业摄影领域里高不可攀的器材,但近几年可以看到有部分玩家已经加入到数码后背的行列。 这里面一个很重要的原因是,中画幅相机与高端全画幅单反间的价格差距正在逐步缩小,入门级数码后背价格已在10万元上下,加之中画幅相机优秀的成像素质,这些都已成为刺激用户购买数码后背的潜在动力。 从现在开始,我们将按难易程度,分阶段向大家介绍数码后背的基础知识、基本操作、工作流程作以及各种不同类型的数码后背产品。 什么是数码后背 飞思PhaseOne 645DF中画幅相机与数码后背 数码后背是指安装中画幅相机上的数字成像和处理模块。数码后背的主要作即是取代原有的胶片后背,将照片数字化。目前的数码后背集成了传感器、屏幕、内存卡槽和电池等多种功能。 市售大部分数码后背都可以安装在哈苏V/H系列、康泰时、玛米亚等一系列中画幅机身上,近几年也出现了针对数码后背而专门设计的机身。飞思PhaseOne系统的PhaseOne 645DF就是里面的佼佼者。 PhaseOne 645DF是飞思与玛米亚联合开发的一款中画幅相机机身,适用于胶片和数码后背。作为一个开放平台,为满足各类摄影师的不同需求,该相机可以兼容其他数码后背系统。 数码后背最大优势在于压倒性的像素分辨率和优秀的成像效果。以飞思IQ系列为例,产品线覆盖8000万像素到4000万像素各个等级,最近也推出了3000万像素的全画幅格式数码后背。 数码后背的另一个优势在于传感器尺寸。IQ160、IQ180的传感器尺寸为53.9×40.4mm,虽然入门级产品IQ140的传感器尺寸只有44×33mm但仍要大于全画幅的36×23.9mm。
作品赏析:回到童年
你现在还记得自己小时候玩过的玩具吗?不经意间翻出来或者看到它们会勾起你怎样的回忆呢?《回到童年》(Back To Childhood)是摄影师Julien Mauve的一组人像作品。在这里,摄影师让这些儿童玩具重新出现在成人世界中。 “我在祖父的阁楼中偶然发现了一箱小时候的玩具。它们其中的每一样都勾起了我对童年的回忆。这些玩具和我产生了深深的感情联系。于是我开始想像当它们出现在现在的成人世界中会是怎样的。这些玩具不仅可以用来怀旧,也能重新鼓舞起我们面对新的世界。”
Photoshop打造人物冷调质感肤色
2、按Ctrl + J 把背景图层复制一层。4、新建一个图层,按Ctrl + Alt + Shift + E 盖印图层。5、执行:图层 > 新建调整图层 > 曲线,参数设置如下图。 7、新建一个图层盖印图层,执行:图像 > 应用图像,参数自定。8、执行:图层 > 新建调整图层 > 通道混合器,参数设置如下图。10、执行:图层 > 新建调整图层 > 色彩平衡,参数设置如下图。
Photoshop调出风景照片艳丽梦幻的色彩
现在我们能在画面的左下角看见很多石头。因为我们这幅图要制作成一个虚幻的。柔软的风格。所以我们要先处理掉这些石头。对复制层执行高斯模糊。 我们在图层面板最下面点击添加调整层按钮。在所有图层顶端添加一个渐变填充层。黑到白。线性。90度。100%缩放。
Photoshop加强静物图片的色彩层次和对比度
这个时候,我相信,画面的色彩比较真实,沙滩的颜色能够体现清晨的温度,比较冷的感觉。但我希望整个画面看起来比较温暖,也比较浪漫,于是,我再增加了一个色彩平衡的调整图层,我希望画面看起来更暖更浪漫,即便改变了真实的色彩,因为我是对照片进行第二次创作,我希望作品体现我的想法(如图)。 如图可以看到,我在画面的中间色,增加了红色,让画面看起来更暖,更浪漫,沙粒已经不是现实中的沙而变成了咖啡般的颜色。 为了让画面色彩更加浑厚,增添了一点色彩饱和度,点击图层面板下的增加调整图层中的色相/色彩饱和度,我们得到了一个新的调整图层,(如图)我很小心地将饱和度增加了4个点,让画面有一点点地变化。整体调整过后,我觉得天空和海浪的色彩还是比较冷,于是,我画了和矩形的蒙板,挡住下面的沙滩,单独对海面和天空进行了色彩平衡调整(如图)增加了红色和黄色。现在,我希望画面中的贝壳更加具有立体感和份量,于是,我建立了一个曲线调整图层,并建立一个只露出贝壳的蒙板,这样,我的对比度调整将只限于贝壳部分(如图)。
37个最佳获取LOGO设计灵感的网站推荐
LOGO是徽标或者商标的英文说法,起到对徽标拥有公司的识别和推广的作用,通过形象的logo可以让消费者记住公司主体和品牌文化。这篇文章向大家推荐最佳37个获取LOGO设计灵感的网站,这些网站收集了各种各样的LOGO作品。
404错误页面设计欣赏(A)
如果在浏览网页的时候碰到404错误,我想你一定会不高兴。因此,很多网站都会去设计一个新颖的错误页面,以吸引用户继续浏览其它的内容。今天这篇文章收集了40个非常有创意的404错误页面设计作品,一起欣赏。
Photoshop打造情人节心形巧克力
运行:滤镜 > 素描 > 撕边,三个参数分别设为17,15,1,点击确定。看到了吗,漂亮的黄色果仁出现了。如果对果仁的分布感到不太满意,还可以运行noise->median滤镜进行调整。下面要做的事大家应该都能猜到,对,把果仁也变成立体的。在运用Layer style之前先用魔术棒工具选中“heart3”上非果仁色区域(白色)将它们删掉,接着打开“heart3”的Layer style对话框,和前面一样选择bevel and emboss效果,不一样的是这次将style改为emboss,shadow model变为overlay。