推荐阅读

Photoshop制作华丽的金色星光字体设计教程
效果字构成有点复杂,分为多层:纹理、投影、高光、描边等。每一部分都是用图层样式来完成,不过要注意好层次,纹理图层最好放到底部,高光图层放到上面。最终效果1、新建画布。打开PS软件,按Ctrl + N 新建画布,尺寸设置如下图。2、设置背景色。在工具箱中选择渐变工具,然后在属性栏点击渐变设置渐变色,如下图。3、设置好渐变色后在属性栏选择“径向渐变”,然后由画布中心向边角拉出渐变色。4、导入文字。把下面的文字素材保存到本机,再用PS打开,用移动工具拖进来,并调整好位置。

用PS图案样式打造橙色蜂窝水晶文字
本教程文字效果有点类似纹理字的制作。只是教程中用到的纹理比较特殊,是六边形图案,而且这些图案都是分开的,应用图层样式后,每个小格都会有相同的效果,非常可爱。原图 局部放大 一、新建文档1200x900像素,背景填充#eddbb9。 二、建新层,填充白色,添加图层样式。

给电影做个Cool片头
我们用的软件是Ulead Cool 3D Studio。 DV玩家对Ulead Cool 3D的了解可能更多限于3D字的制作方面而忽视了它在三维场景制作上的强大功能。至Cool 3D Studio发布,局面才有了大的改观。这个Ulead改变了市场定位全新推出的新产品,不仅继承了Cool 3D的优异特性,而且改进了3D引擎,强化了建模能力(增加了Lathe建模方式和Freeform修改工具,以及支持3DS模型的导入),增加了动画背景、渐变背景和魔术纹理背景模式,支持背景声音的设置和动画贴图等,使Cool 3D Studio终于有了大家气象,成为功能强大的3D设计软件。 下面以一个片头的制作为舞台,让Ulead Cool 3D Studio来场精彩表演吧。 创意 为简化操作,整个片头分成A、B两段分别制作,最后用“会声会影”或Ulead MediaStdio Pro拼接起来即成。A段:背景为选择的视频。另一段视频从屏幕深处推至眼前,爆裂,隐去。场景中始终有云烟缭绕。B段:背景仍为选择的视频,三个贴有视频的影框从背景不同方向飞出,排成一列。一团烟云从左至右飘过,影框随之旋转变为“我之影”三个字,字发出闪动的辉光,最后定格。 A段制作 1.在Ulead Cool 3D中新建场景。在Project/Dimensions菜单中设置场景大小为320×240 Pixels。 2.在View/Toolbars Manager菜单中打开Attribute Panel。在该面板的下拉框中选择Background项,再选Video项,弹出打开文件对话框,选择准备好的背景视频文件。这样视频背景便设置好了。 3.点击左边工具栏的Insert Graphics,在弹出的Path Editor窗口画一长方形,并调整参数为X:0,Y:0,Width:200,Height:150(图1)。确认后即生成平板对象。

