推荐阅读
23个Facebook Paper中的设计细节分析
Cocoachina:Facebook的 Paper 自前几日上架App Store后就成为开发者设计师们热议话题,在App Store里也获得了很高的用户好评率,当然也有不喜欢这款应用的用户,包括那些讨厌Facebook的用户和被众多手势操作迷惑的用户。不过在我看来,Paper中一些细节设计和交互设计还是给人带来很大的惊喜,以下是我认为值得与其他设计师分享的设计细节。(温馨提示:动态gif 图稍大,等一下就可以流畅看咯)Facebook(脸谱)推出的移动新闻阅读应用Paper在发布后的短短一周,其下载量在苹果应用商店迅速攀升,并获得了包括《连线》在内的多家美国科技媒体的好评。Paper是在美国当地时间2月3日,即社交网络巨头Facebook成立十周年之际,正式发布的。Facebook创始人马克·扎克伯格(Mark Zuckerberg)曾表示,自己梦想着有一天Facebook能了解足够多的用户情况和生活习惯,以便推送用户乐意看到的精准信息,扎克伯格将此称为“全球最好的私人定制报纸”。值得注意的是,目前只有美国区的苹果商店上架了该应用,可以免费下载,但不提供iPad版本,Android平台何时上线未知。内容做成了一张张卡片早在1月底,Facebook就宣布将在其成立10周年之际推出新产品,市场也早已风传Facebook要推新闻阅读应用,但没有想到其界面和设计是如此令人赞不绝口。《连线》杂志称其为目前看来是最好的Facebook。科技博客The Verge则评价称,是最好的Facebook应用。说到细节,就不能不提Dribbble,来看看上面有哪些逆天的icon,还有哪些大牛级别的设计师吧。涨姿势时间:来了解下Facebook Paper 的设计主管:Mike Matas。
PS滤镜打造炫光星球
这篇教程教飞特的朋友们用PS滤镜打造炫光星球,教程制作难度一般。主要使用了云彩和扭曲两个滤镜,转发过来,希望飞特的朋友们喜欢这篇教程。先来看看最终的效果图吧: 教程用到的笔刷:星星笔刷、星云笔刷、碎片笔刷具体的制作步骤如下: 1、创建一个新图片,大小为940*700,背景填充黑色,新建一个图层,使用套索工具(羽化50px)绘制一个椭圆选区,然后执行“滤镜―渲染―云彩”,如图所示。 2、按下Ctrl+L打开色阶调整框,应用下图所示的设置。
人物摄影中的基本取景法 特写和大特写
特写一般表现人物肩部以上的头像或某些被摄对象细节的画面。在拍摄特写画面时,构图应力求饱满,对形象的处理宁大勿小,空间范围宁小勿空。通过特写,表现人物瞬间的表情,展现人物的内心世界。 大特写 女性的特写镜头应尽可能隐藏脸部的缺陷,不可影响其形象。对于特写中不能隐藏的缺陷或不足,还可以通过后期处理进行修饰。 有些人当成为了照片的主角后,一再表示“不喜欢被照出来”,这会使摄影师不知所措。若没有任何不愿被照出来的理由,此时只能理解为不满意相片中自身的形象。作为摄影师还得会鼓励模特,尽可能赞扬模特的优点,告诉其隐藏缺点的方法。 照片2-17室内照相馆中的高调人物照片 <照片2-17>是有意识地提高闪光灯的亮度后拍摄的照片。提高亮度,使背景的白色和人物的脸色相同,这样即去掉了皮肤上的细纹或缺点。为了表现回头的背影,人物安排在1/2的右侧。 对于<照片2-18>,在多个角度取景,以表现截然不同的视觉感。人物的特写(Close-up-shot)可以拍摄人的整个头部,也可以截取特定部位,这都有助于构成独特画面。 照片2-18
网页制作中FLASH代码的优化
1.js部分:function swf(src,w,h){html = '';html += '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="'+w+'" height="'+h+'" id="main">';html += '<param name="allowScriptAccess" value="sameDomain" />';html += '<param name="movie" value="'+src+'" />';html += '<param name="quality" value="high" />';html += '<param name="wmode" value="transparent" />';html += '<embed src="main.swf" quality="high" bgcolor="#cc6600" width="'+w+'" height="'+h+'" name="main" align="center" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';html += '<\/object>';document.write(html);}2.调用部分<SCRIPT>swf('http://www.poluoluo.com/benner.swf','1004','159')</SCRIPT>
最新发布
色彩系列教程(1):基础知识
设计爱好者对色彩的喜爱更是“如痴如狂”,他们知道色彩不仅仅是点缀生活的重要角色,它也是一门学问。要在设计作品中灵活、巧妙的运用色彩,使作品达到各种精彩效果,就必须对色彩好好研究一番。今天我们首先学习一些关于色彩的最简单、基础也是很重要知识,感受一下色彩运用的妙处! 一、色彩的构成 色彩一般分为无彩色和有彩色两大类。无彩色是指白、灰、黑等不带颜色的色彩,即反射白光的色彩,如图1。图1 有彩色是指红、黄、蓝、绿等带有颜色的色彩,如图2中的色彩。图2 在一定条件下,人对同一色彩有不向的感受。色彩单一给人一种印象。在不同的环境下,多色彩给人另一种印象。色彩之间这种相互作用的关系称“色彩对比”。 色彩对比包括两方面。其一,时间隔序,称“同时发生的对比”;其二,空间位置,称“连贯性的对比”。对比本来是指性质对立的双方相互作用、相互排斥。然而,在某种条件下,对立的双方也会相互融合、相互协调。并置的不同色调往往相抵消对方的色彩,这种相互抵消的现象称“同化现象。对比的具体运用和效果,将在以后的文章中再详细讲解。
色彩系列教程(2):色系和色调
一、色调和色系的概念 PCCS(Practical Color-ordinate System)色彩体系是日本色彩研究所研制的,色调系列是以其为基础的色彩组织系统。其最大的特点是将色彩的三属性关系,综合成色相与色调两种观念来构成色调系列的。从色调的观念出发,平面展示了每一个色相的明度关系和纯度关系,从每―个色相在色调系列中的位置,明确的分析出色相的明度、纯度的成分含量。 二、色调系列的组织结构 色调系列是由24个色相与9个色调组成的,如图1,看到色调系列的24色色环。图1,24色色环 从图1中的24色环,我们可以总结一下24色系的组织结构: Pccs色彩体系的色环的结构,是依据“三原色学说”为理论基础的。以红(R)、黄(Y)、蓝(B)为三主色, 由红色和黄色产生间色――橙(O);黄色与蓝色产生间色――绿(G);蓝包与红色产生间色――紫(P),组成六色相。在这六个色相中,每两个色相分别再调出三个色相(如图1).便组成24色色相环。 9个色调是以24色相为主体、分别以清色系、暗色系、纯色系、浊色系色彩命名的。色调与色调之间的关系同色彩体系的三要素关系的构架是一致的,明暗中轴线由不同明度的色阶组成。 靠近明暗中轴线的色组、是低纯度的浊色系色调,Ltg色组、g色组。远离中轴线的色组、是高纯度的v色、b色组;靠近明暗中轴线上方的色组,是高明度的清色系P色组、Lt色组。中轴线下方的色组,是低明度的暗色系,dp色组、dk色组。*地带的色组,是明度、纯度居中的d色组。
色彩系列教程(3):实际运用
一、色彩知识的补充 (一)、色彩和面积的关系 色彩构成中,色彩面积的大小,直接关系到色彩意向的传达。例如红色,当它的用色面积只占画面的20%时,在作品中起到了点缀作用(如图1)。图1 如果用色面积占到90%时,那给人的感觉大不相同。如图2图2 在上一期的文章中,我们谈到主色调,在这里用色面积大的颜色就是所说的主色调。在一个作品中所用的色调不变,只改变各种色调作占的比例,将会得到意想不到的色彩效果。从以上的理论中我们可以总结出色彩的使用技法――变换色调。这种方法很简单,大家可以自己试试,变换作品中面积不同的色调,得到另一种风格的作品。如图4
Photoshop CS3亲密接触(1):体验界面进化之美
Adobe近日发布了备受瞩目的Photoshop CS3测试版。作为全球图像平面处理行业标准的Photoshop将如何进化,大家都在翘首以待。从今天开始,太平洋软件资讯频道创意设计栏目将为您连载《Photoshop CS3 Beta精彩全接触》系列文章,通过图文并茂的实例讲解,带您一同领略最新版Photoshop的风采。 序言 几天前,adobe公司发布了Photoshop cs3的beta版本供大家试用,非常有幸的成为最先试用的人之一。迫不及待的安装上了Photoshop Cs3,从安装界面就给人感觉有很大的改动。打开Photoshop,没有任何图片的蓝色启动界面,给人以非常专业的感觉(见图1)。 图1 补充一下,在还没开始用之前就有另个发现,就是cs3的开启速度很快,笔者打开的速度是6秒,一改cs2的冗长让人颇感意外;因为cs2的速度,很多人至今都还是用的cs,但是接下来的介绍,你会觉得升级成cs3是非常值得的。 Photoshop CS3界面预览 图2 开启Photoshop后可以看到非常清爽的新界面(见图2),工具栏等都有很大的变化,Adobe公司会把这一新的界面变化应用在所有的CS3套件里,你会在以后的Illustrator, Indesign等软件里看到这一界面的变化。如果你用Photoshop很多年了,对这个软件非常熟悉的话,新的界面可能一开始会让你不习惯,但笔者觉得这次的界面变化是一件非常好的事情。让我们一起来具体看看。 首先这打开一个文件,我们可以看到在界面的左边是一个单排的工具栏(见图3), 图3