推荐阅读
不可不知的URL知识
URL设计是Web设计中常被忽视的东西，事实上URL非常重要，这不仅是一个网页唯一的路径，还涉及到你的站点是否干净，友好。本文讲述URL这个司空见惯的Web元素中包含的大量不应为忽视的知识，准则与最佳实践。需要注意的是W3C建议使用URI取代URL一说。关于URL的一些准则首先是与URL有关的一些准则。一个URL必须唯一地，永久地代表一个在线对象URL的最基本的使命是唯一地代表Internet上的一个对象，URL必须和Internet上的对象一对一匹配。然而现实中，这很难实现，我们经常可以通过多个URL到达同一个页面，比如，http://mysite.com/product/tv和http://mysite.com/product?name=tv，这种情形在现代CMS中更是比比皆是，针对这个问题，SEO moz有一篇很好的文章，讲到了如何使用Canonical URL机制解决站点中的重复URL问题。URL应该是永久的，这就要求你在站点上线前就非常严谨地规划URL。如果有一天，你不得不更改URL，一定使用HTTP301机制，告诉浏览器和搜索引擎，你的那个URL所代表的对象，已经搬迁到新地址，这个机制可以保证你旧地址所获得PR不会被清零。尽可能用户友好这是URL设计的根本，你的URL应该为最终用户而设计。保持URL友好的一个好办法是在保证可读性的同时让它尽可能短。比如/about就好过/about-acme-corp-page，当然，保持简短不能牺牲可读性，/13d2一类的地址短则短矣，但并不友好。如果要在Twitter，Facebook一类的社会媒体网络分享你的URL，可以使用Bit.ly一类的网址缩短工具，但这种工具产生的缩短URL并不友好，在Wordpress一类的CMS中，可以使用PrettyLink Pro或Short URL plugin一类的可控制的地址缩短插件。 URL的设计切忌使用一些对用户来说没有意义的内容，比如数据库的ID号，/products/23这样的URL地址对用户是极不友好的，应当使用/products/ballpoint-pen一类的地址。
Dreamweaver快速编辑网页标签
不知各位是否有手写代码的习惯。例如：要在一个单元格插入一段CSS代码，或者一段Javascript代码，怎么做才比较快捷方便呢？ 虽然Dreamweaver已经为我们提供了代码视图，可是必竟还要手工去查找，还要来回地切换。虽然也可以用代码视图与编辑视图并存的方式，但还要占用一半的屏幕空间，使本来便不大的编辑区域更显得拥挤。有没有更好的办法呢？答案是肯定的。 下面我们以Dreamweaver MX为例，假设大家Dreamweaver面板布局都为默认的布局方式。查看一下属性面板的上方是否有一行小标签。（如果您用的不是MX，标签在状态栏中）例如：你新建一个空白的HTML文档，上面的小标签应该为＜body＞。请看下图： 图上画红框的地方，就是我们今天的主角了。我们先看一下“环绕标签”。在页面上随便打入几个字，选中它们，在右键菜单中选择“环绕标签”，在弹出的环绕标签对话框中输入“＜strong＞”（不包括引号），然后回车。之前被选中的文字是不是已经变成粗体了，到源代码看一下，我们所选中的文字是不是已经被＜strong＞标签包围了？大家可以试着再加入其它的一些标签，如：＜a＞，＜p＞。这里也可以直接输入属性。如：＜p style="color:#CC0000"＞。这里仅大概说明一下，如有疑问，请查看Dreamweaver的帮助。 下面说一下标签选择器的应用方法。 我们将光标移动到刚才加粗的文字里，会发现在＜body＞的后面多了个＜strong＞。这就是说光标所在处的这些文字的外面有＜strong＞的标签，在＜strong＞标签外有＜body＞标签。下面大家再添加一个表格，把光标移动到表格内，看看标签的结构。相信对HTML有些基础的朋友都应该很容易理解的。 假设我们现在要插入一个表格，并将这个表格用CSS来将它下移10个象素。先插入一个表格，然后交光标移动到表格内。这时在标签选择器上应该可以看到这样的字样＜body＞＜table＞＜tr＞＜td＞。然后在table标签上点鼠标右键，会看到有四个选项。删除标签、编辑标签、设置类、设置ID。 在这里，我们选择编辑标签，然后在后面加上属性style="margin-top:10px"和正常书写源代码的方式是一样的。然后按下回车。就完成了编辑。如果在Dreamweaver里看不到效果，请用浏览器预览。 还有另外一种方法，也许你会喜欢。选择窗口→标签检查器当你选择某一个标签后，这里会显示出当前选择标签的所有属性。也可以很快地在这里进行编辑。在这里输入的属性不用包括引号，编辑后按回车确定。 这里我们只将方法告诉大家，希望大家能够从中受益
现代摄影师必须掌握的关键技能
现代相机的发展应该——至少在理论上——令拍摄出精彩照片变得比过去更加容易。现代相机有如此之多的曝光模式、对焦工具、照片风格等等，制造商希望你相信，现在拍照只需要按下快门就好。的确，随着技术进步像准确曝光这种技术已经变得非常容易了，但是如果你还想在摄影上有所进步该怎么办呢? 现在的摄影术与10年前已经大不相同。随着传统暗房技术的衰退，一个好的现代摄影师也必须具备除了构图和曝光之外的技能。本文就向大家介绍5个我认为是最关键的技能。 1. 掌握一种软件 如何在数码暗房中获得最佳图片的技术需要细细打磨。无论你是希望“摄影”还是“创作图片”，这都是非常重要的技能，它可以令你更好地控制自己的作品，将照片做到最好。 要做到这一点，你需要选择一款编辑软件，然后学习如何发挥它的全部潜力。这当然并不意味着要买最贵最专业的——应该选择最符合你兴趣和需要的。准备好改变自己的想法。 2. 练好基本功 你需要了解构图、曝光以及如何最大发挥相机性能。无论拿着哪种相机，如果你真的不知道如何使用它，那是很难拍出好照片的。认真阅读说明书，学习相机的使用方法。学习关于景深、对焦标尺和快门速度的概念。这些事可能做起来会有些枯燥，但是有助于你理解如何创作出自己想要的画面。 3. 创新 按照固定的方法一遍遍拍摄相同的照片是很容易的。作品的进步意味着你需要不断提升自己的创作方式。你需要对新事物保持兴趣，比如新的工作流程，及它们如何对你的创作产生影响。拒绝“进化”会令你难以“生存”并最终丧失对摄影的兴趣，而如果你希望在摄影上不断进步，就需要不断创新。 4. 学习别人的作品
如何拍摄出具有生命和感觉的人像作品
有很多初接触人像摄影的朋友，都会把大部份的心思和注意力放在拍摄的技术上面。例如光圈、快门、场景、构图、白平衡、如何叫模特儿摆出各种优美的pose等等……当然，掌握和熟练基本技术是必要的。自已手上的兵器都还没有用好，又如何能够施展好的武功呢? 可是，摄影始终是一门艺术创作。而人像摄影作品能否令观赏者留下深刻印象，其感觉是极为重要的。大家都不希望别人在看自已的作品时如走马看花，看后很快就会遗忘。单从上述提及的拍摄基本技术下苦功，似乎并不够。有人说，人像摄影根本的定义应该是要把被摄者最真的一面刻画出来。最真的一面指的当然不单单是指被摄者的外表，而是包含被摄者的性格、特质和内在。我们要拍到有生命、有感觉而动人的人像作品，除了一定程度上的摄影技术配合外，就必须把被摄者最真实、最自然的一面和性格拍摄出来，作品的生命和感觉才会出来。 因此我花了不少时间去研究和尝试，如何能够把被摄者的性格拍出来!但从人类心理学角度来看，人的性格本来就有两面甚至多面，而且每个人都不一样。要把被摄者的全部性格拍出来几乎是不可能的。所以只能把被摄者当时的那面性格和内心感觉自然地拍出来!如何能够做到呢? 相信没有特定的方法，以下分享其中一种我经常用的方法： 每当我准备拍摄人像照前，首先会与被摄者进一步沟通。这样做除了可对被摄者的性格有进一步了解之外，也可以了解对方希望拍摄出何种感觉的照片。往往对方第一个念头就是真实的个性所至才会有这种想法，作为摄影师应该尽量配合和达成对方的要求。 其次，为这次拍摄定下一个符合被摄者性格的主题。主题的好与坏，是否适合拍摄上的条件限制，亦需要从经验之中不断进步。除了影像以外，音乐同样是能带动生命和感觉的很好的媒介。提前为主题选定音乐，在拍摄前给对方充足时间聆听，有需要时可现场把音乐一边播放一边拍。让音乐把对方的自然情绪带动出来，无论喜与悲。很多从事商业摄影的朋友在工作室拍摄时喜欢播音乐也是这个原因。多称赞，给予对方自信心，放松心情。若气氛投入了就让对方自由发挥。尽量避免不断改变被摄者的动作，因为每个细微的肢体语言都可能正在体现出对方的性格和内心世界。
最新发布
精选国外非常吸引人的旅游门户网站设计欣赏
其实酒店和旅游类的网站最能体现多媒体内容和文字的搭配技巧了，这类网站通常需要营造氛围，展现美感，体现吸引力，优秀的案例比比皆是。今天我们就来看一组优秀的案例。现如今的旅游和酒店类网站设计的越来越带感了，壮美的风景和精致的界面融为一体，优质的服务和梦幻般的界面让用户在网站中流连忘返。这些网站以惊艳的图片和视频立足，配合以突出的现代网页设计技术，结合当下的设计趋势，视差滚动、全景图片、响应式布局、动态图片一个都不缺席。这些网站巧妙地将多媒体技术、文字排版和特效平衡为一体，为用户提供了身临其境的体验。>Pygmy ElephantPygmy Elephant 是一个旅游机构，网站为用户提供了逼真而难忘的视觉体验。其中涵盖的多媒体类型丰富，通过丰富的视觉体验鼓励游客踏上旅程。网站使用了视频背景，漂亮的图文混排，精致的交互细节。>Cruise Me为了让项目效果突出，设计和开发团队使用了诸多先锋的技术。当用户打开网站的时候能够看到首页上交互性极强的地图，每个地标都能够为用户提供丰富的信息以便浏览和了解。再向下，用户可以翻看不同主题不同旅游项目的卡片，有目的和针对性地了解具体信息。整个网页的设计友好而令人愉悦。>Bird Luxury Travel PR
Phhotoshop绘制可爱的卡通雪人动画教程
先看看效果图Step 1首先打开PS，创建一个新文件。我一般习惯建一个大一点的文件，这样比较方便处理一些细节的效果。 使用 #89defd颜色填充背景。Step 2创建一个新图层，先用椭圆形选框工具画一个大圆做身体，之后再创建一个新图层，同样的工具画一个小圆当脑袋，(不需要100%圆)用白色填充，将小圆图层置于大圆图层上面。Step 3在头和身体图层之间创建一个新图层(图层1)，使用笔刷工具(如下图)，选择#CCCCCC画一个灰色圆形，这个将作为头部的阴影。下面回到身体图层，CTRL+鼠标左键 将身体形状选出，然后CTRL+J复制阴影图层。你会看到图层面板中多了一个图层，将它命名为head-shadow，然后删除图层1，这样头部阴影就做好了。
Photoshop3D工具制作旋转的立方体动画教程
最终效果1、新建一400*400画布，72p,模式：灰色。ctrl+j复制一层。2、3D/从图层新建形状/立方体。3、现在己建立了3D图形。4、窗口/3D。
Photoshop制作留声机播放唱片动画教程
教程介绍较为复杂的GIF动画的制作方法。效果图片需要动的部分有音符、光碟、人物的手。这些都是同步的。制作动画之前需要把这这些动画场景设置出来，然后再同步设置动画。本教程为思缘论坛会员林内原创，转载请注明1.效果图2.素材3.ps里打开，用“套索工具”和“仿制图章”等工具，去掉原图中的音符。然后，打开动画面板(时间轴)，单击箭头所指小三角>文档设置>设定时间及帧数。这里设为2秒，每秒25帧。4.用“快速选择工具”选中人物手部。
使用Photoshop时间轴制作炫酷动画教程
在平时工作项目中，多少会碰上要做简单gif动画的需求。以往做gif动画最麻烦的就是逐帧制作，一旦修改起来也很痛苦。随着photoshop版本的不断升级，其功能的优化和增加，都是一次次的惊喜，发展到CC版本，时间轴已可以对视频简易剪辑，所以时间轴制作简单的gif动画足已。1、如何调出视频时间轴面板在窗口–>时间轴，调出时间轴面板后，选择创建视频时间轴。选择了视频时间轴面板后，若想切换到帧动画面板，可以点击上图中红色内图标进行切换。2、了解视频时间轴图层的基本面板参数位置：单纯控制图层对象在画布的移动。(该参数动画对位图图层有效，矢量图层则需要启动矢量蒙版位置才会产生移动动画效果)
Photoshop置入合成真实瀑布动画教程
在photoshop CS5版本里，除了PS本身的动画制作功能，还可以通过置入真实的视频动画进行合成，可以制作出非常逼真的gif动画或视频合成动画，本例通过一个简单的动画例子来演示PS中置入真实瀑布视频的动画制作过程，其中顺带讲述一下透明婚纱抠图，有兴趣的朋友可以一试。教程素材：MissYuan_教程素材.rar效果图原图一原图二1、本教程采用photoshop CS5制作，首先打开原图一，这是我们本例的主场景，如下图所示：
Photoshop制作漂亮的霓虹艺术字动画教程
最终效果1、打开素材，调整色阶。2、加一些冷色调。3、单个输入喜欢的文字，字体为“Neon Regular”。4、执行：滤镜 > 模糊 > 高斯模糊，达到此效果即可，然后Ctrl + F 添加到其它字。
Photoshop制作漂亮的相册翻动动画教程
最终效果1、新建画布，设置如下图。2、导入素材，调整好大小及位置，Ctrl + 鼠标左键单击素材图层获得选区，新建一层，执行：编辑 > 描边，设置如下图。3、双击描边层，给描边层添加图层样式，如下图。
25款创意灵动的深色系网页设计欣赏
不少设计师喜欢用深色背景来突出内容，不过酱紫在配色上就得多下点功夫，灵动有活力的配色才不会让整个界面死气沉沉，今天这组网站不仅创意十足，版式过人，在色彩上也很突出，来学习下。Perspective MockupsCommon NinjaCasper OdendaalIncredible WebJoy Interactive
Photoshop设计抽象风格的霓虹字体教程
先来张最终效果图1.新建一个文件，900px*600px，72dpi，RGB。2.背景填充黑色，输入文字“ABSENT”,使用Futura Md BT Medium字体，220pt，字间距20，白色。3.选中文字图层和背景图层，Ctrl+E，合并。4.滤镜-扭曲-波浪，进行如下设置：5.接下来给文字添加位移效果，滤镜-像素化-碎片。