专业美食摄影师精彩作品 教你如何拍摄食物
我的所有照片全部使用自然光(太阳光),没有人造光等辅助光源。拍摄器材是佳能5D mark II 相机,腾龙90mm定焦微距镜头,佳能24-105变焦镜头,多数都使用三脚架。大多数情况下使用逆光或侧逆光或侧光拍摄,光线好时iso通常使用200。后期处理照片使用PS和LR。 Argument:f/2.8,曝光1/10秒,ISO-200,焦距90mm,16:55拍摄 Light: 侧光 Food Styling:葡萄 Props:木碗、咖色旧木箱,深色背景 Composition: 平拍。如果画一个九宫格,焦点位于左下方的点上。 Detail:想在静谧的环境中突出葡萄的质感。使用了较深颜色的背景和容器~使用较窄光束照在葡萄上,而其他位置做了遮光处理,所以呈现了主体亮,其他位置暗的效果。 Argument:f/6.3,曝光1/15秒,ISO-400,焦距93mm,15:12拍摄 Light: 侧逆光 Food Styling:车厘子 Props:葵花形木盘,绿色旧木箱 Composition: 小于90度角的俯拍。主体位于九宫格的右上点位置,左下散落的樱桃和汤汁作为补偿。 Detail:我用箱子的绿色和樱桃的红色作为对比色,侧逆光突出樱桃的光和影,下面散落的樱桃和樱桃汁想表达较为随意的感觉。 Argument:f/11,曝光1/60秒,ISO-200,焦距105mm,14:12拍摄 Light: 逆光 Food Styling:大蒜 Props:绿色旧木箱,柔光板 Composition: 平拍。不同形态的大蒜随意放置,蒜皮在右边丰富柔和画面~ Detail:我使用逆光拍摄,绿色箱子上面的油漆本身具有反光效果,所以看起来有些像湖面,而上面不同形态的大蒜,我想它有一些水上生物的感觉。 Argument:f/8,曝光1/25秒,ISO-200,焦距90mm,15:27拍摄 Light: 逆光 Food Styling:鸡蛋 Props:柔光板,压克力倒影板 Composition:平拍,居中构图,整齐排列。 Detail:我使用了不同破碎程度的蛋壳,用蓝胶粘在反光的压克力板上,中间洒落的蛋液,起到了视觉焦点的作用。 Argument:f/2.8,曝光1/20 Argument:f/5,曝光1/80秒,ISO-200,焦距70mm,13:30拍摄 Light: 侧光 Food Styling:韭菜花 Props:木板 Composition: 俯拍居中构图。 Detail:拍摄女孩手捧小花,想表达细腻珍贵的意境,以虚化的韭菜花为背景。
最新发布

迅雷CUED:如何优化我们的登录页面
那就先来看看为什么而做?就数据而言,网站的流量仍是大量的匿名用户带来的。我们无法根据请求的任何方面(ip地址,用户代理等)准确识别来自同一人的连续请求。不能识别,自然无法对其分类进而转化挖掘,获取网站所需的价值。互联网服务于人,要开发一个真正令人动心的网站,我们必须触达到浏览器后面那些活生生的人。他们是谁?他们想要什么?我们如何服务他们?以下是4种具有代表性的用户识别方法,我们来看一下它们的优劣:ip地址:IP地址是最容易获取到的信息。但用它来标识唯一用户会有很大弊端,伪IP、代理、动态IP、局域网共享同一公网IP出口等情况都会干扰获取的IP地址的唯 一性和准确性。

70款国外精美时尚的网页图标下载
看配图就知道这些精致的icon质量之高咯!Stylish Social Icon SetVintage Social Media StampsSocialitySocial Icons hand drawnBuddycons

解析画线框图容易忽略的几件事
通过工作中的观察与总结,我发现不少新人交互设计师以及产品人员,在画线框图时都会忽略一些重要内容,导致和视觉设计师的沟通成本增高、返工增多、工作效率下降、设计质量下降等重要问题。为了解决这些问题,一方面需要加强沟通,另一方面还需要多站在视觉的角度考虑线框图的设计,使大家的配合更默契。那么具体怎样做呢?以下就是我工作中积累的一些心得,希望对大家有所帮助。一、通过明暗对比表达以前,我是这样画线框图的,这样能非常清晰的展示各模块元素之间的布局关系。然后我会告诉视觉,这些模块或元素之间的优先级关系是怎样的。但头疼的是,当界面元素很复杂的时候,视觉就难以一一记住了,这个时候就需要反复的沟通,视觉在这个过程中也非常的痛苦,经常是改的头都大了但还是有错误。现在,我这样画线框图:加入了明暗对比之后,界面元素的重要级关系更直观,我们不再需要跑过去跟视觉说:这N个模块中这个最重要,那个其次…… 视觉的工作效率也大大的提高了。但需要注意的是:深色并不意味着比浅色更重要,要看色块之间的对比关系。比如下图:

详细解析网页设计什么是好的用户体验
极客公园:打从苹果公司在全球范围内取得成功后,“用户体验”这个观念也随之鸡犬升天了宛若一条真理般。一夜之间“用户体验”变成了一个人尽皆知的词,不光互联网这帮人随口挂在嘴边,甚至就连我党这么超脱于时代的行政官员都知道要每天大手一挥“我们要注意用户体验”以便彰显出自己的绝对正确和高深莫测。这本是 好事,只是我严重怀疑,这个国家上上下下很可能没几个人搞懂了或者能静下心来去想搞懂什么叫用户体验?因为根据我的观察,近代以来的国人素来没什么的兴趣 去思辨概念,不管是舶来的,还是祖传的,他们都只是非常功利的拿过来披在身上,专长于断章取义,曲解概念。然后大旗一扯,代表用户,达成自己的体验。“用户体验”在中国的遭遇其实也就和像“民主”“宪法”“共产主义”这些类似的舶来概念一样,虽然没几个人真的明白它的实际内涵,但是确实有超高的 使用率和普及率,基本命运都是被当标题口号天天念叨而已。大佬们有多读过点书的,但水平最多也就能把它总结到“换位思考屁股决定脑袋”、“你要端正为用户 服务的态度”、“注意细节”这样一些其实和用户体验本身没啥关系换个主题也一样有效的结论上去。对于更多的人来说,反正按字面意思理解,这是一句看起来完 美无缺,绝对正确的话。毕竟谁都可以是用户,至于体验如何反正都是藏在人心里,任你科技再发达,你也无从考证我心之所想。即使有人说出来了也无法印证是否 是其真实的反映。真要逼急了大不了就互相扯皮:“子非鱼,焉知鱼之乐;子非我焉知我不知鱼之乐;子亦非我焉知我不知你不知鱼之乐…”想要弄清楚什么是好的用户体验,我们就不能把对“用户体验”的思考停留在政治正确和心灵鸡汤的程度。无庸置疑的是它确实是苹果问鼎的关键因素,对这 个概念的理解和解读的程度会直接影响你的企业甚至整个民族的企业在现在和未来商战中的战斗力指数。就像“民主”一样,它的背后隐藏了大量的思想是我们尚未 解读,尚未意识到的。我们需要不断的去推敲“用户体验”的实际内涵,而不是停留在文字层面!我们需要面对自己的内心真正的对自己谦虚一次,把自己归零。把 它拉回到它最初的原点,忘掉所有他人构建出的认知,重新去寻找线索。简单粗暴的回顾下“用户体验”这个概念诞生的过程:“白话说是因为早期互联网很多工程师按照自己的逻辑习惯做出来的软件普通人用不了,而用户拍屁股 换服务的机会成本太低,所以用户体验的重要性逐渐在这个行业形成了共识。”但其实我们再宽泛一点看的话,用户体验并不是互联网的专利,也不是互联网之后才 产生的。放宽点看的话,我们可以将其理解成:人类交易产生的时候,某些产品或者服务的用户体验就产生了,它贯穿于人类商业社会形成的始末。这么看的话用户 体验其实可以被解读为——人对其需求满足过程产生的价值判断。这里提到需求就不得不和马斯洛的需求理论划清一下界限,马斯洛是对人的需求做了一个先后逻辑分类,并不涉及需求价值判断。而我这要探讨的是人对其各 个层面的需求满足程度作出价值判断时的方式和渠道,这个过程没有马斯洛需求里潜在的先生存后价值实现的先后顺序,只是单纯的探讨人是如何对一切产品或者服 务是如何进行体验的过程。我大致将之分成两个纬度:第一,人作为生物人对产品体验的价值判断;第二,人作为自然人对于产品体验的价值判断。这两个纬度是在 产品中互相渗透存在的,并不存在先后顺序。人的大部分体验判断也都是这两个立场定位的基础上作出的。用户体验的第一维度:生物人的感知体验第一个维度我称之为用户作为生物人的感知体验,我把它起名为用户无脑体验。这是最为重要,且当前被中国商家最为忽视的用户体验。我们人类存活在这个世界已经有几万年了,在我们没将自己起名字为“人”区别于其它物种之前,我们和其它物种一样透过我们的感知器官对外界直接作出感 知回应。比如,我们能作出关于两千种苹果里作出那种最好吃的选择,这种对产品的体验回馈直接导致了绝大部分苹果种类被淘汰的命运。时至今日,我们绝大部分 的产品体验评判也依旧不是用我们成为“人”之后的思维逻辑判断的,不只是苹果,我们绝大部分对世界作出的反映行为决断都不需要经过大脑思辨而作出判断。以 至于不经过大脑思辨而作出的价值判和行为判断要远远多于思辨判断!因此商家们,你们可以想象我们在面临对一个产品的用户体验作出是否购买的决断时,这种用 户无脑的感知体验判断在用户的购买决断中判断的份量有多大,你们以为人是用逻辑思考来作出购买决断的,其实不然,它对购买的影响力远远的超过了人类的逻辑 思考对购买所带来的影响。这种能力在人处于幼儿状态的时候是巅峰状态,之后随着进入人类社会化程度的深入而逐步失去。保持这种生物感知力的唯一方法是艺术熏陶。有趣的是最忽 略这种用户体验的人恰恰就是国内的天天将之挂嘴边的用户体验的相关人员(包括这些大佬们)最大的软肋,他们的社会化世俗化程度都普遍很高,他们脑子里积攒 的最多经验和感悟都是和这社会游戏规则相关的。有幸经历或者接触过艺术教育的也普遍悲剧,他们学的绘画,音乐等等都与艺术无关,纯属技术范畴。当然这里要 往下说下去又是一个很大的话题,这里暂时不表了。这种生物感知能力的缺陷会如何影响我们对产品设计的判断呢?

网页设计流程中常见问题分析及建议
从和客户沟通了解客户需求到画出草图进行构思和创意,直至打开photoshop完成整个的设计,每一个网页设计师都在每一个新的设计项目中不断重复这个过程。整个看上去规范而流程化的工作方式似乎按部就班就能够顺利拿到让大家都满意的结果,但其实在每一个步骤中都存在难度,某一个方面没有做好,可能就会影响到最终设计稿的质量。因此在这篇文章中我就来结合自己的设计体会谈谈这其中存在的常见问题,以及我们应该如何有意识的避免或者解决它们。这篇文章中的内容我已经在SDC的网页设计讲座中和大家谈到,这次算是对整个讲座内容的总结和归纳,如果大家需要查看讲座当天的文字记录,欢迎加飞鱼的声纳的QQ群:233898966。关于网页设计中的问题,我总结了个人认为常见的六个,下面一一道来。问题一 、和客户沟通的不够充分,导致设计方向出现偏差。这个问题是在设计流程中出现最多,也最容易导致客户和设计师产生矛盾的问题。最终的结果是客户觉得怎么修改设计都不能让自己满意,而设计师却不胜其烦,认为客户太难说话,原因其实就出在双方的沟通上。作为客户来说,很多时候他们对于期望的设计产品脑子里往往只有模糊的概念,只能交代给设计师一个过于粗略的设计方向,甚至有些客户提出”先做一稿出来我再看”的要求。遇到这种情况,设计师要清楚客户自己的设计需求是不明晰的,而作为设计师来说,这时就需要积极地引导客户,使他们明晰设计需求,从而避免由于双方未在设计目标和期许上达成一致,造成设计方向上出现偏差,而导致设计中大范围、不断的修改设计稿,甚至一遍一遍的推倒重来的结果。要使双方对最终的设计都满意,就需要尽可能详细的沟通,客户和设计师之间理解程度越高,最后达成的一致性也越高,这两者是呈正相关的关系。要做到这一点,我个人的方法是在沟通的环节设计系统的调查问卷让客户作答,以帮助客户梳理、明晰设计需求。下面是我经常使用的调查问卷内容,其中需要客户作答7个问题,这些问题基本可以帮助客户和设计师明确设计方向,你也可以依据在和客户沟通中的具体情况修改或者完善这些问题。1、当访问者访问你的网站的时候,你希望它们做什么?(比如购买某种产品、服务,或者展示企业的形象等)2、网站的主体用户是哪部分人群?(白领年轻女性、有某方面需求的老年人等)3、网站的整体风格是什么?当访问者进入你的网站,你希望他们有什么感觉?不希望他们有什么感觉?4、举几个你喜欢的网站,并说明原因;例举几个你讨厌的网站,也说明原因。(请将网站链接或者截图粘贴在下方)

网页图片整理术之CSS Sprite的应用
CSS Sprite 是一种图片的处理方式,它允许网页设计师将很多张图片合并在同一张图档中,然后根据 CSS 档中的文字描述将图档分区块加载,是现在很常见的网页图片处理方式。例如网页上一个的按钮的三种变化效果的图片,将其顺序摆放在同一个图档中使用:而这张是 Facebook 页面上所使用的小图标图档,像是大家最常看到的 Like 图标其实也只是从这张图片里面取出一小部分加以显示而已。诸如以上,几乎现在的网站都会透过使用 CSS Sprite 来将网页作优化,比起传统的切割图片方式,使用 CSS Sprite 有着以下的优点:方便整理、命名:由于将图片合并了、图档的数量减少了,整理起来更为方便,同一个按钮不同状态的图片也不需要一个个切割出来并个别命名。修改以及调整更为快速:由于每个按钮都在同一张图档中,设计师在事后修改细节时就可以在同一个档案中工作,再也不用辛苦的切割图档。档案体积减小:虽然影响不大,但将图档合并可以有效的减少档案的体积。

详细解析网页设计活动页面的网站设计案例
对于许多组织来说,留下各种不同的活动或展览,包括节日或会议,来的时候,简单的传单,论坛和传统的横幅广告停止有效工作。无论事件变得广为流行,它提供更多的信息,不仅仅是一个简单的简要说明,还是组织者要使其更加现代化,利用当代各种手段,例如允许使用网上登记或销售数字门票。最终会出现扩大的必要性。在这种情况下,创始人往往诉诸创建活动的网站,因为它很长一段时间一直是伟大的和成熟的仪器。精心组织和精心设计的网站快速,轻松地告知一个大的目标受众即将举行的活动,让在旅途中的门票预定和购买,熟悉历史,吸引更多的视频和图像报告,给被提及的机会,毕竟,不会让你忘记。此外,网上存在的全部价值,有助于建立你,你作为一个品牌,是真正重要的那些人有长期计划的组织和活动。而现在,你可以检查出那些人已经把其品牌建设的关心。我们惊人的展示,揭示事件为导向的网站设计的多样性。我希望你不仅会获得灵感,但也找到的东西,让你扩展你的知识和拓宽你的经验。活动网站范例2013阿迪奖有一个优雅的执行垃圾风格柔和色调辅以庞大的大胆的版式和老式的插图。释放你的心灵,使用融合了纸元素暂停字符串,充满活力的调色板和脂肪型的,为了使3维开朗的欢迎页面看看。新西兰啤酒节有一个可爱的自然风格的外观,辅以白单色图形和纯版式。

详细解析网页设计用户体验设计的五个原则
“设计,必须是充满诗意的。”带过五年多的用户体验设计团队,从几个人到二十几个人。以前自己也做过技术,发现工程师和设计师其实是有很多相近的地方的,那就是都有追求。带领团队,并不是管好人就行了(所谓的行政管理),更是要实现业务的成功,给团队定目标,定追求,然后与大家一起想办法达成。这五个设计原则就是在团队日益变大,项目越来越多,团队输出的质量参差不齐,团队成员也反馈疲于交付已经没有了设计师感觉的情况下总结的。试图给团队定个设计的调调,给团队一个精气神。主要参考的是Dieter Rams的《好设计的十条原则》,苹果iOS的设计指南,当然,也有Google的十大设计原则,因为Rams的是工业设计原则,iOS的是一个操作系统平台的原则,Google的则是一个公司的设计哲学,如果照搬过来恐怕难服众(其实更重要的是都太多了,因为无论哪个都超过了7+-2个的记忆极限),所以我就尝试集大家之所长,给自己的团队找到一些原则,在此也分享给大家。在开始介绍这五个设计原则之前,我们应该反思一下什么是不好的设计?你觉得设计不应该是怎样的?现在,到处充斥着直接抄袭而没有认真理解人家设计原因的设计,充斥着难以让人使用美其名曰高科技的设计,充斥着连基本的美学原理都违背了的设计,充斥着差不多可以了的设计,充斥着无法展现品牌,无差异性的设计…我想,有追求的设计师都应该会对这些现象说“不”,那么,什么样的设计应该是我们所追求的呢?1、有用的一个产品创造出来,一定首先是有用的,能够满足人们需要的,能够解决用户问题的,这不仅仅限于功能性的需求和问题,还应该包括人们心理,情感以及对美的需求。要做到这一点,首先就要理解用户的需求,这是非常艰难的一步,但是是想要做出好产品必须经历的。了解用户的需求决不仅仅是到大街上到处问人你需要什么,你觉得这样的产品如何…而是一个研究,思考,原型的过程,需要深入问题,了解趋势,判断人们的动机和价值观,挖掘出潜在的需求。往往一个好的产品出来之前,人们并没有想到还可以有这样的产品。这就是设计的乐趣:)2、革新的

网页设计:如何实现设计想法的创新途径
这篇文章主要是给排版及平面设计人士看的,因此对于门外汉来说,能翻译好 它不仅是个脑力活,还需要专业的基础知识。文章告诉我们关系型设计及可视化设计的重要性,给所有人提供了完成一个项目很好的思路方法,利用标记工具和纸张 的各种组合,先将脑海中的想法可视化,然后再进行细化。原文地址:www.smashingmagazine.com与大多数设计师一样,我们深信,选择和探索最成功、最难忘和最刺激的设计是支持我们从事每个项目的重要方面。对我们来说,一个新的挑战开始,从来不会简单到我们只需问自己,什么可能是最好的途径,然后就在电脑前坐下来去试图实现这种想法。在研究完目标对象之后,我们几乎总是从一张纸和一支铅笔开始,绘制出各种各样的设计方案来帮助汇集和开拓那些在我们的脑海中已经成熟的想法。在这篇文章中,作为创新过程中的一个组成部分,我们将探讨如何使用绘图和标记。这是标记的一个例子,它有助于我们在工作类型和图像上制定设计思路。请注意,标记的变化表明了类型的不同程度。我们发现,使用绘图和标记在纸上研究设计选项是一个很棒的方法,它能确保我们在一个项目上朝着正确的方向前进,另外,我们不认为这个工作流程会激发不了那些意想不到的解决方案,否则我们不太可能看到希望。作为解决问题的工具和技能,我们将专注于不同类型的绘图和标记,它们将成为可视化和可探索设计方案的一个重要组成部分,包括数量,类型,有没有图像。为什么式样的布局水平和色调效果在绘画中需要被重视?带有不同色调以及不同特性的字体,线条和词语汇集到一块;这取决于你色调产生的明暗,以及排布的规模和性质,观看者或多或少地会被吸引。我们可 以通过看报纸和 Jacek Utko的杂志设计可以发现一些很好的例子。在下面的示例页面中,我们会被这些大量动态创建的文本所震惊,这些文本的字的大 小、磅数和方式以及图像都不同。尤其是色调值的变化,会在一个特定的序列中引诱读者浏览网页。

网页设计:巧用色块布局让你的网站与众不同
Metro UI是一种界面展示技术,和苹果的iOS、谷歌的Android界面最大的区别在于:后两种都是以应用为主要呈现对象,而Metro界面强调的是信息本身,而不是冗余的界面元素。显示下一个界面的部分元素的功能上的作用主要是提示用户”这儿有更多信息”。同时在视觉效果方面,这有助于形成一种身临其境的感觉。科普一下:神马是Metro?Metro是由微软公司开发的内部名称为” typography-based design language”(基于排版的设计语言)。最早出现在微软电子百科全书95,后来的产品如:windows媒体中心、Zune播放器都有用到这项技术。该技术已于2010年初(美国)获得Metro UI专利批准(USPTO)如今该技术被引入到微软最新开发的Windows Phone操作系统和已经发布的Windows 8预览版以及Office 15中。@爱上了设计的亲爱的葱 :2012年7月,在大连中软实训基地学习时,老师要求我们分小组开发项目,理所当然地,我担任前端设计和开发的工作。当我略微得意地把设计好的页面拿给老师显摆时,他给了一个字的评价:”俗!”然后讲,”中国风看起来的确美,但这种美很容易趋于小气和庸俗,远不如简单用色块搭配出的效果。”也是从那时候起,我开始注意色彩的搭配,也开始用这种观点来把玩一些网页和海报等的设计。《甄�传》再经典,老外们也不会明白隐藏在后宫中的弯弯绕…下面来分享一下小编眼中或凌厉傲娇或简洁明朗或大气磅礴或小家碧玉的一些网页截图:ux-lx.com每一个导航都有一种鲜明的颜色,而且对应的子页面中也会有不同的背景颜色,瞬间能感受到一种扑面而来的时尚和热情了,你怎么看?